:root{color-scheme:dark;--bg: #12141a;--card: #1b1e26;--line: #2b303c;--text: #e8eaf0;--muted: #9aa3b5;--accent: #ffc107;--accent-soft: rgba(255, 193, 7, .12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6}.page{max-width:1320px;margin:0 auto;padding:18px 16px 48px;display:flex;flex-direction:column;gap:16px}.page__head h1{margin:0;font-size:1.5rem}.page__head p,.page__foot{margin:0;color:var(--muted);font-size:1rem}.page__foot{padding-top:8px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.card h2{margin:0 0 16px;font-size:1.125rem;color:var(--text);font-weight:600}.card__head{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-bottom:16px}.card__head h2{margin:0}.settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}@media(max-width:560px){.settings{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;font-size:.9375rem;color:var(--muted)}select,input{background:#14161d;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;font-size:1.0625rem;width:100%}select:focus,input:focus{outline:2px solid var(--accent);outline-offset:1px}.toggle{display:flex;align-items:center;gap:6px;font-size:.9375rem;color:var(--muted);cursor:pointer}.toggle input{width:auto}.items{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.item{display:flex;flex-direction:column;gap:10px;padding:12px;background:#171a21;border:1px solid var(--line);border-radius:10px}.item__head{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.item__head .item__name{flex:1 1 120px;min-width:120px}.item__strategy{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px dashed var(--line)}.item__strategy .chip{padding:3px 9px;font-size:.875rem}.item__strategy .strategy__label{font-size:.875rem;white-space:nowrap}.item__policy{margin:2px 0 0;color:var(--muted);font-size:.875rem}.item[data-invalid=true]{border-color:#e05c5c}.item__error{grid-column:1 / -1;margin:0;color:#ff9b9b;font-size:.9375rem}.button{background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:8px;padding:10px 14px;font:inherit;font-weight:600;cursor:pointer}.button:hover{border-color:var(--accent)}.button--ghost{width:100%}.button--remove{background:none;color:var(--muted);font-size:1.25rem;flex:none;width:50px;height:50px;padding:0;line-height:1;display:grid;place-items:center}.button--remove:hover{color:#ff9b9b}.card--total{background:linear-gradient(180deg,#1f2330,var(--card))}.total{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;font-size:2.375rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}#total-cost{margin-left:auto}.total__sub{margin:2px 0 0;color:var(--muted);font-size:1.0625rem}.total__meta{margin:14px 0 0;color:var(--muted);font-size:1rem}.total__scaled{white-space:nowrap;color:var(--muted)}.chips--multiplier{margin-left:auto}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}th,td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}tbody tr:last-child td{border-bottom:none}.empty{color:var(--muted);font-size:1rem;text-align:center;padding:20px 0}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details summary h2{display:inline}details summary:after{content:" ▾";color:var(--muted)}details[open] summary:after{content:" ▴"}details summary h2{margin-bottom:0}details[open]>summary{margin-bottom:16px}.layout{display:grid;grid-template-columns:540px minmax(0,1fr);grid-template-rows:max-content 1fr;gap:16px;align-items:start}.layout__main{display:flex;flex-direction:column;gap:16px;min-width:0}.layout__side{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px;max-height:calc(100vh - 32px)}.card--picker{min-height:0;overflow-y:auto;scrollbar-width:thin}.card--settings{padding-top:13px;padding-bottom:13px}.settings--row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}@media(max-width:760px){.settings--row{grid-template-columns:1fr}}@media(max-width:760px){.layout{grid-template-columns:1fr}.layout__side{position:static;max-height:none}}.hint{margin:0 0 12px;color:var(--muted);font-size:.875rem}.picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 4px;align-items:start}.picker__folded{grid-column:1 / -1}.picker__level{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;color:var(--text);font-size:.875rem;font-weight:600;letter-spacing:.02em}.picker__row{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:6px;min-height:46px;padding:0;border-radius:7px}.picker__pick{display:grid;grid-template-columns:18px 22px minmax(0,1fr);align-items:center;gap:6px;padding:6px 8px;background:none;border:1px solid var(--line);border-radius:8px;font:inherit;cursor:pointer;color:var(--text);transition:background .12s ease,border-color .12s ease}.picker__pick:hover{background:#14161d;border-color:var(--accent)}.picker__pick img,.picker__fallback{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}.picker__fallback{display:grid;place-items:center;font-size:.875rem;color:var(--muted)}.picker__name{font-size:.9375rem;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__pick:hover .picker__name{color:var(--accent)}.picker__row input{padding:6px 7px;font-size:1rem;text-align:right}.picker__unit{color:var(--muted);font-size:.8125rem}.button--quiet{background:none;color:var(--muted);font-weight:400;font-size:.875rem;padding:6px 10px;margin-top:12px;width:100%}.button--quiet:hover{color:var(--text)}.card__head .button--quiet{margin-top:0;width:auto}.item__name{display:flex;align-items:center;gap:7px;font-weight:600;font-size:1rem}.item__name img,.item__name .picker__fallback{width:24px;height:24px;flex:none}@media(max-resolution:1.5dppx){.picker__pick img,.item__name img{image-rendering:auto}}.item__count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:7px;padding:0 6px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font-size:.75rem;font-weight:700;line-height:1;vertical-align:2px}.item__name small{display:block;color:var(--muted);font-weight:400;font-size:.8125rem}.strategy{display:flex;flex-direction:column;gap:10px}.strategy__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.strategy__label{color:var(--text);font-size:.9375rem;white-space:nowrap;flex:none}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#14161d;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font:inherit;font-size:.9375rem;cursor:pointer}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.chip[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.chip:disabled{opacity:.35;cursor:not-allowed}.chip:disabled[aria-pressed=true]{opacity:1}.item__policy{display:none}.field--wide{grid-column:1 / -1}.field--wide .chips{padding-top:2px}.item__details{border-top:1px dashed var(--line);padding-top:8px}.item__details summary{cursor:pointer;color:var(--muted);font-size:.875rem;list-style:none}.item__details summary::-webkit-details-marker{display:none}.item__details[open] summary{margin-bottom:8px}.item__stages{font-size:.9375rem}.item__stages th,.item__stages td{padding:5px 8px}.card--total .table-scroll{margin-top:18px}.card--total .total__meta{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.hint--foot{margin:10px 0 0}.field--inline{flex-direction:row;align-items:center;gap:8px}.field--inline>span{white-space:nowrap}.field>span{color:var(--text);font-weight:600}.dropdown{position:relative;width:100%}.dropdown__button{width:100%;background:#14161d;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 10px;font:inherit;font-size:1.0625rem;text-align:left;cursor:pointer}.dropdown__button:after{content:"▾";float:right;color:var(--muted)}.dropdown__button[aria-expanded=true]{border-color:var(--accent)}.dropdown__list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:348px;overflow-y:auto;overscroll-behavior:contain;background:#14161d;border:1px solid var(--accent);border-radius:8px;padding:4px;box-shadow:0 10px 24px #00000073}.dropdown__option{display:block;width:100%;background:none;border:none;border-radius:6px;color:var(--text);font:inherit;font-size:1rem;text-align:left;padding:7px 9px;cursor:pointer}.dropdown__option:hover{background:#1f2330}.dropdown__option[aria-selected=true]{color:var(--accent);font-weight:600}.chip--custom{display:inline-flex;align-items:stretch;padding:0;overflow:hidden}.chip--custom[data-selected=true]{background:var(--accent-soft);border-color:var(--accent)}.chip__label,.chip__remove{background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:5px 6px 5px 11px}.chip--custom[data-selected=true] .chip__label{color:var(--accent);font-weight:600}.chip__remove{padding:5px 9px 5px 4px;color:var(--muted);font-size:.75rem}.chip__remove:hover{color:#ff9b9b}.chip--input{width:84px;padding:4px 8px;text-align:center;border-color:var(--accent)}.input--narrow{width:100%;min-width:48px}.item__head .input--narrow{width:68px;min-width:0}.strategy__row .toggle{margin-left:auto;white-space:nowrap}.breakdown{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left}.breakdown__parts{color:var(--muted);font-size:12px;white-space:nowrap}.total__note>span{display:block}.total__note{margin:4px 0 0;color:var(--muted);font-size:1rem}.total__storage{margin:6px 0 0;color:var(--muted);font-size:1rem}.picker__folded>summary{margin-top:4px;padding:4px 0;color:var(--muted);font-size:.9375rem;cursor:pointer}.picker__folded[open]>summary{color:var(--text);font-weight:600}.card__lead{display:flex;align-items:center;gap:8px 28px;flex-wrap:wrap}.bulk{display:flex;align-items:center;gap:10px;padding:5px 12px;background:#171a21;border:1px solid var(--line);border-radius:10px}.bulk__label{color:var(--muted);font-size:.9375rem;white-space:nowrap}.fee{display:flex;align-items:center;gap:10px;padding:5px 12px;background:#171a21;border:1px solid var(--line);border-radius:10px}.fee__label{color:var(--muted);font-size:.9375rem;white-space:nowrap}.breakdown__main{white-space:nowrap}.breakdown__step{color:var(--muted)}.picker__plus{position:relative;width:18px;height:18px;border-radius:6px;background:#ffffff0d;transition:background .12s ease,transform .12s ease}.picker__plus:before,.picker__plus:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--muted);border-radius:1px;transition:background .12s ease}.picker__plus:before{width:9px;height:2px}.picker__plus:after{width:2px;height:9px}.picker__pick:hover .picker__plus{background:var(--accent-soft);transform:scale(1.1)}.picker__pick:hover .picker__plus:before,.picker__pick:hover .picker__plus:after{background:var(--accent)}.range__from{display:inline-block;min-width:2ch;text-align:right}th:nth-last-child(-n+2),td:not(.empty):nth-last-child(-n+2){text-align:right}.input--locked{cursor:default}.menu-button,.drawer-backdrop,.drawer-close{display:none}@media(max-width:760px){.page{padding:14px 12px 40px}.page__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-button{display:grid;align-content:center;gap:4px;position:fixed;right:12px;top:12px;z-index:45;width:46px;height:46px;padding:0 12px;background:#171a21;border:1px solid var(--accent);border-radius:50%;box-shadow:0 6px 18px #00000073;cursor:pointer;transition:opacity .15s ease}.menu-button span{background:var(--accent)}body[data-drawer=open] .menu-button{opacity:0;pointer-events:none}.menu-button span{display:block;height:2px;border-radius:1px;background:var(--text)}.menu-button[aria-expanded=true]{border-color:var(--accent)}.menu-button[aria-expanded=true] span{background:var(--accent)}.layout__side{display:flex;position:static;max-height:none}.card--picker{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(360px,88vw);margin:0;padding:0 12px 12px;border-radius:0;border:none;border-left:1px solid var(--line);background:var(--bg);overflow-y:auto;overscroll-behavior:contain;transform:translate(100%);transition:transform .2s ease;touch-action:pan-y}.card--picker[data-dragging]{transition:none}body[data-drawer=open] .card--picker{transform:translate(0)}body[data-drawer=open]{overflow:hidden}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .2s ease}body[data-drawer=open] .drawer-backdrop{opacity:1;pointer-events:auto}.drawer-close{display:block;position:sticky;top:0;z-index:2;width:calc(100% + 24px);margin:0 -12px 12px;padding:13px;background:var(--bg);color:var(--muted);border:none;border-bottom:1px solid var(--line);font:inherit;cursor:pointer}.drawer-close:active{color:var(--text)}.card__head{position:relative}.card__head .button--quiet{position:absolute;top:0;right:0}.card__lead h2{padding-right:105px}.card__head:has(.card__lead){margin-bottom:10px}.card__lead{flex-basis:100%;gap:22px 28px}.bulk{width:100%;flex-wrap:wrap;padding:12px}.bulk__label,.fee__label{flex-basis:100%;line-height:1.1}.fee{width:100%;flex-wrap:wrap;padding:12px}.item__head{position:relative}.item__head .button--remove{position:absolute;top:0;right:0}.item__head .item__name{flex:1 1 auto;min-width:0}.item__head .field--spare{margin-left:auto;margin-right:56px}.item__head .field--spare>span:first-child{display:none}.picker__row{min-height:52px}.picker__pick{padding:9px 8px}.picker__pick:active{background:#14161d;border-color:var(--accent)}.picker__pick:active .picker__name{color:var(--accent)}.picker__pick:active .picker__plus{background:var(--accent-soft)}.picker__pick:active .picker__plus:before,.picker__pick:active .picker__plus:after{background:var(--accent)}.item__strategy .chip{padding:8px 13px;font-size:.9375rem}.chip:active{border-color:var(--accent)}.strategy__row .chips{order:1;flex-basis:100%}.total{font-size:clamp(1.25rem,5.6vw,2.375rem)}.total__note--wheel,#per-item thead{display:none}#per-item{white-space:normal}#per-item tr{display:block;margin-bottom:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}#per-item td{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:3px 0;border-bottom:none}#per-item td[data-short]:before{content:attr(data-short);flex:none;color:var(--muted);font-size:.875rem}#per-item td:not(.empty):nth-last-child(-n+2){text-align:left}#per-item .breakdown{align-items:flex-end;text-align:right;min-width:0}#per-item .breakdown__main,#per-item .breakdown__parts{white-space:normal}.item__stages{font-size:.75rem}.item__stages th,.item__stages td{padding:5px 4px}.dropdown__list{max-height:min(348px,46vh)}}.spare-input{display:inline-flex;align-items:center;gap:6px;position:relative}.spare-input--fill{display:block}.item__head .spare-input input{width:78px;min-width:0;text-align:right}.item__head .spare-input .picker__unit{font-size:.9375rem}@media(hover:hover){.spare-input:before,.dropdown:before{content:"↕";position:absolute;top:50%;left:5px;transform:translateY(-50%);color:var(--muted);font-size:.75rem;opacity:0;pointer-events:none;transition:opacity .18s ease .2s}.spare-input:hover:before,.dropdown:hover:before{opacity:.85}.spare-input:has(input[readonly]):before{content:none}input:hover:not([readonly]),.dropdown__button:hover{border-color:var(--accent);transition-delay:.2s}}input,.dropdown__button{transition:border-color .15s ease}.dropdown__button{padding-left:18px}.item__head .dropdown,.bulk .dropdown{width:84px}.spare-input input{padding-left:20px}.picker__row input::-webkit-outer-spin-button,.picker__row input::-webkit-inner-spin-button,.spare-input input::-webkit-outer-spin-button,.spare-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.picker__row input,.spare-input input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.picker__lock[aria-pressed=true]{border-color:var(--text);color:var(--text)}.item__head .dropdown,.bulk .dropdown{width:80px}.item__head .spare-input input{width:94px}.button--remove{width:44px;height:44px}@media(max-width:760px){.picker{grid-template-columns:1fr}}.picker__actions{display:flex;align-items:center;gap:8px;margin-top:12px}.picker__actions .button--quiet{margin-top:0}.picker__actions>.button{flex:1 1 0;min-width:0}.layout__side .settings--row{grid-template-columns:1fr;gap:10px}.layout__side .total{font-size:2rem}.item__details>summary{display:flex;align-items:baseline;gap:12px}.item__details>summary:after,.item__details[open]>summary:after{content:none}.item__toggle:after{content:" ▾";color:var(--muted)}.item__details[open] .item__toggle:after{content:" ▴"}.item__stats{margin-left:auto;color:var(--muted);font-size:.9375rem;text-align:right}.item__stats strong{color:var(--text);font-weight:600}.page__head .page__hint{margin:0 0 0 auto;color:var(--muted);font-size:.9375rem;text-align:right}@media(max-width:760px){.page__head .page__hint{display:none}}.page__head{display:flex;align-items:baseline;gap:16px}.items+.total__meta{margin-top:0}.card--total .card__head{flex-direction:column;align-items:flex-start;gap:10px}.picker__folded-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 4px;align-items:start}@media(max-width:760px){.picker__folded-body{grid-template-columns:1fr}}.layout>.card--settings{grid-column:1;grid-row:1}.layout>.layout__side{grid-column:1;grid-row:2}.layout>.layout__main{grid-column:2;grid-row:1 / span 2}.layout>.card--settings .settings--row{grid-template-columns:1fr;gap:10px}.layout>.card--settings .field--inline>span{min-width:46px}@media(max-width:760px){.layout>.card--settings,.layout>.layout__side,.layout>.layout__main{grid-column:1;grid-row:auto}}.card--total{padding-bottom:12px}.layout__side .total{line-height:1.2}#total-storage:empty{display:none}.card--total{padding-top:14px}.card--total .card__head{margin-bottom:8px;gap:6px}.picker__pick{padding:9px 8px}.picker__row{min-height:0;align-items:stretch}.picker__group{display:flex;flex-direction:column;gap:6px}.picker__row .spare-input--fill,.picker__row input{height:100%}.picker__unit{align-self:center}.item__stat{white-space:nowrap}@media(max-width:760px){.item__details>summary{flex-wrap:wrap;gap:4px 12px}.item__stats{margin-left:0;flex-basis:100%;text-align:left}}#total-scaled:empty{display:none}.spare-input .picker__unit{position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none}.spare-input input{padding-right:26px}@media(max-width:760px){.item__head .spare-input input{width:88px}.spare-input input{padding-left:10px}}.chips--slot{gap:4px}.chips--slot .chip{position:relative;min-width:42px;padding:8px 12px;font-size:1rem;text-align:center;border-radius:8px}.chips--slot .chip[data-filled]:after{content:"";position:absolute;top:4px;right:5px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.chips--slot .chip[aria-pressed=true][data-filled]:after{background:var(--accent)}@media(max-width:760px){.card__lead h2{padding-right:0}.card__lead{gap:10px 12px}.card__lead .chips--slot{margin-right:92px}}.card__head .button--quiet,.picker__actions .button--quiet{background:#232936;color:var(--text)}.card__head .button--quiet:hover,.picker__actions .button--quiet:hover{background:#2b3241}#event,#mvp,#pc,#multipliers{min-height:30px}#slots{min-height:37px}#bulk{min-height:50px}@media(min-width:761px){#picker{min-height:634px}}