:root{--void: #090d12;--deep: #101720;--panel: #17212b;--raised: #202c36;--line: #33414d;--metal: #756b58;--gold-line: #b99a59;--text: #f2ead8;--secondary: #b7b2a8;--muted: #7f8991;--mana: #63b9cf;--mana-strong: #8ee7f2;--gold: #d1b06b;--force: #9acb68;--danger: #c85d55;--warn: #e0c04a;--focus: rgb(99 185 207 / 38%);--display: "Noto Serif SC", serif;--ui: "Noto Sans SC", "Microsoft YaHei", sans-serif;--number: "Roboto Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--void)}body{margin:0;background:radial-gradient(circle at 20% 0%,rgb(99 185 207 / 4%),transparent 40%),radial-gradient(circle at 90% 100%,rgb(143 117 201 / 4%),transparent 45%),var(--void);color:var(--text);font:14px/1.5 var(--ui)}body.overlay-open,body.is-touch-dragging,body.is-floating-dragging{overflow:hidden}button,input{font:inherit}button{color:inherit}.num{font-family:var(--number);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.touch-target{min-width:40px;min-height:40px}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:none;border-color:var(--mana)!important;box-shadow:0 0 0 3px var(--focus)}.topbar{position:relative;z-index:10;height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--metal);background:var(--void)}.brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.brand-mark{width:26px;height:26px;align-self:center;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.brand strong{font:700 20px var(--display)}.brand span{color:var(--muted);font-size:12px;letter-spacing:.06em}.topbar-controls{display:flex;align-items:center;gap:12px}.segmented{display:inline-flex;overflow:hidden;border:1px solid var(--line);border-radius:4px}.segmented-button{padding:6px 14px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--secondary);cursor:pointer}.segmented-button:last-child{border-right:0}.segmented-button.active{color:var(--mana-strong);background:var(--raised);box-shadow:inset 2px 0 var(--mana)}.select-trigger,.ghost-button,.filter-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 12px;border:1px solid var(--line);border-radius:4px;background:var(--deep);cursor:pointer}.select-chevron{width:12px;height:8px;flex:none;overflow:visible;fill:none;stroke:var(--secondary);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ghost-button{background:transparent;color:var(--secondary)}.control-label{color:var(--secondary)}.layout{position:relative;width:min(1600px,100%);height:calc(100vh - 60px);margin:0 auto;padding:16px 24px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px}.backpack-rail{align-self:start;width:52px;padding:13px 0;display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--metal);border-radius:4px;box-shadow:0 10px 30px #0000003d;cursor:pointer}.backpack-rail.active{border-color:var(--gold-line);background:var(--raised)}.backpack-rail svg,.empty-state svg{width:24px;height:24px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.backpack-rail span{writing-mode:vertical-rl;text-orientation:upright;color:var(--muted);font-size:12px}.scale-panel{min-width:0;min-height:0;padding:16px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 30px #0000003d}.result-bar{max-height:33vh;margin-bottom:12px;padding:9px 10px;overflow:auto;background:var(--deep);border:1px solid var(--line);border-radius:4px}.result-summary{display:flex;flex-wrap:wrap;gap:6px 14px}.result-item{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;color:var(--secondary)}.result-tiers{display:inline-flex;gap:2px}.result-value{color:var(--force)}.result-notices{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.notice{display:inline;margin-right:16px;font-size:12px}.notice.danger{color:var(--danger)}.notice.gold,.tier-S{color:var(--gold)}.tier-A{color:var(--danger)}.tier-B{color:var(--warn)}.scale-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:10px}.side-stat{padding:7px;display:flex;flex-direction:column;align-items:center;background:var(--deep);border:1px solid var(--line);border-radius:4px}.side-stat span,.balance-readout span{color:var(--muted);font-size:12px}.side-stat strong{font-size:22px}.balance-readout{min-width:120px;display:flex;flex-direction:column;align-items:center}.balance-readout strong{font-size:32px;line-height:1.1}.balance-readout .full{color:var(--force)}.balance-readout .partial{color:var(--gold)}.balance-readout .zero{color:var(--danger)}.beam{position:relative;height:6px;margin-bottom:14px;overflow:hidden;background:var(--deep);border:1px solid var(--line);border-radius:3px}.beam i{position:absolute;inset-block:0;width:2px;transform:translate(-50%);transition:left .18s}.pans{min-height:0;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.pan-column{min-height:0;padding:4px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.pan{position:relative;height:116px;min-height:116px;flex:0 0 116px;padding:10px;background:var(--deep);border:1px solid var(--line);border-radius:4px}.pan.boosted{border-color:var(--gold-line);box-shadow:inset 0 0 0 1px #b99a5959}.pan.has-item{cursor:grab}.pan.drag-over{border-color:var(--mana);box-shadow:0 0 0 2px var(--focus)}.pan.touch-dragging{opacity:.55}.pan-head{min-height:30px;display:flex;justify-content:space-between;align-items:start;gap:6px}.pan-index{color:var(--muted);font-size:11px}.pan-actions{display:inline-flex;align-items:center;gap:4px}.boost-toggle{display:inline-flex;align-items:center;gap:5px;color:var(--secondary);font-size:11px;cursor:pointer}.boost-toggle input{accent-color:var(--gold)}.pan-remove,.item-remove,.icon-button{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.pan-remove:hover,.item-remove:hover,.icon-button:hover{color:var(--danger)}.icon-button svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dialog-head-actions{display:inline-flex;align-items:center;gap:2px}.dialog-head-actions .icon-button{display:grid;place-items:center;padding:0;border-radius:4px;font-size:22px}.dialog-head-actions .icon-button:not(.close-button):hover{color:var(--mana-strong)}.pan-empty{width:100%;min-height:50px;padding:8px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line);border-radius:4px;background:transparent}.longpress-hint{display:none}.disclaimer{margin:10px 2px 0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.item-main{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.item-title{min-width:0;display:inline-flex;align-items:baseline;gap:6px}.item-name{color:var(--text);font-weight:500}.item-weight{color:var(--gold)}.item-weight:before{content:"⚖ ";color:var(--muted);font-size:11px}.item-placed-count{display:none;color:var(--mana-strong);font-size:12px;font-weight:700}.item-effects{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.effect{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;color:var(--secondary);font-size:11px;background:var(--deep);border:1px solid var(--line);border-radius:3px}dialog{max-width:none;max-height:none;padding:0;color:var(--text);background:transparent;border:0;overflow:visible}dialog::backdrop{background:#05090dd1}.backpack-shell{position:fixed;inset:76px auto auto max(76px,calc((100vw - min(1600px,100vw))/2 + 84px));width:300px;height:min(620px,calc(100dvh - 92px));margin:0}.backpack-shell::backdrop{background:transparent}.backpack-panel,.library-panel,.choice-panel{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--metal);border-radius:4px;box-shadow:0 20px 60px #0000007f}.dialog-head{min-height:56px;padding:8px 12px 8px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font:700 16px var(--display)}.dialog-head h2 small{margin-left:4px;color:var(--gold)}.dialog-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.dialog-actions{padding:10px 12px;display:grid;grid-template-columns:1fr;gap:8px;border-bottom:1px solid var(--line)}.dialog-actions.has-recommend{grid-template-columns:1fr 1fr}.dialog-actions.has-recommend .cancel-button{grid-column:1 / -1}.primary-button,.secondary-button,.cancel-button{width:100%;padding:8px 12px;color:var(--void);font-weight:600;background:var(--mana);border:1px solid var(--mana);border-radius:4px;cursor:pointer}.secondary-button{color:var(--mana-strong);background:var(--deep);border-color:var(--line)}.cancel-button{color:var(--danger);background:transparent;border-color:var(--danger)}.primary-button:disabled,.secondary-button:disabled,.cancel-button:disabled{color:var(--muted);background:var(--deep);border-color:var(--metal);cursor:default}.scroll-list{min-height:0;flex:1;margin:0;padding:6px;overflow-y:auto;list-style:none}.item-card{position:relative;min-height:64px;margin-bottom:4px;padding:9px 10px;border:1px solid transparent;border-radius:4px;cursor:pointer}.item-card.removable{padding-right:42px;padding-bottom:28px}.item-card.removable .item-weight{position:absolute;right:10px;bottom:8px}.item-card:hover{background:var(--raised);border-color:var(--line)}.item-card.selected{background:#63b9cf12;border-color:#63b9cf3d}.item-card.disabled{opacity:.58;cursor:default}.item-card:has(.item-action){padding-right:112px}.item-remove{position:absolute;right:4px;top:4px}.item-action{position:absolute;right:8px;top:50%;translate:0 -50%;padding:5px 9px;color:var(--mana);border:1px solid var(--mana);border-radius:4px;background:transparent;cursor:pointer}.item-action:disabled{color:var(--muted);border-color:var(--metal)}.item-action.remove{color:var(--danger);border-color:var(--danger)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);text-align:center}.empty-state svg{width:56px;height:56px;stroke:var(--metal)}.empty-state strong{color:var(--secondary)}.library-shell{width:min(720px,calc(100vw - 48px));height:min(760px,calc(100dvh - 48px))}.library-tools{padding:12px 14px 8px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.search-input{min-width:0;height:42px;padding:8px 10px;color:var(--text);background:var(--deep);border:1px solid var(--line);border-radius:4px}.filter-trigger{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-count{padding:0 14px 6px;color:var(--muted);font-size:12px}.library-list{padding-inline:8px}.choice-overlay{position:fixed;z-index:500;inset:0;padding:16px;display:flex;align-items:center;justify-content:center;background:#05090db8}.choice-panel{width:min(380px,calc(100vw - 32px));max-height:min(620px,calc(100dvh - 32px))}.choice-list{min-height:0;padding:6px;overflow-y:auto}.choice-option{width:100%;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;color:var(--secondary);border:1px solid transparent;border-radius:4px;background:transparent;cursor:pointer}.choice-option:hover{background:var(--raised)}.choice-option.selected{color:var(--mana-strong);border-color:var(--line);background:var(--deep)}.choice-check{color:var(--mana);font-weight:700}.touch-drag-ghost{position:fixed;z-index:9999;translate:-50% -110%;max-width:220px;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);background:var(--raised);border:1px solid var(--mana);border-radius:4px;box-shadow:0 12px 32px #0000008c;pointer-events:none}.toast{position:fixed;z-index:10000;inset:auto auto calc(30px + env(safe-area-inset-bottom)) 50%;translate:-50% 0;width:max-content;max-width:min(80vw,420px);margin:0;padding:10px 16px;color:var(--text);background:var(--raised);border:1px solid var(--danger);border-radius:4px;box-shadow:0 8px 24px #00000073;pointer-events:none}.toast:popover-open{display:block}@media(max-width:640px){.touch-target{min-width:44px;min-height:44px}.topbar{height:auto;min-height:104px;padding:calc(8px + env(safe-area-inset-top)) 12px 9px;flex-wrap:wrap;align-content:center;gap:7px}.brand{width:100%;gap:8px}.brand strong{font-size:19px}.brand span{font-size:11px}.topbar-controls{width:100%;gap:7px}.segmented{flex:none}.segmented-button{min-width:0;min-height:40px;padding:5px 8px;font-size:12px}.select-trigger{padding-inline:9px}.ghost-button{padding-inline:11px}.layout{height:auto;min-height:calc(100dvh - 104px);padding:10px 12px 20px;display:block}.backpack-rail{position:fixed;z-index:30;width:48px;height:48px;min-height:48px;padding:0;translate:0 -50%;display:grid;place-items:center;touch-action:none}.backpack-rail.dragging{z-index:60;opacity:.82;border-color:var(--mana)}.backpack-rail b{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;color:var(--void);font-size:11px;background:var(--gold);border-radius:10px}.backpack-rail span{display:none}.scale-panel{width:100%;padding:10px}.result-bar{max-height:none}.scale-head{gap:7px}.balance-readout{min-width:92px}.balance-readout strong{font-size:29px}.side-stat{padding:6px}.side-stat strong{font-size:20px}.pans{gap:8px}.pan-column{gap:8px;padding:0;overflow:visible}.pan{min-width:0;height:132px;min-height:132px;flex-basis:132px;padding:8px;cursor:default}.pan-head{min-height:36px}.pan .item-main{align-items:start}.pan .item-name{min-width:0;overflow-wrap:anywhere}.pan .item-weight{white-space:nowrap}.pan-actions{margin:-4px -4px 0 0;gap:0}.boost-toggle{min-width:72px;justify-content:center}.effect{padding:0 3px;font-size:10px}.pan-empty{min-height:78px}.longpress-hint{position:absolute;right:8px;bottom:6px;display:block;color:var(--muted);font-size:10px;text-align:right}.pan.has-item{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.disclaimer{line-height:1.55}.backpack-shell,.library-shell{inset:0;width:100%;height:100dvh;margin:0}.backpack-shell::backdrop,.library-shell::backdrop{background:var(--void)}.backpack-panel,.library-panel{border:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.dialog-head{min-height:60px;padding-inline:14px 8px;flex:none}.dialog-head h2{font-size:18px}.dialog-actions{flex:none}.scroll-list{overscroll-behavior:contain}.item-card{min-height:72px;padding-block:10px}.item-card.removable .item-title{max-width:calc(100% - 34px)}.item-card.removable .item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card.removable .item-placed-count{display:inline}.empty-state{min-height:45dvh}.library-tools{flex:none;padding:10px 12px 8px;grid-template-columns:1fr 1fr}.search-input{grid-column:1 / -1;height:44px;font-size:16px}.filter-trigger{justify-content:space-between;padding-inline:10px}.library-count{flex:none;padding-inline:12px}.choice-overlay{padding:0;align-items:flex-end;justify-content:stretch}.choice-panel{width:100%;max-height:min(76dvh,620px);border-width:1px 0 0;border-radius:4px 4px 0 0;padding-bottom:env(safe-area-inset-bottom)}.choice-option{min-height:48px;font-size:15px}}@media(max-width:370px){.brand span{display:none}.topbar{min-height:98px}.layout{min-height:calc(100dvh - 98px)}.scale-panel{padding:8px}.balance-readout{min-width:78px}.pans{gap:6px}.segmented-button{padding-inline:6px;font-size:11px}.select-trigger,.ghost-button{padding-inline:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}