/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}.jobEffect{background:linear-gradient(145deg,#f8f2ff,#fff8fb);border:1px solid #e2d3f3;border-radius:17px;gap:8px;margin:20px 0 4px;padding:14px;display:grid}.jobEffect>b{color:#8062ba;font-size:12px}.jobEffect>strong{color:#5e438f;font-size:18px}.jobEffect>div{flex-wrap:wrap;gap:6px;display:flex}.jobEffect>div span{color:#705889;background:#fff;border:1px solid #e8dcf3;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.jobEffect>small{color:#877991;line-height:1.45}.hero .chanceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hero .chanceGrid em{gap:2px;padding:10px 12px;display:grid}.hero .chanceGrid small{color:#6f86a0;font-size:11px}.hero .chanceGrid b{color:#287db5;font-size:18px}.hero .chanceGrid span{color:#75879a;font-size:11px;font-weight:800}:root{--ink:#4a3f5d;--purple:#7863d8;--pink:#ff78a8;--blue:#2787dc;--red:#e05260;--line:#eadcf7;--card:#fffafd;--page:#fff7fb}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#ffeaf3 0,transparent 28%),radial-gradient(circle at 95% 15%,#e5f7ff 0,transparent 30%),var(--page);color:var(--ink);margin:0;font-family:Pretendard,Noto Sans KR,Malgun Gothic,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{color:#fff;background:linear-gradient(120deg,#735fd4,#9c6be1 52%,#e67fb0);justify-content:space-between;align-items:center;gap:24px;min-height:150px;padding:28px clamp(20px,4vw,64px);display:flex;box-shadow:0 8px 24px #7855b62e}header h1{margin:4px 0;font-size:clamp(25px,3vw,40px)}header p{color:#f6edff;margin:0}.eyebrow{letter-spacing:.18em;color:#ffe188;font-size:12px;font-weight:900}.headerControls{flex-wrap:wrap;gap:12px;display:flex}.headerControls label{background:#ffffff18;border:1px solid #ffffff32;border-radius:18px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.headerControls select,.headerControls input{color:var(--ink);background:#fff;border:0;border-radius:11px;padding:8px 10px}.headerControls input{width:72px}nav{justify-content:center;gap:10px;padding:18px;display:flex}nav button,.filters button{color:#7654b5;background:#f1e7ff;border:1px solid #e3d5f4;border-radius:999px;padding:10px 22px;font-weight:900;transition:all .15s;box-shadow:0 4px #d8c4ed}nav button:active,.filters button:active{transform:translateY(3px);box-shadow:0 1px #d8c4ed}nav button.active{color:#fff;background:linear-gradient(#8b77e3,#7160cd);border-color:#6752c5;box-shadow:0 4px #5945b1}.workspace{grid-template-columns:minmax(250px,.82fr) minmax(350px,1.18fr) minmax(360px,1.25fr);align-items:start;gap:16px;max-width:1540px;margin:auto;padding:0 18px 32px;display:grid}.panel,.hero,.rank,.recommend{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 35px #7654b512}.panel{padding:20px}.panel h2,.rank h3{color:#6e52ad;margin:0 0 16px}.panel h3{color:#e06394;margin:24px 0 10px}.stats label{grid-template-columns:1fr 115px;align-items:center;gap:10px;margin:8px 0;display:grid}.stats label span{font-weight:700}.stats input,.slot select{width:100%;color:var(--ink);background:#fff;border:1px solid #d9c7f2;border-radius:13px;outline:none;padding:10px}.stats input::placeholder{color:#c4b8ce}.stats input:focus,.slot select:focus{border-color:#9c7fdd;box-shadow:0 0 0 3px #9c7fdd22}.stats .checkRow{background:#f8f2ff;border:1px solid #eadcf7;border-radius:15px;grid-template-columns:1fr auto;padding:12px}.checkRow span{gap:3px;display:grid}.checkRow small{color:#877991;font-weight:500}.checkRow input{appearance:none;background:#d9cfdf;border:0;border-radius:99px;width:46px;height:26px;padding:0;transition:all .2s;position:relative}.checkRow input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #4e3c6730}.checkRow input:checked{background:#806bd4}.checkRow input:checked:after{transform:translate(20px)}.seasonGuide{color:#725e2c;background:#fff6dc;border:1px solid #f0db9b;border-radius:15px;gap:4px;margin:-3px 0 13px;padding:11px 13px;display:grid}.seasonGuide span{font-size:12px}.slot{border-radius:17px;grid-template-columns:100px 1fr 84px;align-items:center;gap:9px;margin:8px 0;padding:10px;display:grid}.slot.cat01{background:#fff3e4}.slot.cat02{background:#eefaff}.slot.cat04{background:#f5ecff}.slot small{color:#897b96;margin-top:3px;display:block}.stageFixed{color:#7654b5;background:#fff;border:1px solid #d9c7f2;border-radius:12px;place-items:center;padding:9px 5px;font-size:12px;font-weight:900;display:grid}.synergyState{color:#857590;background:#faf7fc;border:1px dashed #d8c8e8;border-radius:16px;gap:6px;margin-top:14px;padding:13px;display:grid}.synergyState b{color:#7156a4}.synergyState span{font-size:12px;line-height:1.45}.synergyState.active{color:#287e6a;background:#effbf7;border-style:solid;border-color:#afe0d1}.right{gap:12px;display:grid}.hero{background:linear-gradient(145deg,#fff,#f6edff);padding:22px}.hero>span{color:#7356b0;font-weight:900}.hero>strong{color:#df5f94;margin:5px 0;font-size:42px;display:block}.hero p{color:#ef8839;font-weight:900}.hero div{gap:10px;display:flex}.ultimateCycle{color:#7a6125;background:#fff5dc;border:1px solid #f1dda2;border-radius:14px;justify-content:space-between;align-items:center;margin:10px 0;padding:10px 12px}.ultimateCycle small{font-weight:900}.ultimateCycle b{color:#e17338;font-size:18px}.ultimateCycle span{color:#8f7a4c;font-size:11px}.hero em{color:#287db5;background:#ebf7ff;border-radius:12px;padding:8px 12px;font-style:normal;font-weight:800}.filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.filters button{box-shadow:none;padding:7px 14px}.filters button.on{color:#fff;background:#8b74dc}.filters i{flex:1}.rank{padding:15px;overflow:hidden}.rank h3{font-size:16px}.rankHead,.rank>button{grid-template-columns:1fr 95px;align-items:center;gap:8px;display:grid}.rankHead{color:#8c7b9d;background:#f4edfb;padding:7px 10px;font-size:12px}.rank>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #f0e7f6;width:100%;padding:10px}.rank>button:hover{background:#fff0f6}.rank>button>b{text-align:right}.rank small{color:#867990;margin-top:3px;display:block}.plus{color:var(--blue)!important}.minus{color:var(--red)!important}.s0g00{color:#d952a4!important}.s1g05{color:#c79329!important}.s1g08{color:#9a5adc!important}.s2g05{color:#ed7d25!important}.s2g08{color:#338bdc!important}.recommend{max-width:1000px;margin:0 auto 40px;padding:24px}.recommend>div{margin-bottom:18px}.recommend>div>span{color:#e05d93;font-weight:900}.recommend h2{margin:4px 0;font-size:30px}.recommendRule{color:#826e94;background:#f5effa;border-radius:9px;margin-top:7px;padding:6px 9px;display:inline-block}.recommend>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #eee4f4;grid-template-columns:42px 1fr 110px;align-items:center;gap:12px;width:100%;padding:14px;display:grid}.recommend>button:hover{background:#fff0f6;border-radius:16px}.recommend>button i{color:#7654b5;background:#f0e5ff;border-radius:12px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.recommend>button span small{color:#897c96;margin-top:4px;display:block}.recommend>button strong{text-align:right}.modalBack{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#382c5377;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fffafd;border:1px solid #eadcf7;border-radius:28px;width:min(680px,100%);max-height:88vh;padding:26px;position:relative;overflow:auto;box-shadow:0 30px 80px #2d204c55}.close{color:#7654b5;background:#f3e9ff;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;position:absolute;top:14px;right:18px}.chip{color:#7654b5;background:#efe5ff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;display:inline-block}.modal h2{margin:10px 0;font-size:30px}.modal h3{color:#7154aa;margin:22px 0 8px}.swap{color:#87788e;align-items:center;gap:8px;margin:-3px 0 10px;display:flex}.swap strong{color:#594477}.bigGain{background:#eaf6ff;border-radius:18px;justify-content:space-between;align-items:center;padding:14px;display:flex}.bigGain strong{font-size:25px}.changeGrid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.changeGrid div{background:#f7f2fb;border-radius:12px;justify-content:space-between;gap:12px;padding:10px;display:flex}.synergyNotes{background:#eefaf6;border:1px solid #c3e8dc;border-radius:14px;padding:8px 12px}.synergyNotes p{color:#287e6a;margin:5px 0;font-weight:700}.formula{background:#fff3e8;border-radius:14px;margin:7px 0;padding:11px}.formula b{margin-top:5px;display:block}.muted,.desc{color:#746a7d;line-height:1.65}.equip{color:#fff;background:linear-gradient(#83dcc5,#61c7ad);border:1px solid #48ad93;border-bottom:4px solid #339079;border-radius:16px;width:100%;margin-top:16px;padding:13px;font-weight:900}footer{text-align:center;color:#8b7c99;padding:24px}@media (width>=1051px){.right{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bca8dd #f4edf9;max-height:calc(100vh - 24px);padding-right:6px;position:sticky;top:12px;overflow-y:auto}.right::-webkit-scrollbar{width:8px}.right::-webkit-scrollbar-track{background:#f4edf9;border-radius:99px}.right::-webkit-scrollbar-thumb{background:#bca8dd;border:2px solid #f4edf9;border-radius:99px}}@media (width<=1050px){.workspace{grid-template-columns:1fr 1fr}.right{grid-column:1/-1}}@media (width<=700px){header{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr;padding:0 10px 24px}.right{grid-column:auto}.slot{grid-template-columns:82px 1fr}.slot>select:last-child{grid-column:2}.stats label{grid-template-columns:1fr 105px}.stats .checkRow{grid-template-columns:1fr auto}.hero>strong{font-size:34px}.ultimateCycle{flex-wrap:wrap}.recommend{margin:0 10px 30px;padding:16px}.recommend>button{grid-template-columns:36px 1fr 82px}.changeGrid{grid-template-columns:1fr}}.rankRows{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bca8dd #f4edf9;max-height:300px;overflow-y:auto}.rankRows::-webkit-scrollbar{width:8px}.rankRows::-webkit-scrollbar-track{background:#f4edf9;border-radius:99px}.rankRows::-webkit-scrollbar-thumb{background:#bca8dd;border:2px solid #f4edf9;border-radius:99px}.rankRows>button{text-align:left;background:0 0;border:0;border-bottom:1px solid #f0e7f6;grid-template-columns:1fr 95px;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.rankRows>button:hover{background:#fff0f6}.rankRows>button>b{text-align:right}@media (width>=1051px){.right{max-height:none;padding-right:0;position:static;overflow:visible}}.recommendRow{border-bottom:1px solid #eee4f4;grid-template-columns:1fr auto;align-items:center;display:grid}.recommendMain{text-align:left;background:0 0;border:0;grid-template-columns:42px 1fr 110px;align-items:center;gap:12px;width:100%;padding:14px;display:grid}.recommendMain:hover{background:#fff0f6;border-radius:16px}.recommendMain i{color:#7654b5;background:#f0e5ff;border-radius:12px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.recommendMain span small{color:#897c96;margin-top:4px;display:block}.recommendMain strong{text-align:right}.recommendExclude{color:#8a739a;background:#fff;border:1px solid #e4d7ee;border-radius:11px;margin-right:10px;padding:8px 10px;font-size:12px;font-weight:800}.recommendExclude:hover{color:#d45582;background:#f7effa}@media (width<=700px){.recommendRow{grid-template-columns:1fr}.recommendMain{grid-template-columns:36px 1fr 82px}.recommendExclude{justify-self:end;margin:0 10px 10px}}