:root{color:#edf3ef;background:#0e1213;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;--ink: #0e1213;--panel: #171d1e;--panel-raised: #202728;--line: #344041;--muted: #91a09d;--cyan: #55d9e8;--lime: #b8e85f;--amber: #f2bd53;--coral: #ff776b}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.44}.game-app{min-height:100vh;display:grid;grid-template-rows:62px minmax(390px,1fr) auto;background:var(--ink)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#121718}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-glyph{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-weight:800}.brand-lockup h1{margin:0;font-size:18px;line-height:1.1}.brand-lockup p{margin:3px 0 0;color:var(--muted);font-size:9px}.header-controls,.shop-actions,.selection-actions{display:flex;align-items:center;gap:7px}.seed-control{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.seed-control input{width:150px;height:34px;border:1px solid var(--line);background:var(--panel);color:#edf3ef;padding:0 9px;border-radius:4px}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:4px;display:inline-grid;place-items:center;background:var(--panel-raised);cursor:pointer;flex:0 0 auto}.icon-button:hover:not(:disabled),.icon-button.active{border-color:var(--cyan);color:var(--cyan)}.icon-button.danger:hover:not(:disabled){border-color:var(--coral);color:var(--coral)}.game-workspace{min-height:0;display:grid;grid-template-columns:220px minmax(420px,1fr) 250px}.trait-ledger,.status-panel{min-width:0;background:var(--panel);padding:14px;overflow:auto}.trait-ledger{border-right:1px solid var(--line)}.status-panel{border-left:1px solid var(--line)}.panel-title,.section-label,.shop-toolbar,.board-heading,.formation-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title{margin-bottom:12px;font-size:13px;font-weight:700;text-transform:uppercase}.panel-title small,.section-label small,.board-heading,.formation-hint{color:var(--muted);font-size:10px;font-weight:500}.trait-list{display:grid;gap:6px}.trait-row{min-height:48px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:6px;border:1px solid transparent}.trait-row.tier-1{border-color:#5f7e4b;background:#1e2a20}.trait-row.tier-2{border-color:var(--amber);background:#2b271b}.trait-mark{width:30px;height:30px;display:grid;place-items:center;background:#2a3334;color:var(--muted);font-weight:800}.tier-1 .trait-mark{color:var(--lime)}.tier-2 .trait-mark{color:var(--amber)}.trait-copy{display:grid;min-width:0}.trait-copy strong{font-size:12px}.trait-copy small{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trait-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.board-column{min-width:0;display:grid;grid-template-rows:1fr 42px;padding:12px 14px 0;background:#111718}.board-section{min-height:0;display:grid;grid-template-rows:26px 1fr}.board-heading{padding:0 4px}.battle-board{width:min(100%,900px);align-self:center;justify-self:center;aspect-ratio:7 / 4;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:3px;padding:5px;background:#151d1e url(./board-texture-CKwSJuhK.png) center / cover no-repeat;border:1px solid #667472;box-shadow:0 18px 42px #0008}.board-cell{position:relative;min-width:0;min-height:0;padding:3px;border:1px solid #4b5b5b;background:#1c2627d9;overflow:hidden;cursor:default}.board-cell.ai-zone{background:#2a2525d9;border-color:#624b4a}.board-cell.player-zone{background:#182729d9;border-color:#3d6669}.board-cell.placeable{cursor:pointer;border-color:var(--lime);box-shadow:inset 0 0 0 1px #6c8f42}.cell-coordinate{color:#52605e;font-size:9px}.formation-bar{border-top:1px solid var(--line);min-width:0;font-size:12px}.selection-actions{min-width:0}.selection-actions>span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-portrait{display:block;overflow:hidden;background-color:#263233;background-repeat:no-repeat}.unit-token{position:relative;width:100%;height:100%;min-width:0;display:grid;grid-template-columns:minmax(30px,46%) 1fr;align-items:center;gap:5px;border:1px solid #4c6060;background:#263233;padding:4px;text-align:left;transition:transform .14s ease,opacity .18s ease,border-color .14s ease}.unit-token.ai{border-color:#71544f;background:#332a29}.unit-token.selected{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.unit-token>.hero-portrait{width:100%;aspect-ratio:1;border:1px solid #637271}.unit-token.ai>.hero-portrait{border-color:#84625d}.unit-copy{display:grid;min-width:0}.unit-copy strong{font-size:10px;overflow:hidden;text-overflow:ellipsis}.unit-copy small{color:var(--amber);font-size:8px;white-space:nowrap}.unit-token.compact{grid-template-columns:minmax(24px,46%) 1fr;padding:2px}.unit-token.compact .unit-copy strong{font-size:9px}.unit-token.fx-source{transform:translateY(-3px) scale(1.025);border-color:var(--cyan);box-shadow:0 0 18px #55d9e866;animation:source-pulse .28s ease-out}.unit-token.fx-target{border-color:var(--coral);animation:target-hit .22s ease-out}.unit-token.fx-dead{opacity:.24;filter:grayscale(1);transform:scale(.88)}.combat-fx{position:absolute;inset:2px 2px auto auto;z-index:2;padding:2px 4px;background:#111c;color:var(--coral);font-size:9px;font-weight:900;animation:fx-rise .42s ease-out}@keyframes source-pulse{0%{transform:scale(.95)}60%{transform:translateY(-4px) scale(1.06)}to{transform:translateY(-3px) scale(1.025)}}@keyframes target-hit{0%{transform:translate(-2px)}40%{transform:translate(3px)}to{transform:translate(0)}}@keyframes fx-rise{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.status-grid span{min-height:36px;display:flex;align-items:center;gap:6px;padding:7px;border:1px solid var(--line);background:var(--panel-raised);font-size:11px}.status-grid svg{color:var(--cyan)}.status-grid strong{margin-left:auto;font-size:13px}.seed-readout{display:flex;align-items:center;gap:7px;margin:10px 0;padding:8px;color:var(--cyan);border:1px dashed #36575a;font:11px ui-monospace,monospace;overflow-wrap:anywhere}.playback-controls{margin:10px 0;padding:9px;border:1px solid var(--line);background:#12191a}.playback-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:10px;color:var(--muted)}.playback-heading span{display:flex;align-items:center;gap:5px}.playback-heading time{color:var(--cyan);font-variant-numeric:tabular-nums}.segmented-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.segmented-control button{min-height:30px;padding:0 5px;border:0;border-right:1px solid var(--line);background:#202728;color:var(--muted);font-size:10px;cursor:pointer}.segmented-control button:last-child{border-right:0}.segmented-control button.active{background:#244348;color:var(--cyan)}.segmented-control button:hover:not(:disabled){color:#fff}.playback-progress{height:3px;margin-top:7px;background:#2a3334;overflow:hidden}.playback-progress span{display:block;height:100%;background:var(--cyan);transition:width .16s linear}.ai-intent{padding:10px;border-left:2px solid var(--lime);background:#1c2520}.ai-intent strong,.combat-log>strong{font-size:11px}.ai-intent p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.combat-log{margin-top:12px}.combat-log p{display:grid;grid-template-columns:36px 1fr;gap:6px;margin:6px 0;font-size:9px;color:#cbd5d2}.combat-log time{color:var(--muted);font-variant-numeric:tabular-nums}.log-empty{color:var(--muted)!important}.combat-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:10px}.combat-summary span{display:grid;justify-items:center;padding:6px 3px;background:#202728}.combat-summary b{color:var(--amber);font-size:12px}.combat-summary small{color:var(--muted);font-size:8px}.effect-report{margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.effect-report>strong{font-size:11px}.active-effect-list{display:grid;gap:4px;margin-top:7px}.active-effect-list>span{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #2a3434}.active-effect-list b{font-size:9px;color:var(--lime)}.active-effect-list small{min-width:0;color:var(--cyan);font-size:9px;text-align:right;overflow-wrap:anywhere}.active-effect-list .effect-empty{color:var(--muted);font-size:9px}.event-feedback{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:7px;color:var(--muted);font-size:8px}.event-feedback [data-effect=damage]{color:var(--coral)}.event-feedback [data-effect=shield]{color:var(--cyan)}.event-feedback [data-effect=heal]{color:var(--lime)}.bottom-dock{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(460px,2fr) 150px;gap:12px;align-items:stretch;padding:12px 14px 14px;border-top:1px solid var(--line);background:#121718}.bench-panel,.shop-panel{min-width:0}.section-label{min-height:24px;margin-bottom:6px;font-size:11px;font-weight:700}.bench-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.bench-slot{min-width:0;height:64px;padding:2px;border:1px solid var(--line);background:#171f20;display:grid;place-items:center;color:#52605e}button.bench-slot{cursor:pointer}.bench-slot.occupied:hover{border-color:var(--cyan)}.shop-toolbar{min-height:24px;margin-bottom:6px}.shop-toolbar .section-label{margin:0;flex:1}.shop-actions .icon-button{width:30px;height:30px}.shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.shop-card{position:relative;min-width:0;height:92px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr auto auto;gap:2px 6px;padding:6px;border:1px solid var(--line);border-top:2px solid var(--cyan);background:var(--panel-raised);text-align:left;cursor:pointer;overflow:hidden}.shop-card.cost-2{border-top-color:var(--lime)}.shop-card.cost-3{border-top-color:var(--amber)}.shop-card.cost-4{border-top-color:var(--coral)}.shop-card:hover:not(:disabled){border-color:var(--cyan)}.shop-card.sold{display:grid;place-items:center;color:var(--muted);cursor:default;border-top-color:var(--line)}.shop-card>.hero-portrait{grid-row:1 / 3;width:34px;height:42px;border:1px solid #4c6060}.shop-name{min-width:0;display:grid}.shop-name strong{font-size:10px}.shop-name small{color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-traits{grid-column:1 / 3;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-cost{grid-column:1 / 3;color:var(--amber);font-size:9px;font-weight:700}.primary-command{align-self:end;min-height:92px;border:1px solid var(--lime);border-radius:4px;background:#26361f;color:var(--lime);display:grid;place-items:center;align-content:center;gap:8px;cursor:pointer;font-weight:800}.primary-command:hover{background:#304426}.error-toast{position:fixed;right:16px;top:76px;z-index:10;max-width:min(380px,calc(100vw - 32px));min-height:46px;display:flex;align-items:center;gap:12px;padding:7px 8px 7px 14px;border:1px solid var(--coral);background:#3a2423;box-shadow:0 10px 30px #0009;font-size:12px}.error-toast .icon-button{margin-left:auto}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#050708d9}.roster-dialog{width:min(980px,100%);max-height:min(780px,calc(100vh - 40px));overflow:auto;border:1px solid #657271;border-radius:6px;background:#121819;box-shadow:0 24px 80px #000c}.roster-dialog>header{position:sticky;top:0;z-index:2;min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);background:#121819f2}.roster-dialog h2{margin:0;font-size:17px}.roster-dialog header p{margin:3px 0 0;color:var(--muted);font-size:10px}.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}.roster-entry{min-width:0;display:grid;grid-template-columns:84px 1fr;gap:10px;min-height:112px;padding:12px;border-top:3px solid var(--cyan);background:#1b2223}.roster-entry.cost-2{border-top-color:var(--lime)}.roster-entry.cost-3{border-top-color:var(--amber)}.roster-entry.cost-4{border-top-color:var(--coral)}.roster-entry>.hero-portrait{width:84px;aspect-ratio:1;align-self:center;border:1px solid #586767}.roster-entry-copy{min-width:0;display:grid;align-content:center;gap:7px}.roster-name{display:grid}.roster-name strong{font-size:13px}.roster-name small,.roster-tags,.roster-skill{color:var(--muted);font-size:9px}.roster-tags{color:var(--cyan)}.roster-skill b{color:#e9efec}@media(max-width:1050px){.game-workspace{grid-template-columns:190px minmax(390px,1fr) 210px}.bottom-dock{grid-template-columns:minmax(320px,1fr) minmax(410px,1.6fr) 120px}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.game-app{grid-template-rows:auto auto auto}.game-header{min-height:58px;padding:8px 10px}.brand-lockup p,.seed-control span{display:none}.seed-control input{width:118px}.game-workspace{display:grid;grid-template-columns:1fr}.board-column{order:1;min-height:360px;padding:8px 8px 0}.trait-ledger{order:2;border:0;border-top:1px solid var(--line);padding:10px;overflow:visible}.trait-list{grid-template-columns:repeat(2,minmax(0,1fr))}.status-panel{order:3;border:0;border-top:1px solid var(--line);padding:10px;overflow:visible}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-grid span{display:grid;justify-items:center;gap:3px;padding:5px}.bottom-dock{grid-template-columns:1fr;padding:10px}.bench-panel{order:1}.shop-panel{order:2}.primary-command{order:3;min-height:52px;display:flex;flex-direction:row}.bench-slot{height:58px}.shop-card{height:88px}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.game-header{flex-wrap:wrap}.brand-lockup h1{font-size:16px}.icon-button{width:44px;height:44px}.seed-control input{height:44px}.board-column{min-height:275px}.board-heading{font-size:8px}.formation-bar{min-height:48px;align-items:flex-start;padding-top:5px}.formation-hint{max-width:180px;text-align:right}.selection-actions>span{display:none}.selection-actions .icon-button{width:44px;height:44px}.trait-list{grid-template-columns:1fr 1fr;gap:3px}.trait-row{min-height:42px;grid-template-columns:26px 1fr auto;gap:5px;padding:4px}.trait-mark{width:25px;height:25px}.trait-copy small{display:none}.status-grid{grid-template-columns:1fr 1fr}.combat-log{max-height:120px;overflow:auto}.segmented-control button{min-height:44px}.bench-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.bench-slot{height:52px}.shop-actions .icon-button{width:44px;height:44px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-card{height:86px}.shop-toolbar{align-items:flex-start}.shop-toolbar .section-label small{display:none}.unit-token.compact{display:grid;grid-template-columns:1fr}.unit-token.compact .unit-copy{display:none}.unit-token.compact>.hero-portrait{height:100%;aspect-ratio:auto}.dialog-backdrop{padding:8px}.roster-dialog{max-height:calc(100vh - 16px)}.roster-grid{grid-template-columns:1fr}.roster-entry{grid-template-columns:72px 1fr;min-height:94px}.roster-entry>.hero-portrait{width:72px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}