:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4ead2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--panel:#2b231ff0;--panel-2:#21272ff5;--stone:#59616d;--wood:#8d623d;--wood-dark:#4a2e20;--gold:#f3c86b;--green:#78d36a;--red:#e36f65;--muted:#c9b893;--line:#ffebbc38;background:#0d1320;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app{background:linear-gradient(#142446f0,#0c0f18e6 38%,#1b1411fa),repeating-linear-gradient(90deg,#ffffff08 0 2px,#0000 2px 18px);min-height:100vh;position:relative;overflow-x:hidden}.terrain{pointer-events:none;z-index:0;position:fixed;left:0;right:0}.terrain-top{background:linear-gradient(#0000 0 22px,#472d1cf2 22px 100%),repeating-linear-gradient(90deg,#674a2dcc 0 28px,#422b1ee6 28px 56px),repeating-linear-gradient(0deg,#0000 0 15px,#ffffff0a 15px 18px);height:118px;bottom:0;box-shadow:inset 0 18px #46763dbf,inset 0 24px #375930bf}.app-shell{z-index:1;width:min(1480px,100% - 32px);margin:0 auto;padding:24px 0 56px;position:relative}.topbar,.control-panel,.panel,.stage-summary,.item-card,.drawer,.toast{border:2px solid #ffefbf47;box-shadow:0 0 0 2px #00000059,8px 8px #0000004d}.topbar{background:linear-gradient(135deg,#342c25fa,#1d2637fa);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:82px;padding:14px 18px;display:grid}.brand-mark{width:48px;height:48px;color:var(--gold);border:2px solid var(--wood);background:#1d2634;place-items:center;display:grid;box-shadow:inset -4px -4px #00000047}.topbar h1,.panel h2,.stage-summary h2,.loadout-section h2,.drawer h2{margin:0;line-height:1.1}.topbar h1{font-size:1.65rem}.eyebrow,.field-label,label{color:var(--muted)}.eyebrow{text-transform:uppercase;margin:0 0 5px;font-size:.75rem;font-weight:800}.save-state{color:#d8ffd6;background:#1e482fad;border:2px solid #82e07073;justify-content:center;align-items:center;gap:8px;min-width:132px;min-height:38px;padding:8px 12px;display:inline-flex}.topbar-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.language-switch{grid-template-columns:1fr 1fr;gap:4px;min-width:118px;display:grid}.language-switch button{color:#fff3cb;cursor:pointer;background:#2b3441e0;border:2px solid #ffebbc40;min-height:38px;padding:7px 9px;box-shadow:inset -3px -3px #00000040}.language-switch button.active{color:#12100b;background:var(--gold);border-color:#ffe6a1}.control-panel{background:#231d19eb;grid-template-columns:minmax(180px,1fr) repeat(4,minmax(180px,1.4fr));gap:12px;margin-top:18px;padding:14px;display:grid}.field{min-width:0}.field label,.field-label{text-transform:uppercase;margin-bottom:7px;font-size:.75rem;font-weight:800;display:block}input[type=text],.nickname-field input,.overview-name,.share-output{color:#fff8de;background:#0c1016cc;border:2px solid #f5d38c47;outline:none;width:100%;min-height:42px;padding:8px 10px}input:focus{border-color:var(--class-accent)}.segmented,.tab-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:5px;display:grid}.segmented button,.tab-row button,.stage-chip,.tool-button,.mini-button,.icon-button{color:#fff3cb;cursor:pointer;background:#2b3441e0;border:2px solid #ffebbc40;transition:transform .12s,border-color .12s,background .12s;box-shadow:inset -3px -3px #00000040}.segmented button{overflow-wrap:anywhere;min-height:42px;padding:7px 8px}.segmented button.active,.tab-row button.active,.stage-chip.selected{color:#12100b;background:var(--class-accent);border-color:#ffe6a1}button:hover,.tool-button:hover,.mini-button:hover{border-color:#ffeeb4a6;transform:translateY(-1px)}.planner-grid{grid-template-columns:288px minmax(0,1fr) 340px;align-items:start;gap:18px;margin-top:18px;display:grid}.panel{background:var(--panel);padding:16px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tab-row{margin-bottom:14px}.tab-row button{min-height:40px;padding:7px 8px}.stage-list,.boss-list,.button-stack,.checklist{gap:10px;display:grid}.stage-list{grid-template-columns:1fr 1fr}.stage-chip{text-align:left;min-height:58px;padding:8px}.stage-chip span,.stage-chip small{display:block}.stage-chip span{font-weight:900}.stage-chip small,.source-line,.check-row small{color:var(--muted)}.toggle-row,.check-row{background:#090d1252;border:1px solid #ffebbc24;grid-template-columns:auto 26px 1fr;align-items:center;gap:9px;min-height:38px;padding:8px;display:grid}.boss-row{min-height:54px;color:var(--muted);background:#090d1252;border:1px solid #ffebbc24;grid-template-columns:22px 34px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;display:grid}.boss-name{overflow-wrap:anywhere;word-break:normal;min-width:0;line-height:1.25}.toggle-row{grid-template-columns:auto auto 1fr;margin:14px 0}.share-output{color:#dff2ff;font-size:.8rem}input[type=checkbox]{width:18px;height:18px;accent-color:var(--class-accent)}.tool-button,.mini-button{justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 10px;text-decoration:none;display:inline-flex}.tool-button.primary,.mini-button.owned{color:#141009;background:var(--gold);border-color:#fff1b8}.tool-button.danger{background:#692324e6;border-color:#ff988d7a}.tool-button.large{min-width:190px;min-height:50px;font-weight:900}.icon-button{place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.stage-summary{background:linear-gradient(90deg,#262e3afa,#372a22f5),repeating-linear-gradient(90deg,#0000 0 18px,#ffffff09 18px 20px);grid-template-columns:1fr auto;gap:18px;padding:18px;display:grid}.stage-summary p{color:#eadfbd;max-width:72ch;margin:8px 0 0}.summary-stats{gap:8px;min-width:210px;display:grid}.summary-stats span,.metric{background:#00000040;border:1px solid #ffebbc29;padding:10px}.loadout-board{gap:18px;margin-top:18px;display:grid}.loadout-section h2{margin-bottom:10px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.item-card{background:linear-gradient(135deg,#2c3642fa,#231a17fa);grid-template-rows:auto 1fr auto auto auto;gap:10px;min-height:246px;padding:12px;display:grid}.item-card.owned{border-color:#80de7399}.item-topline{grid-template-columns:46px 1fr;align-items:center;gap:10px;display:grid}.item-icon{color:#19110b;background:linear-gradient(135deg,#ffe78ef2,#b57637f2),repeating-linear-gradient(45deg,#0000 0 5px,#0000001a 5px 10px);border:2px solid #fff0af;place-items:center;width:46px;height:46px;font-weight:950;display:grid;box-shadow:inset -4px -4px #0000002e}.item-icon img{max-width:82%;max-height:82%;image-rendering:pixelated;object-fit:contain}.item-icon span{line-height:1}.item-icon-tiny{border-width:1px;width:26px;height:26px;font-size:.66rem;box-shadow:inset -2px -2px #0000002e}.item-icon-boss{border-width:1px;width:34px;height:34px;font-size:.68rem;box-shadow:inset -2px -2px #0000002e}.item-icon-large{width:58px;height:58px}.item-card h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:1rem}.item-card p{color:#eadfbd;margin:0;line-height:1.4}.rank,.tag-row span{border:1px solid #fff3;align-items:center;min-height:24px;padding:3px 7px;font-size:.75rem;font-weight:900;display:inline-flex}.rank{color:#17110a;background:var(--gold)}.rank-strong{background:#a9d5ff}.rank-easy{background:#9fe087}.rank-situational{background:#d5b5ff}.tag-row{flex-wrap:wrap;gap:6px;min-height:24px;display:flex}.tag-row span{color:#fcebc8;background:#10161eb8}.source-line{line-height:1.35}.item-actions,.drawer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.item-actions .mini-button{flex:1}.side-panel{gap:18px;display:grid;position:sticky;top:18px}.goal-list{color:#f3e5be;margin:0;padding-left:18px}.goal-list li+li{margin-top:9px}.check-row{align-items:start}.check-row span{gap:4px;display:grid}.overview{background:linear-gradient(135deg,#2a2420fa,#1e2836fa),repeating-linear-gradient(0deg,#0000 0 26px,#ffffff08 26px 28px);margin-top:18px}.overview-header,.overview-footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.overview-name{max-width:460px;min-height:58px;font-size:2rem;font-weight:950}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.metric{align-content:center;gap:7px;min-height:82px;display:grid}.metric span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:900}.metric strong{overflow-wrap:anywhere;font-size:1.35rem}.drawer{z-index:5;background:#1c212bfa;width:min(430px,100vw - 48px);max-height:calc(100vh - 48px);padding:18px;position:fixed;top:24px;right:24px;overflow:auto}.drawer-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.drawer-title{grid-template-columns:58px 1fr;align-items:center;gap:12px;min-width:0;display:grid}.drawer-reason{color:#f1e5c4;line-height:1.5}.drawer dl{gap:8px;display:grid}.drawer dt{color:var(--gold);font-weight:950}.drawer dd{color:#eadfbd;margin:0 0 8px}.toast{z-index:8;color:#13200f;background:#a9ef88;min-width:190px;padding:12px 14px;font-weight:900;position:fixed;bottom:24px;right:24px}@media (width<=1180px){.control-panel,.planner-grid{grid-template-columns:1fr}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.side-panel{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (width<=760px){.app-shell{width:min(100% - 18px,720px);padding-top:10px}.topbar{grid-template-columns:auto 1fr}.save-state,.topbar-actions{grid-column:1/-1;justify-content:start}.control-panel,.side-panel,.item-grid,.stage-summary,.overview-grid,.overview-header,.overview-footer{grid-template-columns:1fr}.overview-header,.overview-footer{display:grid}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.stage-list{grid-template-columns:1fr}.summary-stats{min-width:0}.drawer{width:auto;max-height:min(78vh,680px);inset:auto 10px 10px}.overview-name{font-size:1.5rem}}