:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#1b1c1af0;--ui-bg-strong:#131412fb;--ui-surface:#20211e;--ui-surface-raised:#292a27;--ui-stroke:#dad7ca33;--ui-stroke-strong:#e1ddcf61;--ui-text:#eeece3;--ui-text-soft:#bcb8ad;--ui-text-dim:#8f8b82;--ui-accent:#aaa79c;--ui-accent-warm:#a6575d;--ui-danger:#c96b62;--ui-success:#91ad95;--menu-paper:#e8e7deeb;--menu-paper-solid:#e8e7de;--menu-ink:#292b28;--menu-muted:#625f58;--menu-line:#aaa69d;--menu-signal:#8e4148;color:var(--ui-text);background:#060909;font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#game-root{width:100%;min-height:100%;margin:0}#game-root{min-height:100vh;place-items:center;min-height:100dvh;display:grid}body{background:#030505}button,input{font:inherit}button{cursor:pointer}.heroes-host-shell{width:min(100vw,177.778vh,1600px);aspect-ratio:16/9;-webkit-user-select:none;user-select:none;background:#040708;border:1px solid #bed5cf3d;border-radius:2px;width:min(100vw,177.778dvh,1600px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000061;container:heroes-shell/inline-size}.heroes-canvas-root,.heroes-overlay-root,.overlay-shell{position:absolute;inset:0}.heroes-canvas-root{z-index:1;touch-action:none;outline:none}.heroes-canvas-root canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.heroes-overlay-root{pointer-events:none;z-index:2}.overlay-shell.overlay-running,.overlay-shell.overlay-running .hud-shell{pointer-events:none}.overlay-shell.overlay-menu,.overlay-shell.overlay-menu *,.overlay-shell.overlay-running .panel,.overlay-shell.overlay-running .panel *,.overlay-shell.overlay-running .floating-tooltip,.overlay-shell.overlay-running [data-action],.overlay-shell.overlay-running [data-action] *,.overlay-shell.overlay-running .hud-shell button,.overlay-shell.overlay-running .hud-shell input,.overlay-shell.overlay-running .hud-debug,.overlay-shell.overlay-running .hud-debug *{pointer-events:auto}.panel{border:1px solid var(--ui-stroke);border-top:3px solid var(--ui-accent);background:var(--ui-bg-strong);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:none;border-radius:2px;position:absolute}.overlay-menu,.overlay-menu .panel{color:var(--menu-ink)}.main-menu-panel,.selection-panel,.codex-panel{background:var(--menu-paper);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;border-radius:0;width:100%;padding:6% 7%;inset:0}.modal-panel{width:min(540px,90%);padding:28px;top:8%;left:5%}.selection-panel,.modal-panel,.codex-panel{width:min(920px,90%)}.progression-panel{background:var(--menu-paper);border:0;border-radius:0;width:100%;max-height:none;padding:5% 7%;inset:0;overflow:auto}.main-menu-panel h1,.panel h2{letter-spacing:0;margin:0 0 8px;font-family:inherit;font-weight:650}.main-menu-panel{align-content:center;width:100%;display:grid}.selection-panel{width:100%;max-height:none;overflow-y:auto}.selection-panel .choice-card{gap:8px;padding:14px}.selection-panel .choice-card>.choice-copy.subtle{margin-top:0}.selection-panel .ability-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%;display:grid}.selection-panel .ability-badge{border-radius:4px;gap:6px;min-width:0;padding:6px 8px;font-size:11px}.selection-panel .ability-badge span{overflow-wrap:anywhere;white-space:normal;min-width:0;line-height:1.05}.selection-panel .ability-badge small{white-space:nowrap;margin-left:auto}.class-select-panel{max-height:none;padding:4% 7%;top:0}.class-select-panel .class-grid{border-bottom:1px solid var(--menu-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:12px}.class-select-panel .choice-card{border-right:1px solid var(--menu-line);border-bottom:1px solid var(--menu-line);gap:7px;min-height:0;padding:14px 18px}.class-select-panel .choice-card:nth-child(2n){border-right:0}.class-select-panel .choice-card:nth-last-child(-n+2){border-bottom:0}.class-select-panel .choice-card-top{gap:10px}.class-select-panel .choice-art{border-radius:2px;width:56px;height:56px}.class-select-panel .choice-title{margin-bottom:3px;font-size:17px}.class-select-panel .choice-copy{font-size:12px;line-height:1.3}.class-select-panel .ability-row{margin-top:auto}.class-select-panel .ability-badge span{overflow-wrap:normal;word-break:normal}.class-select-panel .ability-badge{border:0;border-left:1px solid var(--menu-line);color:var(--menu-ink);background:0 0}.class-select-panel .ability-badge:nth-child(odd){border-left:0}.main-menu-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:28px;width:min(920px,100%);display:grid}.main-menu-copy{align-content:start;gap:10px;display:grid}.main-menu-panel h1{max-width:13ch;font-size:clamp(38px,4.2vw,58px);line-height:1}.main-menu-lead{max-width:560px;color:var(--menu-muted);font-size:15px;line-height:1.55}.main-menu-side{border-top:1px solid var(--menu-line);align-content:start;gap:0;display:grid}.menu-stat-card{border:0;border-bottom:1px solid var(--menu-line);background:0 0;border-radius:0;justify-content:space-between;align-items:baseline;gap:12px;min-height:54px;padding:12px 2px;display:flex}.menu-stat-card span,.results-loadout-label{text-transform:uppercase;letter-spacing:0;color:var(--ui-accent);font-size:11px}.menu-stat-card span{color:var(--menu-muted)}.menu-stat-card strong{color:var(--menu-ink);font-family:Cascadia Mono,Consolas,monospace;font-size:21px;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:0;color:var(--menu-signal);margin-bottom:10px;font-size:12px}.button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.draft-controls{justify-content:space-between;align-items:center;margin:6px 0 4px}.draft-confirm-row{justify-content:flex-end;margin-top:14px}button{color:#f4f6f5;background:#222a28;border:1px solid #222a28;border-radius:2px;padding:11px 16px;font-weight:700;transition:background-color .1s,border-color .1s,color .1s}button:not(:disabled):not(.ability-slot):not(.choice-card):not(.upgrade-option):hover{border-color:var(--menu-signal);background:#353f3c;transform:none}button:focus-visible{outline:2px solid var(--menu-signal);outline-offset:3px}button.secondary{color:inherit;background:0 0;border-color:#77827f}button.secondary:not(:disabled):hover{border-color:var(--menu-signal);background:#c8584c14}button.small{padding:8px 12px;font-size:12px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0;margin-top:18px;display:grid}.choice-card{text-align:left;color:var(--menu-ink);border:0;border-bottom:1px solid var(--menu-line);background:0 0;border-left:3px solid #0000;border-radius:0;flex-direction:column;align-items:flex-start;gap:10px;min-height:170px;padding:18px;display:flex}.choice-card.is-selected{border-color:var(--menu-line);border-left-color:var(--menu-signal);box-shadow:none;background:#ffffff80}.choice-card:hover:not(:disabled){border-color:var(--menu-line);border-left-color:var(--menu-signal);background:#ffffff94}.selection-panel>.card-grid{border-top:1px solid var(--menu-line)}.selection-panel>.card-grid:not(.class-grid){grid-template-columns:1fr}.case-select-panel{grid-template-rows:auto auto minmax(0,auto) auto;align-content:center;padding:clamp(34px,5%,64px) max(7%,50% - 540px);display:grid}.case-select-panel>.card-grid{width:min(1080px,100%);margin-top:14px}.case-choice{isolation:isolate;grid-template-rows:auto auto;grid-template-columns:190px minmax(0,1fr) 170px;gap:6px 20px;min-height:96px;padding:12px 16px;display:grid;position:relative;overflow:hidden}.case-choice>:not(.case-choice-art){z-index:1;position:relative}.case-choice-art{z-index:0;opacity:.36;filter:grayscale(.35)contrast(1.08);position:absolute;inset:0;overflow:hidden}.case-choice-art:after{content:"";background:#eff2f080;position:absolute;inset:0}.case-choice-art img{object-fit:cover;width:100%;height:100%}.case-choice>.choice-title{grid-row:1/3;align-self:center;font-size:18px}.case-choice>.choice-copy{grid-column:2;font-size:12px;line-height:1.3}.case-choice>.hud-summary-vitals{grid-area:1/3/3;justify-content:flex-end;align-self:center;max-width:190px}.case-choice .hud-chip{text-align:right;background:0 0;border:0;border-top:1px solid #58646152;justify-content:flex-end;padding:3px 0}.case-choice .hud-chip:first-child{border-top:0}.prep-choice{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;min-height:94px;padding:14px 18px;display:grid}.choice-card.item-choice{border-radius:5px;gap:12px;min-height:244px;padding:16px}.item-choice-top{width:100%}.item-choice-heading{min-width:0}.item-meta-row{color:var(--ui-text-soft);letter-spacing:0;text-transform:uppercase;flex-wrap:wrap;gap:6px;margin-bottom:6px;font-size:10px;font-weight:900;display:flex}.item-meta-row span,.item-tag-row span{border:1px solid var(--ui-stroke);background:#080d0d;border-radius:2px;padding:4px 7px}.item-rarity{color:#ffe3a4;background:#22180a9e;border-color:#ffdc9c42}.item-tag-row{flex-wrap:wrap;gap:6px;display:flex}.item-tag-row span{color:var(--ui-text);font-size:10px;font-weight:800}.clinical-copy{line-height:1.35}.upgrade-draft-screen{pointer-events:auto;-webkit-backdrop-filter:blur(1px)grayscale(.18);backdrop-filter:blur(1px)grayscale(.18);background:#14131194;justify-content:center;align-items:center;padding:clamp(16px,3vh,34px);display:flex;position:absolute;inset:0;overflow:auto}.upgrade-draft-frame{border:1px solid #efebdcc2;border-top:3px solid var(--menu-signal);width:min(1040px,100%);height:auto;max-height:min(720px,100% - 4px);color:var(--menu-ink);background:#e8e7defa;border-radius:2px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden;box-shadow:0 18px 54px #0000006b}.upgrade-draft-header{border-bottom:1px solid var(--menu-line);grid-template-columns:minmax(300px,1fr) auto;align-items:center;gap:16px;padding:14px 16px;display:grid}.upgrade-draft-identity{align-items:center;gap:14px;min-width:0;display:flex}.upgrade-draft-identity .eyebrow{color:var(--menu-signal);letter-spacing:0;margin:0 0 4px}.upgrade-draft-identity h2{margin:0;font-family:Cambria,Georgia,serif;font-size:21px;font-weight:650;line-height:1.08}.upgrade-draft-identity p{color:var(--menu-muted);margin:6px 0 0;font-size:12px}.upgrade-class-art{object-fit:contain;border:1px solid var(--menu-line);background:#dde2e0;border-radius:4px;flex:none;width:52px;height:52px}.upgrade-case-strip{border:1px solid var(--menu-line);grid-template-columns:repeat(4,minmax(84px,auto));gap:0;display:grid}.upgrade-case-strip span{border-left:1px solid var(--menu-line);gap:2px;padding:7px 9px;display:grid}.upgrade-case-strip span:first-child{border-left:0}.upgrade-case-strip small,.upgrade-option-label,.upgrade-selection-state span{color:var(--menu-muted);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:700}.upgrade-case-strip strong{color:var(--menu-ink);white-space:nowrap;font-size:12px}.upgrade-case-strip .status-stable,.upgrade-case-strip .status-guarded{color:#4f7658}.upgrade-case-strip .status-critical,.upgrade-case-strip .status-dead{color:#934b4b}.upgrade-option-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;min-height:0;padding:12px 16px;display:grid;overflow:auto}.upgrade-option{border:0;border-left:1px solid var(--menu-line);min-width:0;min-height:238px;color:var(--menu-ink);text-align:left;background:0 0;border-radius:0;grid-template-rows:auto auto auto auto 1fr auto auto;align-content:start;gap:6px;padding:13px;display:grid;position:relative;overflow:hidden;transform:none}.upgrade-option:hover{border-color:var(--menu-line);background:#ffffff9e;transform:none}.upgrade-option:first-child{border-left:0}.upgrade-option.is-selected{border-color:var(--menu-signal);box-shadow:inset 4px 0 0 var(--menu-signal);background:#f3f0e7}.upgrade-option.rarity-uncommon{border-top:2px solid #b28b37}.upgrade-option.rarity-rare{border-top:2px solid var(--menu-signal)}.upgrade-option-number{color:var(--menu-muted);font-family:Consolas,monospace;font-size:12px;font-weight:700;position:absolute;top:12px;right:13px}.upgrade-option-art,.upgrade-option-program{object-fit:contain;border:1px solid var(--menu-line);background:#dde2e0;border-radius:3px;width:56px;height:56px}.upgrade-option-program{color:var(--menu-signal);text-transform:uppercase;place-items:end start;padding:8px;font-family:Consolas,monospace;font-size:10px;font-weight:700;line-height:1.15;display:grid;overflow:hidden}.upgrade-option-program small{color:inherit;font:inherit}.upgrade-option-meta{color:var(--menu-muted);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:700}.upgrade-option-title{color:var(--menu-ink);padding-right:24px;font-family:Cambria,Georgia,serif;font-size:16px;font-weight:700;line-height:1.1}.upgrade-option-effect{color:var(--menu-ink);font-size:13px;font-weight:700;line-height:1.35}.upgrade-option-context{color:var(--menu-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.upgrade-option-footer{display:none}.upgrade-option-selected{color:var(--menu-signal);text-transform:uppercase;font-family:Consolas,monospace;font-size:10px;font-weight:700}.upgrade-draft-error{color:#ffb3aa;border:1px solid #ff8b7d6b;grid-column:1/-1;padding:24px}.upgrade-command-bar{border-top:1px solid var(--menu-line);background:#e4e8e6;grid-template-columns:minmax(160px,1fr) minmax(180px,auto) auto;align-items:center;gap:16px;padding:10px 16px;display:grid}.upgrade-secondary-actions{gap:8px;display:flex}.upgrade-selection-state{gap:2px;min-width:0;display:grid}.upgrade-selection-state strong{color:var(--menu-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.upgrade-confirm{background:#222a28;min-width:168px}.upgrade-confirm:disabled{color:#77827f;cursor:default;background:#d8ddda;border:1px solid #aeb7b4}.choice-card .hud-summary-vitals{margin-top:auto}.choice-card.is-locked,.choice-card:disabled{opacity:.66;filter:saturate(.7);cursor:not-allowed}.choice-card-top,.with-thumb,.results-unlock-card{align-items:flex-start;gap:14px;display:flex}.choice-title{margin-bottom:8px;font-size:18px;font-weight:700}.choice-copy{color:inherit;font-size:14px}.choice-copy.subtle{color:var(--menu-muted);margin-top:auto}.art-thumb,.choice-art,.upgrade-class-art,.upgrade-option-art,.chip-art,.ability-icon,.codex-thumb,.results-art,.archive-thumb{box-shadow:none;background:#dde2e0;border:1px solid #aeb9b6;border-radius:2px;position:relative;overflow:hidden}.art-thumb img,.choice-art img,.upgrade-class-art img,.upgrade-option-art img,.chip-art img,.ability-icon img,.codex-thumb img,.results-art img,.archive-thumb img{object-fit:contain;width:100%;height:100%;display:block}.choice-art,.codex-thumb{flex:none;width:72px;height:72px}.chip-art,.ability-icon{border-radius:2px;flex:none;width:28px;height:28px}.results-art{flex:none;width:56px;height:56px}.archive-thumb{aspect-ratio:1;width:100%}.art-fallback,.glyph-icon{color:#edf5ff;letter-spacing:0;place-items:center;font-size:14px;font-weight:800;display:grid}.overlay-menu .art-fallback,.upgrade-draft-screen .art-fallback,.upgrade-draft-screen .glyph-icon{color:var(--menu-ink)}.ability-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ability-badge{border:1px solid var(--menu-line);color:var(--menu-ink);background:#e5e9e7;border-radius:1px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:inline-flex}.hud-shell{padding:18px;position:absolute;inset:0}.hud-edge-layout{position:absolute;inset:0}.hud-corner{gap:12px;display:flex;position:absolute}.hud-top-left{width:min(230px,24vw);max-width:none;top:18px;left:18px}.hud-top-center{pointer-events:none;justify-content:center;width:auto;top:18px;left:min(410px,32vw);right:min(300px,24vw);transform:none}.hud-top-center .combat-toast{pointer-events:none;max-width:min(460px,100%)}.hud-top-right{flex-direction:column;align-items:flex-end;gap:8px;max-width:min(260px,20vw);top:18px;right:18px}.hud-bottom-left{flex-direction:column;align-items:flex-start;max-width:min(280px,22vw);bottom:18px;left:18px}.hud-bottom-center{justify-content:center;width:min(620px,56vw);bottom:16px;left:50%;transform:translate(-50%)}.hud-bottom-right{width:min(220px,16vw);bottom:18px;right:18px}.hud-bottom-main,.support-chip-list{flex-wrap:wrap;gap:8px;display:flex}.hud-debug{opacity:.72;flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute;top:72px;bottom:auto;right:18px}.hud-title,.hud-stat,.hud-chip,.route-node{border:1px solid var(--ui-stroke);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ui-text);background:#070c0ce6;border-radius:2px;align-items:center;gap:8px;padding:7px 9px;display:inline-flex}.overlay-menu .hud-chip,.overlay-menu .route-node{border-color:var(--menu-line);color:var(--menu-ink);background:#ffffff75}.overlay-running .chip-art,.overlay-running .ability-icon{border-color:var(--ui-stroke);background:#060a0a}.hud-summary-card,.hud-route-card{border:1px solid var(--ui-stroke);border-left:3px solid var(--ui-accent);-webkit-backdrop-filter:none;backdrop-filter:none;background:#060a0af0;border-radius:2px;padding:8px 10px}.hud-summary-card{border:1px solid #403e39ad;border-left:3px solid var(--menu-signal);width:100%;color:var(--menu-ink);background:#e8e7def0;gap:3px;padding:5px 7px;display:grid}.hud-summary-card .hud-summary-head{align-items:center;gap:5px}.hud-summary-card .hud-title{color:var(--menu-ink);background:0 0;border:0;gap:5px;padding:1px 0;font-family:Cambria,Georgia,serif;font-size:12px}.hud-summary-card .chip-art{border-color:var(--menu-line);filter:grayscale(.18)saturate(.78);background:#d5d3ca;width:27px;height:27px}.hud-run-strip{border:0;border-bottom:1px solid var(--ui-stroke);color:var(--menu-muted);background:0 0;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;padding:2px 0 4px;font-size:9px;display:grid}.hud-run-strip>span:last-child{display:none}.hud-run-strip strong{color:var(--menu-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-level-pill{border:1px solid var(--menu-line);min-height:23px;color:var(--menu-signal);background:0 0;border-radius:3px;align-items:center;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.hud-bar-stack{gap:3px;display:grid}.hud-vital-row{color:var(--menu-ink);grid-template-columns:minmax(40px,auto) minmax(0,1fr) auto;align-items:center;gap:5px;font-size:10px;display:grid}.hud-vital-row>span{color:var(--menu-muted);font-weight:700}.hud-vital-row strong{color:var(--menu-ink);font-size:10px}.hud-vital-bar{background:#30302c26;border-radius:1px;height:5px;overflow:hidden}.hud-vital-bar span{background:#8e4148;border-radius:0;height:100%;display:block}.hud-bcell-row{border:0;border-top:1px solid var(--menu-line);color:var(--menu-ink);background:0 0;border-radius:4px;align-items:center;gap:5px;padding:4px 0;font-size:9px;display:flex}.hud-bcell-row strong{color:var(--menu-signal)}.hud-patient-row{border:0;border-top:1px solid var(--menu-line);border-bottom:1px solid var(--menu-line);color:#496b50;background:0 0;border-radius:2px;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:10px;font-weight:800;display:flex}.hud-patient-row.is-guarded{color:#745e33;background:#9e804914}.hud-patient-row.is-critical,.hud-patient-row.is-dead{color:#8e4148;background:#8e41481a}.passive-item-tray{border:0;border-top:1px solid var(--menu-line);background:0 0;border-radius:2px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:4px 0 0;display:grid}.passive-item-tray-head{color:var(--menu-muted);letter-spacing:0;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.passive-item-tray-head strong{color:var(--menu-signal)}.passive-item-list{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.passive-item-empty{color:var(--menu-muted);font-size:9px;line-height:1.2}.passive-item-chip{border:1px solid var(--ui-stroke);background:#080d0d;border-radius:2px;width:26px;height:26px;padding:3px;position:relative}.passive-item-chip.rarity-uncommon{border-color:#8ce8bd52}.passive-item-chip.rarity-rare,.passive-item-chip.rarity-boss{box-shadow:none;border-color:#ffdc9c6b}.passive-item-chip .chip-art{border-radius:1px;width:100%;height:100%}.passive-item-count,.passive-item-more{color:#ffe1a2;background:#04080eeb;border:1px solid #ffdc9c47;border-radius:2px;justify-content:center;align-items:center;min-width:18px;min-height:18px;font-size:10px;font-weight:900;display:inline-flex}.passive-item-count{position:absolute;bottom:-5px;right:-5px}.hud-summary-card .choice-copy.subtle{color:#dbe7e5;background:#0e1516b8;border:1px solid #b9d1cf24;border-radius:3px;margin:0;padding:10px 12px}.hud-summary-card .hud-objective-panel.is-compact{border:0;border-bottom:1px solid var(--menu-line);background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:3px 7px;padding:5px 0}.hud-summary-card .hud-objective-panel.is-compact>strong{display:none}.hud-summary-card .hud-objective-panel.is-compact .choice-title{color:var(--menu-signal);font-family:Cambria,Georgia,serif;font-size:11px}.hud-summary-card .hud-objective-panel.is-compact .choice-copy{color:var(--menu-ink);text-align:right;font-size:9px;line-height:1.15}.hud-alert-card,.hud-combat-panel,.tutorial-panel,.event-feed{box-shadow:none;background:#070c0eeb;border:1px solid #b9d1cf2e;border-radius:4px;gap:6px;padding:10px 12px;display:grid}.hud-alert-card strong,.hud-combat-panel strong,.tutorial-panel strong{letter-spacing:0;text-transform:uppercase;color:#ffdca4;font-size:13px}.hud-alert-card span{color:#eef4ff;font-size:13px}.hud-objective-panel,.hud-inline-help{background:#ffffff09;border:1px solid #b9d1cf29;border-radius:4px;gap:6px;padding:10px 12px;display:grid}.hud-objective-panel.is-compact{gap:4px}.hud-objective-panel strong{letter-spacing:0;text-transform:uppercase;color:#ffdca4;font-size:12px}.hud-objective-panel .choice-title{margin-bottom:0;font-size:16px}.hud-objective-panel.is-compact .choice-title{font-size:14px}.hud-objective-panel .choice-copy.subtle{background:0 0;border-radius:0;padding:0}.hud-inline-help{flex-wrap:wrap;gap:6px;width:100%;display:flex}.hud-combat-panel{gap:8px}.hud-combat-panel strong{color:#9fe8ff}.hud-help-line{color:var(--ui-text);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.hud-help-line-muted{color:var(--ui-text-soft)}.hud-control-chip{color:#e7f0ff;background:#ffffff0a;border-radius:2px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:inline-flex}.hud-keycap{border:1px solid var(--ui-stroke);color:#ffe1a2;letter-spacing:0;background:#080d0d;border-radius:2px;justify-content:center;align-items:center;min-width:34px;padding:4px 7px;font-size:11px;font-weight:800;display:inline-flex}.hud-keycap.is-done,.hud-keycap.is-ready{color:#dfffee;background:#0c2218b8;border-color:#8ce8bd47}.hud-pause-button{min-width:74px}.pause-help-grid{gap:10px;margin-top:14px;display:grid}.tutorial-panel{width:min(250px,100%)}.event-feed{gap:8px;width:min(320px,100%)}.event-feed .eyebrow{margin-bottom:0}.event-feed ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.event-feed li{color:#dbe8ff;background:#ffffff0a;border:1px solid #abd0ff1f;border-radius:2px;padding:8px 10px;font-size:12px;line-height:1.35}.tutorial-panel .eyebrow{margin-bottom:0}.tutorial-panel .choice-copy{font-size:13px}.tutorial-copy{gap:6px;display:grid}.combat-toast{border:1px solid var(--ui-stroke);border-left:3px solid var(--ui-accent-warm);width:min(460px,100%);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#060a0af0;border-radius:2px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.combat-toast.is-danger{background:#1f0c0ac2;border-color:#ff897057}.combat-toast.is-success{background:#081b14c2;border-color:#8ce8bd47}.toast-copy{gap:2px;min-width:0;display:grid}.toast-copy strong{color:#f4f8ff;font-size:13px;line-height:1.25}.toast-copy span:not(.toast-kicker){color:#d6e5fb;font-size:12px;line-height:1.3}.toast-kicker{color:#ffdca4;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:800}.toast-controls{flex:none;gap:6px;display:flex}.tutorial-legend{gap:6px;margin-top:2px;display:grid}.tutorial-legend-row{color:#dbe8ff;background:#ffffff0a;border:1px solid #abd0ff1a;border-radius:2px;gap:2px;padding:7px 9px;font-size:12px;line-height:1.35;display:grid}.tutorial-legend-label{color:#fff1c9;letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}.tutorial-checklist{gap:6px;margin-top:2px;display:grid}.tutorial-check{color:#dbe8ff;background:#ffffff0a;border:1px solid #abd0ff1f;border-radius:2px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;display:flex}.tutorial-check.is-active{color:#fff3d2;background:#2a1c0a4d;border-color:#ffdc9c47}.tutorial-check.is-done{color:#e9fff0;background:#0c221757;border-color:#8ce8bd3d}.tutorial-check-mark{color:#ffe1a2;letter-spacing:0;background:#080d16e6;border:1px solid #b9d8ff2e;border-radius:2px;justify-content:center;align-items:center;min-width:22px;min-height:22px;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.hud-summary-head,.hud-summary-vitals,.hud-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-summary-head{justify-content:space-between;align-items:flex-start}.hud-objective-chip{color:#fff2d6;background:#1e150885;border:1px solid #ffd58a47;border-radius:2px;align-items:center;gap:8px;padding:10px 12px;font-weight:700;display:inline-flex}.hud-objective-chip.is-ready{color:#ffe39a;background:#2a1d0985;border-color:#ffe08c47}.route-strip{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.route-node{text-align:center;gap:4px;min-width:88px;padding:10px 12px;display:grid}.route-node.active{border-color:#ffde8073}.route-grade{font-size:12px}.route-grade-s{color:#90ffba}.route-grade-a{color:#8cd8ff}.route-grade-b{color:#ffd882}.route-grade-c{color:#ff9d8d}.meter-grid{grid-template-columns:1fr;gap:8px;display:grid}.meter-card{background:#070c0edb;border:1px solid #b9d1cf24;border-radius:4px;padding:12px}.meter-card.is-warning{box-shadow:none;border-color:#ffc27547}.meter-card.is-critical{box-shadow:none;border-color:#ff7e7057}.meter-label{color:var(--ui-text-soft);font-size:12px}.meter-bar{background:#ffffff14;border-radius:1px;height:8px;margin:8px 0;overflow:hidden}.meter-bar span{background:var(--ui-accent);height:100%;display:block}.meter-value{font-size:13px;font-weight:700}.ability-hotbar{border:1px solid #b9d1cf29;border-top:2px solid var(--ui-accent);max-width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#070c0ecc;border-radius:2px;justify-content:center;align-items:stretch;gap:6px;padding:8px;display:flex}.ability-slot{border:1px solid var(--ui-stroke);background:var(--ui-surface);color:#edf4f2;border-radius:4px;grid-template-rows:28px minmax(30px,auto);grid-template-columns:32px minmax(0,1fr);align-items:center;gap:2px 7px;width:104px;min-height:72px;padding:7px 8px 23px;display:grid;position:relative;overflow:hidden}button.ability-slot{color:#edf4f2;text-align:left;border-radius:3px;font-weight:700}.ability-slot .ability-icon{z-index:1;grid-area:2/1;width:30px;height:30px}.slot-key,.slot-name,.slot-meta,.slot-state{z-index:1;position:relative}.slot-key{color:#ffe0a2;letter-spacing:0;background:#04080ee6;border:1px solid #ffdc9c33;border-radius:3px;grid-area:1/1;justify-self:start;min-width:28px;padding:1px 4px;font-size:10px;font-weight:900}.slot-name{color:var(--ui-text);white-space:normal;grid-area:1/2;align-self:stretch;align-items:center;font-size:11px;font-weight:800;line-height:1.05;display:flex}.slot-meta{color:var(--ui-text-soft);grid-area:2/2;align-self:start;font-size:10px;font-weight:700;line-height:1.15}.slot-state{z-index:2;color:#e9f0f2;text-align:center;background:#8296a033;min-height:18px;padding:3px 5px;font-size:9px;line-height:12px;position:absolute;bottom:0;left:0;right:0}.slot-cooldown{inset-inline:0;z-index:0;background:#ff937847;transition:height 80ms linear;position:absolute;bottom:0}.ability-slot.is-ready{border-color:var(--ui-success);box-shadow:inset 0 3px 0 var(--ui-success)}.ability-slot.is-ready .slot-state{color:#e8fff2;background:#245f43}.ability-slot.is-tap-ready{border-color:#6fd6f7b8}.ability-slot.is-tap-ready .slot-state{color:#e7f9ff;background:#24536c}.ability-slot.is-cooling{border-color:#ffb97e9e}.ability-slot.is-cooling .slot-state{color:#fff1d9;background:#6b4723}.ability-slot.is-starved,.ability-slot.is-empty{border-color:#ff7a679e}.ability-slot.is-starved .slot-state,.ability-slot.is-empty .slot-state{color:#ffe5df;background:#6b2d2a}.ability-slot.is-no-target{border-color:#adbcc461}.ability-slot.is-locked{background:#070b0fd1;border-color:#9cadb83d}.ability-slot.is-locked .slot-state{color:#bdc8ce;background:#283137}.ability-slot.is-no-target .slot-state{color:#edf3f5;background:#39464d}.ability-slot.is-starved .ability-icon,.ability-slot.is-empty .ability-icon,.ability-slot.is-no-target .ability-icon,.ability-slot.is-locked .ability-icon{filter:grayscale();opacity:.52}.support-chip-list:empty{display:none}.support-chip{font-size:12px}.primary-support-chip{color:#ffe9bf;background:#1e150885;border-color:#ffdc9c38}.secondary-support-chip{color:#edf4f2;background:#070c0ecc}.support-chip.is-empty{opacity:.62}.pause-panel,.settings-panel,.route-peek-panel{width:min(420px,88%);top:12%;left:auto;right:4%}.route-peek-panel{top:auto;bottom:18px}.codex-panel{width:100%;max-height:none;inset:0;overflow:auto}.codex-list{gap:12px;margin-top:16px;display:grid}.codex-entry,.route-peek-row,.settings-row,.debug-panel{border:1px solid var(--menu-line);background:#ffffff70;border-radius:2px;padding:12px}.codex-entry.is-unlocked{box-shadow:none;border-color:#63d3c56b}.codex-entry.is-critical{box-shadow:none;background:#230c0a9e;border-color:#ff897047}.archive-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:10px;display:grid}.settings-grid{gap:14px;margin-top:16px;display:grid}.progression-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.progression-column{align-content:start;gap:12px;display:grid}.class-tab-row{margin-top:8px}.hud-chip.muted{opacity:.7}.settings-row{gap:8px;display:grid}.settings-row input{width:100%}.results-grade{color:#7ce3ff;margin:10px 0 14px;font-size:56px;font-weight:800}.results-block{gap:6px;margin-top:16px;display:grid}.results-focus-block{background:#ebe7de;border:1px solid #c7bba3;border-left:3px solid #a17b2d;border-radius:2px;padding:16px 18px}.results-screen{border:0;border-top:3px solid var(--menu-signal);background:var(--menu-paper-solid);color:var(--menu-ink);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:none;border-radius:2px;grid-template-rows:minmax(0,1fr) auto;gap:0;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.results-scroll{scrollbar-gutter:stable;min-height:0;padding:24px;overflow-y:auto}.results-actions{z-index:2;border-top:1px solid var(--menu-line);background:#e4e8e6;margin:0;padding:14px 24px;position:relative}.results-hero{justify-content:space-between;align-items:end;gap:18px;display:flex}.results-screen h2{margin-bottom:6px;font-size:clamp(30px,4vw,46px)}.results-copy{max-width:900px;color:var(--menu-muted);margin:0}.results-grade-badge{border:0;border-left:3px solid var(--menu-signal);min-width:92px;min-height:92px;color:var(--menu-signal);background:0 0;border-radius:0;place-items:center;font-family:Cascadia Mono,Consolas,monospace;font-size:56px;font-weight:700;display:grid}.results-loadout-row{border-top:1px solid var(--menu-line);border-bottom:1px solid var(--menu-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:18px;display:grid}.results-loadout-card{border:0;border-left:1px solid var(--menu-line);background:0 0;border-radius:0;padding:14px 16px}.results-loadout-card:first-child{border-left:0}.results-unlock-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-height:240px;margin-top:10px;display:grid;overflow-y:auto}.results-unlock-card,.archive-card{border:1px solid var(--menu-line);background:#ffffff70;border-radius:2px;padding:12px}.archive-card{gap:8px;display:grid}.codex-section-label{text-transform:uppercase;letter-spacing:0;color:var(--ui-accent);margin-top:18px;margin-bottom:10px;font-size:11px}.floating-tooltip{border:1px solid var(--ui-stroke-strong);border-left:3px solid var(--ui-accent);max-width:340px;color:var(--ui-text);background:#060a0af7;border-radius:2px;padding:12px 14px;font-size:13px;position:absolute;bottom:18px;left:18px}.floating-tooltip.is-hidden{display:none}.overlay-menu .floating-tooltip{left:auto;right:18px}.debug-panel{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.debug-label{letter-spacing:0;text-transform:uppercase;color:var(--ui-accent);font-size:12px}@media (max-width:1100px){.heroes-host-shell{width:min(100vw,177.778vh);border:0;border-radius:0;width:min(100vw,177.778dvh)}.main-menu-panel,.selection-panel,.codex-panel,.progression-panel{width:100%;padding:4% 6%;inset:0;overflow-y:auto}.modal-panel{width:auto;padding:22px;inset:5% 4%;overflow-y:auto}.main-menu-layout,.results-loadout-row,.progression-columns{grid-template-columns:1fr}.results-hero{flex-direction:column;align-items:flex-start}.hud-shell{padding:0;display:block;overflow:hidden}.hud-corner{gap:8px;position:absolute}.hud-top-left{max-width:min(320px,30vw);top:12px;left:12px}.hud-top-center{justify-content:center;width:auto;top:12px;left:31vw;right:22vw}.hud-top-right{align-items:flex-end;max-width:min(220px,20vw);top:12px;right:12px}.hud-bottom-left{max-width:min(220px,19vw);bottom:12px;left:12px}.hud-bottom-center{justify-content:center;width:min(620px,64vw);max-width:none;bottom:10px;left:50%;transform:translate(-50%)}.hud-bottom-right{width:min(180px,16vw);max-width:none;bottom:12px;right:12px}.hud-debug{position:absolute;top:62px;bottom:auto;right:12px}.meter-grid{grid-template-columns:1fr}.ability-hotbar{justify-content:center;gap:4px;padding:6px;overflow:hidden}.ability-slot{flex:1 1 0;width:auto;min-width:0}.route-strip{max-width:100%}.results-screen{inset:0}.results-scroll{padding:18px}.results-actions{padding:10px 18px}}@container heroes-shell (width<=760px){.case-choice{grid-template-columns:120px minmax(0,1fr);gap:5px 14px;min-height:100px;padding:12px 14px}.case-choice>.choice-title{font-size:18px}.case-choice>.hud-summary-vitals{display:none}.prep-choice{grid-template-columns:1fr}.hud-top-center{display:none}.hud-top-left{max-width:36%;top:6px;left:6px}.hud-summary-card{gap:4px;padding:6px 7px}.hud-run-strip{gap:4px;padding:4px 6px;font-size:10px}.hud-summary-head,.hud-bar-stack{gap:3px}.hud-summary-head{display:none}.hud-title{padding:5px 7px;font-size:10px}.hud-level-pill{min-height:26px;padding:0 7px;font-size:10px}.hud-vital-row{grid-template-columns:minmax(36px,auto) minmax(0,1fr) auto;gap:4px;font-size:10px}.hud-vital-row strong,.hud-patient-row,.hud-bcell-row{font-size:10px}.hud-patient-row,.hud-bcell-row{gap:4px;padding:4px 6px}.hud-objective-panel.is-compact{gap:2px;padding:5px 6px}.hud-objective-panel.is-compact>strong,.hud-objective-panel.is-compact .choice-title{display:none}.hud-objective-panel.is-compact .choice-copy{font-size:10px;line-height:1.2}.passive-item-tray{align-items:center;gap:5px;padding:4px 6px;display:flex}.passive-item-tray-head{flex:none;font-size:9px}.passive-item-list{flex-wrap:nowrap;flex:auto;gap:4px;min-width:0;overflow:hidden}.passive-item-chip{flex:0 0 24px;width:24px;height:24px;padding:2px}.hud-top-right{top:6px;right:6px}.hud-bottom-left{bottom:6px;left:6px}.hud-bottom-center{width:68%;bottom:5px}.hud-bottom-right{width:14%;bottom:6px;right:6px}.hud-debug{top:48px;right:6px}.ability-hotbar{gap:2px;padding:4px}.ability-slot{grid-template-rows:22px minmax(24px,auto);grid-template-columns:22px minmax(0,1fr);column-gap:4px;min-height:66px;padding:5px 4px 21px}.ability-slot .ability-icon{width:22px;height:22px}.slot-key{min-width:20px;padding:1px 2px;font-size:8px}.slot-name{font-size:9px}.slot-meta,.slot-state{font-size:8px}.upgrade-draft-screen{align-items:center;padding:8px}.upgrade-draft-header{grid-template-columns:1fr;gap:10px}.upgrade-case-strip{grid-template-columns:repeat(2,1fr)}.upgrade-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow:auto}.upgrade-command-bar{grid-template-columns:1fr auto}.upgrade-selection-state{display:none}}@media (max-height:680px){.upgrade-draft-screen{align-items:center;padding:8px}.upgrade-draft-header{grid-template-columns:minmax(240px,1fr) auto;gap:12px;padding:10px 12px}.upgrade-class-art{width:44px;height:44px}.upgrade-draft-identity h2{font-size:20px}.upgrade-draft-identity p,.upgrade-option-context{display:none}.upgrade-case-strip span{padding:5px 8px}.upgrade-option-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;padding:8px 12px}.upgrade-option{grid-template-rows:auto auto auto auto auto 1fr auto;gap:4px;min-height:0;padding:10px}.upgrade-option-art,.upgrade-option-program{width:42px;height:42px}.upgrade-option-program{place-items:center;padding:4px;font-size:8px}.upgrade-option-program small{display:none}.upgrade-option-title{font-size:16px}.upgrade-option-effect{font-size:12px}.upgrade-option-footer{padding-top:4px}.upgrade-command-bar{padding:8px 12px}}@media (max-width:760px) and (max-height:680px){.upgrade-draft-header{grid-template-columns:1fr}.upgrade-case-strip{grid-template-columns:repeat(2,1fr)}.upgrade-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow:auto}.upgrade-option{grid-template-rows:auto auto auto 1fr auto;gap:2px;padding:6px}.upgrade-option-art,.upgrade-option-program{width:28px;height:28px;padding:3px;font-size:8px;position:absolute;top:6px;left:6px}.upgrade-option-program{place-items:center}.upgrade-option-program small{display:none}.upgrade-option-meta{align-items:center;min-height:28px;padding-left:48px;padding-right:24px;display:flex}.upgrade-option-footer{display:none}}@media (max-height:500px){.main-menu-panel{padding:16px 22px;inset:0}.main-menu-layout{grid-template-columns:minmax(0,1fr) 170px;gap:18px}.main-menu-copy{gap:5px}.main-menu-panel h1{font-size:34px}.main-menu-lead{font-size:13px;line-height:1.35}.main-menu-panel .button-row{gap:6px;margin-top:8px}.main-menu-panel button{padding:8px 10px;font-size:12px}.menu-stat-card{min-height:36px;padding:6px 2px}.menu-stat-card span{font-size:9px}.menu-stat-card strong{font-size:16px}}