:root{color:#eef3f8;--panel:#121920f2;--panel-border:#2c3a48;--accent:#6cb6ff;--cta:#c9a227;--danger:#c44;background:#0b1014;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{height:100%;margin:0;overflow:hidden}#app{position:relative}canvas#view{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{z-index:2;pointer-events:none;position:absolute;inset:0}.hud-root{position:absolute;inset:0}.ui-chrome,.modal-backdrop,.toast{pointer-events:auto}.topbar{background:linear-gradient(#121920ee,#12192088 70%,#0000);align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;top:0;left:0;right:0}.res-pills{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--panel-border);font-variant-numeric:tabular-nums;background:#1a2430cc;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;display:inline-flex}.pill i{opacity:.65;margin-right:2px;font-style:normal}.phase-track{opacity:.9;align-items:center;gap:4px;margin-left:auto;font-size:12px;display:flex}.phase-step{color:#9aa8b5;background:#1a243088;border-radius:999px;padding:3px 8px}.phase-step.on{color:#fff;outline:1px solid var(--accent);background:#2a4a6a}.phase-track i{background:#3d4b5a;width:10px;height:1px;display:inline-block}.top-actions{align-items:center;gap:8px;display:flex}.day-pill{opacity:.8;white-space:nowrap;font-size:12px}.icon-btn{background:var(--panel);border:1px solid var(--panel-border);width:36px;height:36px;color:inherit;cursor:pointer;border-radius:10px;font-size:16px}.menu-pop{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;flex-direction:column;gap:6px;min-width:140px;padding:10px;display:flex;position:absolute;top:54px;right:14px}.menu-pop button{color:inherit;border:1px solid var(--panel-border);cursor:pointer;text-align:left;background:#1c2630;border-radius:8px;padding:8px 10px}.side-panel{background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(8px);border-radius:16px;flex-direction:column;gap:10px;width:220px;padding:12px;display:flex;position:absolute;top:64px;bottom:24px;left:12px}.mode-tabs{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.mode-tabs button{color:inherit;border:1px solid var(--panel-border);cursor:pointer;background:#1c2630;border-radius:8px;padding:8px 4px;font-size:13px}.mode-tabs button.selected{outline:2px solid var(--accent);background:#243246}.mode-tabs button:disabled{opacity:.35;cursor:not-allowed}.cancel-mode{cursor:pointer;color:#f0c0c0;background:#2a1f1f;border:1px solid #5a3030;border-radius:8px;width:100%;padding:8px;font-size:13px}.cancel-mode:hover{background:#3a2828}.cancel-mode:disabled{opacity:.35;cursor:not-allowed}.side-scroll{flex-direction:column;flex:1;gap:8px;display:flex;overflow:auto}.card-grid{flex-direction:column;gap:8px;display:flex}.build-card{text-align:left;cursor:pointer;border:1px solid var(--panel-border);color:inherit;background:#1a222c;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;display:grid}.build-card .build-name{font-size:14px;font-weight:600}.build-card .build-cost{opacity:.75;font-variant-numeric:tabular-nums;font-size:12px}.build-card .build-blurb{opacity:.55;grid-column:1/-1;font-size:11px}.build-card.selected{outline:2px solid var(--accent)}.build-card.unaffordable,.build-card:disabled{opacity:.4;cursor:not-allowed}.deploy-list{flex-direction:column;gap:6px;display:flex}.survivor-card{cursor:pointer;border:1px solid var(--panel-border);color:inherit;background:#1a222c;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.survivor-card.selected{outline:2px solid var(--accent)}.survivor-card:disabled{opacity:.45;cursor:not-allowed}.survivor-card span{opacity:.7;font-size:12px}.side-hint{opacity:.6;margin:4px 0 0;font-size:12px;line-height:1.4}.wave-chip{border:1px solid var(--panel-border);background:#1c2430cc;border-radius:999px;width:min(360px,50vw);height:28px;position:absolute;top:64px;left:50%;overflow:hidden;transform:translate(-50%)}.wave-bar-fill{background:linear-gradient(90deg,#6b2b2b,#c44);width:0;height:100%;transition:width .25s}.wave-bar-label{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.cta-next,.cta-begin{cursor:pointer;border:none;border-radius:16px;min-width:148px;height:56px;font-size:18px;font-weight:700;position:absolute;bottom:24px;right:20px;box-shadow:0 10px 28px #0008}.cta-next{background:linear-gradient(180deg, #e0c35a, var(--cta));color:#1a1408}.cta-begin{background:linear-gradient(180deg, #6a3030, var(--danger));color:#fff}.cta-next:disabled,.cta-begin:disabled{opacity:.4;cursor:not-allowed}.toast-top{z-index:30;text-align:center;background:#4a2222ee;border:1px solid #a55;border-radius:10px;min-width:180px;max-width:70vw;padding:8px 14px;font-size:13px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.toast-ok{background:#1f3a2aee;border-color:#3a8f5c}.modal-backdrop{z-index:40;background:#0a1018aa;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-backdrop[hidden]{display:none!important}.modal-card{border:1px solid var(--panel-border);background:#161e28;border-radius:16px;width:min(420px,92vw);padding:22px 22px 18px;box-shadow:0 16px 48px #000a}.modal-card h2,.modal-card h3{margin:0 0 8px}.modal-sub{opacity:.7;margin:0 0 14px;font-size:13px;line-height:1.4}.choice-grid{flex-direction:column;gap:8px;display:flex}.choice-card{cursor:pointer;text-align:left;border:1px solid var(--panel-border);color:inherit;background:#1c2630;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.choice-card span{opacity:.65;font-size:12px}.choice-card.primary{background:#2a2418;border-color:#c9a22788}.modal-close{cursor:pointer;border:1px solid var(--panel-border);width:100%;color:inherit;background:#1c2630;border-radius:10px;margin-top:12px;padding:10px}.settings-row{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.help-list{opacity:.85;margin:0 0 8px;padding-left:1.2em;font-size:12px;line-height:1.45}.help-list code{background:#1c2430;border-radius:3px;padding:1px 4px;font-size:11px}.defeat-card h2{color:#f0a0a0}.step-tag{opacity:.55;margin:0 0 6px;font-size:12px}@media (width<=720px){.side-panel{width:168px;top:56px}.phase-track{display:none}.cta-next,.cta-begin{min-width:120px;height:48px;font-size:16px}}.expand-cta{z-index:5;color:#e8f5f3;cursor:pointer;text-align:left;background:#1a2a28;border:1px solid #80cbc488;border-radius:12px;max-width:260px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.35;position:absolute;bottom:24px;left:244px}.expand-cta:disabled{opacity:.45;cursor:not-allowed}.detail-card{width:min(440px,94vw);max-height:85vh;overflow:auto}.detail-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.detail-head h3{margin:0;font-size:18px}.meta-line{opacity:.75;margin:6px 0;font-size:12px}.stat-bar{grid-template-columns:40px 1fr 52px;align-items:center;gap:8px;margin:6px 0;font-size:12px;display:grid}.stat-track{background:#1c2430;border-radius:999px;height:8px;overflow:hidden}.stat-track i{border-radius:999px;height:100%;display:block}.stat-track i.ok{background:#66bb6a}.stat-track i.mid{background:#ffa726}.stat-track i.bad{background:#ef5350}.stat-track i.warn{background:#ab47bc}.stat-bar em{font-variant-numeric:tabular-nums;opacity:.8;text-align:right;font-style:normal}.equip-row{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0;display:grid}.equip-slot{cursor:pointer;color:inherit;text-align:left;background:#1a222c;border:1px solid #3d4b5a;border-radius:10px;flex-direction:column;gap:4px;padding:10px;display:flex}.equip-slot small{opacity:.65;font-size:11px}.equip-slot.weapon{border-color:#c6282888}.equip-slot.armor{border-color:#546e7a88}.equip-slot.trinket{border-color:#f9a82588}.equip-slot.empty{opacity:.45}.equip-slot.filled strong{font-size:12px}.bag-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.bag-row{align-items:center;gap:8px;font-size:12px;display:flex}.bag-row em{opacity:.6;margin-left:4px;font-style:normal}.bag-row button{cursor:pointer;color:inherit;background:#243246;border:1px solid #3d4b5a;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:11px}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.weapon{background:#c62828}.dot.armor{background:#546e7a}.dot.trinket{background:#f9a825}.detail-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.mini{cursor:pointer;text-align:left;color:inherit;background:#1c2630;border:1px solid #3d4b5a;border-radius:8px;padding:8px 10px;font-size:12px}.cond-tag{vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.cond-tag.good{color:#8bc34a;background:#8bc34a33}.cond-tag.damaged{color:#ffb74d;background:#ffb74d33}.cond-tag.critical{color:#ef5350;background:#ef535033}.muted{opacity:.55;font-size:12px}.roster-title{opacity:.55;margin-bottom:4px;font-size:11px}h4{opacity:.85;margin:10px 0 6px;font-size:13px}.lv-diff{opacity:.85;margin:8px 0;padding-left:1.1em;font-size:12px;line-height:1.45}.combat-preview{color:#9ec5ff!important;opacity:1!important}.equip-slot em{opacity:.65;font-size:11px;font-style:normal}.build-subtabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px;display:grid}.build-subtabs button{color:inherit;border:1px solid var(--panel-border);cursor:pointer;background:#1c2630;border-radius:8px;padding:6px;font-size:12px}.build-subtabs button.selected{background:#1a2e2c;outline:2px solid #80cbc4}.build-card.locked{opacity:.4}.next-step{background:#24364a;border:1px solid #6cb6ff66;border-radius:10px;margin:0 0 8px;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.35}.more-toggle{color:#9aa8b5;cursor:pointer;text-align:left;background:0 0;border:1px dashed #3d4b5a;border-radius:8px;width:100%;margin:4px 0 8px;padding:6px 8px;font-size:12px}.cta-next.cta-blocked{opacity:.45;filter:grayscale(.35);box-shadow:none}.core-status{flex-shrink:0;font-size:12px}.panel-toggle{font-size:11px;display:none}.core-status p{margin:5px 0;line-height:1.4}.core-status progress{accent-color:#80cbc4;width:100%;height:9px}.core-status .mini{width:100%}.combat-controls{gap:6px;display:flex}button:disabled{opacity:.45;cursor:not-allowed}#dayReport{font-size:12px;line-height:1.6}#dayReport summary{cursor:pointer}#reportBody{margin:6px 0}.side-panel{overflow:auto}.side-scroll{min-height:130px}.menu-pop{z-index:8}.modal-backdrop{z-index:12}@media (width<=700px){.panel-toggle{display:block}.side-panel.panel-collapsed{display:none}.side-panel{gap:6px;width:160px;padding:8px;top:82px;bottom:84px}.core-status{font-size:11px}.topbar{flex-wrap:wrap;gap:6px;padding:6px}.phase-track{display:none}.top-actions{margin-left:auto}.pill{padding:3px 6px;font-size:12px}.wave-chip{width:calc(100vw - 186px);top:72px;left:auto;right:8px;transform:none}.wave-bar-label{font-size:10px}.expand-cta{max-width:calc(100vw - 158px);bottom:10px;left:8px}.cta-next,.cta-begin{min-width:136px;bottom:12px;right:8px}.survivor-card{flex-wrap:wrap;gap:4px;padding:8px 5px}.build-card{padding:8px 6px}.build-card .build-cost{font-size:10px}.next-step{padding:6px;font-size:11px}}