@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/pressstart2p-latin-_wFEWmAB.woff2) format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/vt323-latin-wDgJuOC9.woff2) format("woff2")}:root{--bg-deep: #131009;--bg-app: #1a1510;--surface-1: #221b13;--surface-2: #2b2318;--surface-3: #191410;--parchment: #d9c7a0;--parchment-dark: #c2ae85;--ink: #2b2115;--ink-soft: #4a3c28;--border-subtle: #3a3125;--border-strong: #52452f;--border-brass: #8a713a;--brass: #c9a227;--brass-bright: #e6c65a;--brass-dim: #8a713a;--blood: #9e2f23;--blood-bright: #c8483a;--success: #5f7d4b;--success-bright: #86ad6a;--magic: #7a68a8;--arcane: #4f7ea8;--amber: #cf6a1e;--text-primary: #e8ddc6;--text-secondary: #b4a689;--text-faint: #7d7159;--font-display: "Press Start 2P", monospace;--font-body: "VT323", "Courier New", monospace;--font-mono: "VT323", Consolas, monospace;--text-xs: 14px;--text-sm: 16px;--text-md: 19px;--text-lg: 22px;--text-xl: 26px;--text-2xl: 32px;--display-xs: 8px;--display-sm: 10px;--display-md: 12px;--display-lg: 15px;--display-xl: 18px;--display-2xl: 22px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-pill: 999px;--shadow-panel: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 2px 6px rgba(0, 0, 0, .45);--shadow-raised: 0 4px 14px rgba(0, 0, 0, .55);--shadow-well: inset 0 2px 6px rgba(0, 0, 0, .5);--z-hud: 10;--z-sheet-backdrop: 29;--z-sheet: 30;--z-overlay: 40;--z-tooltip: 50;--tap-min: 44px;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-md);line-height:1.25;-webkit-font-smoothing:none;overscroll-behavior-y:none}h1,h2,h3,.display{font-family:var(--font-display);font-weight:400;line-height:1.6;color:var(--text-primary)}h1{font-size:var(--display-2xl)}h2{font-size:var(--display-lg)}h3{font-size:var(--display-md)}button,input,select{font:inherit;color:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap-min);padding:var(--sp-2) var(--sp-4);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-md);box-shadow:var(--shadow-panel);transition:border-color .15s,filter .15s}.btn:hover:not(:disabled){border-color:var(--border-brass);filter:brightness(1.12)}.btn:active:not(:disabled){filter:brightness(.92)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(180deg,#a8842b,#7a5f1e);border-color:var(--brass-bright);color:#fff6dd;font-family:var(--font-display);font-size:var(--display-sm);line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.45)}.btn-primary:hover:not(:disabled){border-color:#f4dd8a}.btn-danger{background:linear-gradient(180deg,#7d2a20,#571c15);border-color:var(--blood-bright)}.btn-ghost{background:transparent;border-color:var(--border-subtle);box-shadow:none}.btn-icon{min-width:var(--tap-min);padding:var(--sp-2);font-size:var(--text-lg)}.btn.active{border-color:var(--brass-bright);box-shadow:0 0 0 1px var(--brass-dim),var(--shadow-panel)}[data-tip]{-webkit-user-select:none;user-select:none}.tip-bubble{position:fixed;top:0;left:0;background:var(--bg-deep);color:var(--text-primary);border:1px solid var(--border-brass);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);font-family:var(--font-body);font-variant-caps:normal;letter-spacing:normal;white-space:pre-line;text-align:left;width:max-content;max-width:min(260px,90vw);z-index:var(--z-tooltip);pointer-events:none;box-shadow:var(--shadow-raised);visibility:hidden;opacity:0;transition:opacity 90ms ease}.tip-bubble.visible{visibility:visible;opacity:1}.pixel-art{image-rendering:pixelated}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill)}::-webkit-scrollbar-track{background:transparent}.panel{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--sp-3);box-shadow:var(--shadow-panel)}.panel-well{background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--sp-3);box-shadow:var(--shadow-well)}.section-header{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--display-xs);line-height:1.8;color:var(--text-secondary);margin-bottom:var(--sp-2)}.section-header:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-brass),transparent)}.section-header .back-btn{min-height:36px;min-width:36px}.game-card{background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--sp-3);box-shadow:var(--shadow-panel);transition:border-color .15s,transform .1s}.game-card.tappable{cursor:pointer}.game-card.tappable:active{transform:scale(.985)}.game-card.selected{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass-dim),var(--shadow-panel)}.contract-card{position:relative;background:radial-gradient(ellipse at 20% 0%,rgba(255,250,230,.25),transparent 55%),radial-gradient(ellipse at 85% 100%,rgba(90,62,30,.25),transparent 50%),linear-gradient(175deg,var(--parchment),var(--parchment-dark));border:1px solid #a08a5e;border-radius:var(--r-sm);padding:var(--sp-4);color:var(--ink);box-shadow:var(--shadow-raised);cursor:pointer;transition:transform .1s,box-shadow .15s}.contract-card:active{transform:scale(.985)}.contract-card.selected{box-shadow:0 0 0 2px var(--brass),var(--shadow-raised)}.contract-card h3{color:var(--ink);font-size:var(--text-lg)}.contract-card .contract-meta{color:var(--ink-soft);font-size:var(--text-sm)}.contract-card .contract-rule{border:0;border-top:1px solid rgba(74,60,40,.35);margin:var(--sp-2) 0}.contract-seal{position:absolute;top:var(--sp-3);right:var(--sp-3);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--blood-bright),var(--blood) 65%,#5f1b13);box-shadow:0 2px 5px #0006;display:flex;align-items:center;justify-content:center;color:#f3d9c2;font-family:var(--font-display);font-size:var(--display-xs)}.contract-card .enemy-chips{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-top:var(--sp-2)}.enemy-chip{padding:2px 8px;border-radius:var(--r-pill);font-size:var(--text-xs);background:#2b211524;border:1px solid rgba(43,33,21,.28);color:var(--ink)}.character-card{display:flex;gap:var(--sp-3);align-items:center;position:relative}.character-card .char-info{min-width:0;flex:1}.character-card .char-name{font-family:var(--font-display);font-size:var(--display-sm);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card .char-class{display:flex;align-items:center;gap:var(--sp-1);color:var(--text-secondary);font-size:var(--text-sm)}.character-card .char-tags{color:var(--text-faint);font-size:var(--text-xs)}.deployed-badge{position:absolute;top:calc(-1 * var(--sp-1));right:calc(-1 * var(--sp-1));background:linear-gradient(180deg,var(--brass-bright),var(--brass-dim));color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r-pill);box-shadow:0 1px 3px #00000080}.resource-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.resource-pill .pill-value{color:var(--brass-bright);font-weight:600}.status-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);font-size:var(--text-xs);background:var(--surface-3);border:1px solid var(--border-subtle)}.health-bar{position:relative;height:10px;border-radius:var(--r-pill);background:#0d0a07;border:1px solid var(--border-strong);overflow:hidden;flex:1;min-width:60px}.health-bar .hp-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--success-bright),var(--success));transition:width .25s ease-out}.health-bar .hp-fill.warn{background:linear-gradient(180deg,#e0b352,#b3872c)}.health-bar .hp-fill.low{background:linear-gradient(180deg,var(--blood-bright),var(--blood))}.stat-block{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1)}.stat-block .stat{background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2);text-align:center}.stat-block .stat-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.stat-block .stat-value{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.slot{position:relative;width:72px;height:88px;border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--border-strong);box-shadow:var(--shadow-well);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;overflow:hidden}.slot.filled{border-color:var(--border-brass)}.slot .slot-name{font-size:10px;color:var(--text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline:4px}.slot.empty{border-style:dashed;color:var(--text-faint);font-size:var(--text-xl)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet-backdrop);background:#08060373}.sheet{position:fixed;inset-inline:0;bottom:0;max-height:62dvh;overflow-y:auto;background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--border-strong);border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;z-index:var(--z-sheet);padding:var(--sp-2) var(--sp-3) max(var(--safe-b),var(--sp-3));box-shadow:var(--shadow-raised)}.sheet-handle{width:42px;height:4px;border-radius:var(--r-pill);background:var(--border-strong);margin:2px auto var(--sp-2)}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}.sheet-header h3{font-size:var(--text-lg)}.ability-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;min-height:56px;padding:var(--sp-1) var(--sp-2);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--border-strong);border-radius:var(--r-md);cursor:pointer;box-shadow:var(--shadow-panel)}.ability-tile .ability-name{font-size:10px;color:var(--text-secondary);max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ability-tile .cost-badge{position:absolute;top:2px;right:3px;font-size:9px;font-weight:700;color:var(--brass-bright);letter-spacing:.04em}.ability-tile.equipped,.ability-tile.active{border-color:var(--brass-bright);box-shadow:0 0 0 1px var(--brass-dim),var(--shadow-panel)}.ability-tile:disabled{opacity:.42;cursor:default}.equip-grid--flush .ability-tile{width:48px;height:48px;min-width:0;min-height:0;padding:0;gap:0;overflow:hidden}.equip-grid--flush .ability-tile>svg,.equip-grid--flush .ability-tile>img{width:100%;height:100%;display:block}.equip-grid--flush .ability-tile .cost-badge{background:#0a0805a6;border-radius:3px;padding:0 2px}.ability-tile .cd-veil{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0805ad;border-radius:var(--r-md);font-size:var(--display-lg);font-family:var(--font-display);color:var(--text-primary)}.field{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--text-sm);color:var(--text-secondary)}.field input{min-height:var(--tap-min);padding:var(--sp-2) var(--sp-3);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--r-md);color:var(--text-primary);box-shadow:var(--shadow-well)}.field input:focus{outline:none;border-color:var(--border-brass)}.warning-line{display:flex;gap:var(--sp-2);align-items:baseline;color:var(--amber);font-size:var(--text-sm)}.warning-line.ok{color:var(--success-bright)}.numbers-list{margin:0;padding-left:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1);color:var(--text-primary)}.numbers-list .numbers-list{margin-top:var(--sp-1);color:var(--text-secondary)}.hit-table{width:100%;border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums}.hit-table th{color:var(--text-secondary);font-weight:400;font-size:var(--text-xs);padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--border-strong)}.hit-table td{padding:var(--sp-1) var(--sp-2);color:var(--text-primary)}.hit-table th:first-child,.hit-table td:first-child{text-align:left;color:var(--text-secondary)}.hit-table-baseline td{background:var(--surface-3);color:var(--brass-bright, var(--brass))}.shell{display:flex;flex-direction:column;height:100dvh;background:radial-gradient(ellipse 120% 40% at 50% 0%,rgba(201,162,39,.05),transparent),var(--bg-app)}.shell-content{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-3) var(--sp-3) var(--sp-5);width:100%;max-width:480px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.top-resource-bar{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border-bottom:1px solid var(--border-brass);box-shadow:var(--shadow-raised);overflow:hidden}.top-resource-bar .company-title{font-family:var(--font-display);font-size:var(--display-xs);line-height:1.6;color:var(--brass-bright);margin-right:auto;white-space:nowrap;min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.top-resource-bar .resource-pill{flex:none}.top-resource-bar .account-btn{flex:none;min-height:36px;padding:var(--sp-1) var(--sp-2);font-size:var(--text-sm);color:var(--brass-bright);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:429px){.top-resource-bar .resource-pill:last-child{display:none}}.company-crest{width:28px;height:28px;flex:none}.bottom-nav{flex:none;display:flex;background:linear-gradient(0deg,var(--bg-deep),var(--surface-1));border-top:1px solid var(--border-strong);padding-bottom:var(--safe-b);z-index:var(--z-hud)}.bottom-nav button{flex:1;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;border-top:2px solid transparent;color:var(--text-faint);font-family:var(--font-display);font-size:var(--display-xs);cursor:pointer}.bottom-nav button.active{color:var(--brass-bright);border-top-color:var(--brass)}.bottom-nav .nav-icon{width:22px;height:22px}.home-banner{text-align:center;padding:var(--sp-5) var(--sp-3) var(--sp-4)}.home-banner h1{font-size:var(--display-xl);line-height:1.7;color:var(--brass-bright);text-shadow:0 2px 8px rgba(0,0,0,.6)}.home-banner .tagline{color:var(--text-secondary);font-size:var(--text-sm);font-style:italic}.home-banner .company-crest{width:64px;height:64px;margin-inline:auto;margin-bottom:var(--sp-2)}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.quick-link{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-2);text-align:center}.quick-link .ql-icon{width:36px;height:36px;color:var(--brass)}.quick-link .ql-sub{color:var(--text-faint);font-size:var(--text-xs)}.portrait-strip{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-1)}.portrait-strip>*{flex:none}.chip-row{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-1);flex-shrink:0}.chip-row .btn{flex:none;min-height:38px;padding:var(--sp-1) var(--sp-2);font-size:var(--text-xs)}.codex-row{min-height:var(--tap-min)}.roster-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}@media(min-width:420px){.roster-grid{grid-template-columns:1fr 1fr}}.hero-hero{display:flex;gap:var(--sp-4);align-items:center}.hero-hero .hero-titles{min-width:0}.hero-hero h2{font-size:var(--display-lg)}.ability-list{display:flex;flex-direction:column;gap:var(--sp-2)}.ability-row{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-2);background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.ability-row .ability-text{min-width:0;font-size:var(--text-sm);color:var(--text-secondary)}.ability-row .ability-title{color:var(--text-primary);font-weight:600}.squad-slots{display:flex;gap:var(--sp-2);justify-content:center}.prep-hero-block{display:flex;flex-direction:column;gap:var(--sp-2)}.prep-hero-head{display:flex;align-items:center;gap:var(--sp-2)}.equip-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.sticky-cta{position:sticky;bottom:0;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0 var(--sp-2);background:linear-gradient(transparent,var(--bg-app) 35%);z-index:var(--z-hud)}.sticky-cta .cta-hint{color:var(--text-secondary);font-size:var(--text-sm);min-width:0}.sticky-cta .btn-primary{flex:none}.battle-screen{display:flex;flex-direction:column;height:100dvh;background:var(--bg-deep)}.battle-topbar{flex:none;min-height:48px;display:flex;align-items:center;gap:var(--sp-2);padding-inline:var(--sp-2);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border-bottom:1px solid var(--border-strong)}.battle-topbar .mission-title{font-family:var(--font-display);font-size:var(--display-xs);line-height:1.6;color:var(--text-primary);margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.round-pill{flex:none;padding:2px 10px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border-brass);color:var(--brass-bright);font-size:var(--display-xs);line-height:1.8;font-family:var(--font-display)}.board-area{flex:none;position:relative;height:min(100vw,52dvh);width:min(100vw,52dvh);margin-inline:auto}.phaser-host{width:100%;height:100%}.unit-strip{flex:none;min-height:62px;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:var(--surface-1);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.unit-strip .us-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.unit-strip .us-name-row{display:flex;align-items:baseline;gap:var(--sp-2)}.unit-strip .us-name{font-family:var(--font-display);font-size:var(--display-sm);line-height:1.4;white-space:nowrap}.unit-strip .us-class{color:var(--text-faint);font-size:var(--text-xs)}.unit-strip .us-bars{display:flex;align-items:center;gap:var(--sp-2)}.unit-strip .hp-text{font-size:var(--text-xs);color:var(--text-secondary);flex:none}.action-pips{display:flex;gap:4px;flex:none}.action-pip{padding:1px 7px;border-radius:var(--r-pill);font-size:10px;letter-spacing:.03em;background:#5f7d4b40;border:1px solid var(--success);color:var(--success-bright)}.action-pip.spent{background:var(--surface-3);border-color:var(--border-subtle);color:var(--text-faint);text-decoration:line-through}.unit-strip .banner-text{flex:1;text-align:center;color:var(--text-secondary);font-family:var(--font-display);font-size:var(--display-xs);line-height:1.8}.context-zone{flex:1 1 0;min-height:0;overflow-y:auto;padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-2)}.objective-line{display:flex;gap:var(--sp-2);align-items:baseline;font-size:var(--text-sm);color:var(--text-secondary)}.objective-line .obj-progress{color:var(--success-bright);margin-left:auto;white-space:nowrap}.preview-list{font-size:var(--text-sm);line-height:1.55}.preview-list .dmg{color:#ff8a80}.preview-list .heal{color:var(--success-bright)}.preview-list .risk{color:var(--amber)}.preview-list .status{color:#ce93d8}.action-bar{flex:none;display:flex;flex-direction:column;gap:var(--sp-1);background:linear-gradient(0deg,var(--bg-deep),var(--surface-2));border-top:1px solid var(--border-brass);padding:var(--sp-1) var(--sp-2) max(var(--safe-b),var(--sp-2));z-index:var(--z-hud)}.ability-scroller{display:flex;gap:var(--sp-2);align-items:stretch}.ability-scroller .scroll-row{display:flex;gap:var(--sp-2);align-items:center;flex:1;min-width:0}.ability-scroller .scroll-row>*{min-width:0}.action-bar .ability-tile{flex:1 1 0;min-width:0;min-height:0;max-width:56px;aspect-ratio:1 / 1;padding:0;gap:0;overflow:hidden}.action-bar .ability-tile>svg,.action-bar .ability-tile>img{width:100%;height:100%;display:block}.end-turn-btn{flex:none;min-width:64px;min-height:56px;font-size:var(--text-sm)}.context-row{display:flex;gap:var(--sp-2);min-height:48px;align-items:stretch}.context-row .confirm-btn{flex:2}.context-row .cancel-btn{flex:1}.context-row .phase-hint{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:var(--text-sm);font-style:italic}.menu-popover{position:absolute;top:50px;right:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:var(--sp-2);z-index:var(--z-sheet);box-shadow:var(--shadow-raised);min-width:180px}.rewards-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);overflow-y:auto;background:radial-gradient(ellipse 100% 45% at 50% 0%,rgba(201,162,39,.1),transparent),var(--bg-deep);display:flex;flex-direction:column;align-items:center;padding:var(--sp-6) var(--sp-4) max(var(--safe-b),var(--sp-4));gap:var(--sp-4)}.rewards-overlay.defeat{background:radial-gradient(ellipse 100% 45% at 50% 0%,rgba(158,47,35,.14),transparent),var(--bg-deep)}.rewards-overlay .outcome-title{font-size:var(--display-xl);line-height:1.6;color:var(--brass-bright);text-align:center}.rewards-overlay.defeat .outcome-title{color:var(--blood-bright)}.rewards-overlay .outcome-sub{color:var(--text-secondary);text-align:center;max-width:340px}.rewards-stats{width:100%;max-width:400px}.rewards-hero-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0}.rewards-hero-row .rh-name{flex:1;min-width:0}.rewards-hero-row .rh-state{font-size:var(--text-sm);color:var(--success-bright)}.rewards-hero-row .rh-state.down{color:var(--blood-bright)}.rewards-buttons{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;max-width:400px;margin-top:auto}.debug-panel textarea{width:100%;height:80px;background:var(--bg-deep);color:var(--success-bright);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs)}.debug-panel .stat-row,.stat-row{display:flex;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-secondary)}@media(min-width:900px){.battle-screen{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:48px auto minmax(0,1fr) auto;gap:var(--sp-2);padding:var(--sp-2)}.battle-topbar{grid-column:1 / 3;grid-row:1;border:1px solid var(--border-strong);border-radius:var(--r-md)}.board-area{grid-column:1;grid-row:2 / 5;width:100%;height:100%;min-height:0}.unit-strip{grid-column:2;grid-row:2;border:1px solid var(--border-subtle);border-radius:var(--r-md)}.context-zone{grid-column:2;grid-row:3}.action-bar{grid-column:2;grid-row:4;border:1px solid var(--border-brass);border-radius:var(--r-md)}.sheet{position:fixed;inset-inline:auto;right:var(--sp-2);bottom:var(--sp-2);width:360px;border-radius:var(--r-md);border-bottom:1px solid var(--border-strong);max-height:70dvh}}