:root{--paper:#f4f1e8;--ink:#252c27;--muted:#657065;--line:#cbd0c3;--green:#294534;--human:#80b3c1;--cpu:#d59372;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-underline-offset:3px}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b6653d;outline-offset:4px}button:disabled{cursor:default;opacity:.5}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.play-topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:20px}.play-wordmark{font-size:21px;font-weight:800;letter-spacing:1px;text-decoration:none;white-space:nowrap}.play-wordmark span{font-size:9px;font-weight:400;letter-spacing:2px;margin-left:15px;padding-left:15px;border-left:1px solid #a9b3a1;vertical-align:middle}.play-topbar nav{display:flex;align-items:center;gap:24px;font-size:12px}.play-topbar nav button{border:1px solid #98a48f;background:transparent;padding:9px 13px;font-size:11px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;line-height:1.7}.lobby{max-width:1050px;padding:50px 35px 65px;margin:auto}.lobby h1{font-family:var(--serif);font-size:72px;line-height:1;letter-spacing:-2.8px;font-weight:400;margin:23px 0}.lobby-intro{font-size:16px;line-height:1.75;max-width:650px;color:var(--muted)}.quick-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin:34px 0 35px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-rules>div{display:flex;gap:14px}.quick-rules b{font-family:var(--serif);font-size:29px;font-weight:400;color:#69805e}.quick-rules p{font-size:12px;line-height:1.8;color:var(--muted)}.quick-rules strong{color:var(--ink)}.deck-picker{margin:0 0 26px;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.deck-picker legend{padding:0;margin-bottom:15px;font-size:13px;font-weight:600}.deck-picker label{cursor:pointer;position:relative}.deck-picker input{position:absolute;opacity:0;width:1px;height:1px}.deck-picker label>span{display:flex;flex-direction:column;border:1px solid #bfc9b5;padding:22px 25px;background:#e8ecdf;min-height:157px}.deck-picker input:checked+span{outline:2px solid #36533b;outline-offset:3px;background:#e0e8d7}.deck-picker input:focus-visible+span{outline:3px solid #b6653d;outline-offset:5px}.deck-picker small{font-size:8px;letter-spacing:1.3px;color:#516447}.deck-picker strong{font-family:var(--serif);font-size:27px;font-weight:400;margin:13px 0 9px}.deck-picker label>span>span{font-size:12px;line-height:1.7;color:#5e6d52;max-width:385px}.primary-button,.secondary-button{border:1px solid #294534;background:#294534;color:#fff9e9;padding:13px 18px;font-size:12px;min-height:43px;font-weight:600;line-height:1.4}.secondary-button{background:transparent;color:#294534;border-color:#a9b5a0}.primary-button:hover:not(:disabled){background:#3a5b44}.secondary-button:hover:not(:disabled){background:#e3e9da}.lobby-note{font-size:11px;line-height:1.8;color:var(--muted);max-width:650px;margin-top:18px}.game-shell{max-width:1530px;margin:0 auto;padding:25px 3.3% 35px}.match-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}.match-heading h1{font-family:var(--serif);font-size:31px;font-weight:400;line-height:1.15;margin-top:5px}.match-heading>span{font-size:11px;color:var(--muted)}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;grid-template-areas:'board command' 'hand command';gap:20px 24px;align-items:start}.board-panel{grid-area:board;background:#253c33;border:1px solid #1d342a;border-radius:7px;color:#e9eddd;padding:16px;min-width:0;box-shadow:0 4px 13px #1a281c0c}.hero-row{display:flex;align-items:center;gap:17px;min-height:75px}.cpu-hero-row{margin-bottom:12px}.human-hero-row{margin-top:12px}.hero-portrait{width:78px;min-width:78px;min-height:76px;background:#263d34;border:1px solid #8da386;border-radius:5px;color:#f7f0df;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:9px 8px;position:relative}.hero-portrait>span:first-child{font-size:8px;font-weight:700;letter-spacing:1px}.hero-portrait strong{font-family:var(--serif);font-size:35px;font-weight:400;line-height:1.05;display:block}.hero-portrait small{font-size:6px;letter-spacing:1px}.cpu-portrait{border-color:#b7896b;box-shadow:inset 0 0 18px #b4744020;color:#f4d2ba}.human-portrait{border-color:#7aadb4;box-shadow:inset 0 0 18px #649cab20;color:#c7e0e1}.cpu-portrait.target-ready{outline:3px solid #e7bd6c;outline-offset:3px;background:#5e5837}.cpu-portrait>span:last-child:empty{display:none}.cpu-portrait>span:last-child:not(:first-child){font-size:7px;color:#ffe099;margin-top:5px;letter-spacing:.4px}.hero-resources{flex:1}.hero-resources>strong{display:block;font-size:12px;letter-spacing:.4px;text-transform:capitalize;font-weight:500}.hero-resources>p{font-size:9px;color:#bdcbb4;margin-top:9px;line-height:1.5}.energy-track{display:flex;align-items:center;gap:5px;margin-top:10px}.energy-track>b{font-size:11px;font-weight:500;min-width:77px;color:#d7e6c8}.energy-pip{width:12px;height:12px;border:1px solid #a4b792;background:#d5e5c1;transform:rotate(45deg);margin:0 3px}.energy-pip.spent{background:#455b44;border-color:#68825b}.energy-pip.locked{background:transparent;border-color:#52694a}.hand-backs{display:flex;padding-right:5px}.hand-backs i{display:block;width:18px;height:28px;background:#576852;border:1px solid #a7b592;transform:rotate(6deg);margin-left:-7px;border-radius:2px}.unit-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.battle-line{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0;border-top:1px solid #4c674f;padding-top:8px;font-size:7px;letter-spacing:1.6px;color:#a2b598}.battle-line>span:nth-child(2){font-size:18px;color:#b9b78f;margin-top:-19px;background:#253c33;padding:0 12px}.battle-line>span:first-child{color:#c69a7a}.battle-line>span:last-child{color:#91bac0}.board-unit,.empty-unit{min-height:104px;border:1px dashed #60765b;border-radius:4px;padding:11px 9px;display:flex;flex-direction:column;justify-content:space-between;gap:9px;text-align:left;width:100%;position:relative}.empty-unit{align-items:center;justify-content:center;color:#8fa585;font-size:9px;line-height:1.5;opacity:.65}.board-unit{background:#f0eee2;color:#273c2b;border:1px solid #d4d8c6;box-shadow:0 2px 3px #15281522;font-family:inherit}.board-unit.cpu-unit{border-top:4px solid #ba7958}.board-unit.human-unit{border-top:4px solid #699ba1}.board-unit.selected{outline:3px solid #f1cd75;outline-offset:1px;background:#fff7de}.board-unit.actionable{box-shadow:0 0 0 1px #9cd1d8,0 2px 3px #15281522}.board-unit.target-ready{outline:2px solid #e9c277;outline-offset:2px;background:#f6eacd}.board-unit:hover{background:#fffbed}.unit-name{font-size:12px;font-weight:700;line-height:1.25}.unit-bottom{display:flex;flex-direction:column;gap:8px;font-size:10px}.unit-stats{display:flex;gap:15px;white-space:nowrap}.unit-stats b{font-size:18px;font-family:var(--serif)}.unit-status{font-size:7px;letter-spacing:.1px;text-transform:uppercase}.unit-status.ready{color:#316044}.unit-status.exhausted{color:#827958}.unit-tags{font-size:7px;color:#6a705d;letter-spacing:.7px;min-height:9px}.unit-health.damaged{color:#a35132}.board-key{display:flex;flex-direction:column;gap:5px;font-size:8px;color:#b9cbb0;text-align:right}.board-key b{font-size:10px}.command-panel{grid-area:command;background:#faf7ee;border:1px solid #c6cebb;border-top:4px solid #4d6e48;padding:22px 21px;position:sticky;top:18px;min-width:0;scroll-margin-top:15px}.command-panel h2{font-family:var(--serif);font-size:28px;line-height:1.12;font-weight:400;margin:10px 0 12px;outline:none}.phase-help{font-size:12px;line-height:1.75;color:var(--muted)}.selection-card{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.selection-card>div:first-child{display:flex;align-items:start;justify-content:space-between;gap:15px}.selection-card h3{font-family:var(--serif);font-size:23px;line-height:1.15;font-weight:400}.selection-cost{display:grid;place-items:center;background:#344f38;color:#fff9e9;border-radius:50%;height:28px;min-width:28px;font-size:18px;font-family:var(--serif)}.selection-card .card-meta{display:block;font-size:8px;letter-spacing:.8px;text-transform:uppercase;color:#737e69;margin-top:10px}.selection-card p{font-size:12px;line-height:1.7;margin-top:11px}.selection-card .card-detail-note{font-size:10px;color:var(--muted)}.selection-card .selection-stats{font-size:12px;color:#43633a}.selection-card .selection-stats b{font-size:16px}.action-options{display:grid;gap:8px;margin-top:16px;max-height:350px;overflow-y:auto;scrollbar-width:thin}.action-option{border:1px solid #a6b598;background:#e7ecdf;color:#2b452d;text-align:left;font-size:11px;line-height:1.55;padding:11px 12px;min-height:42px}.action-option:hover{background:#d9e5cd;border-color:#769366}.phase-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.phase-controls button{flex:1;font-size:11px;padding:10px;min-width:100px}.phase-controls .text-button{flex-basis:100%;border:0;background:transparent;text-decoration:underline;color:#5c6e54;font-size:10px;min-height:30px;padding:5px}.interaction-notice{font-size:10px;line-height:1.6;color:#8c542e;margin-top:14px}.hand-panel{grid-area:hand;min-width:0}.hand-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:3px 0 13px}.hand-heading>div{display:flex;gap:10px;align-items:baseline}.hand-heading h2{font-family:var(--serif);font-size:24px;font-weight:400}.hand-heading span{font-size:10px;color:var(--muted)}.hand-heading>span{text-align:right;max-width:310px;line-height:1.5}.hand{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}.hand-card{background:#fbf8ed;border:1px solid #b7c4a8;border-top:4px solid #78816d;padding:11px 10px;min-height:179px;max-width:215px;text-align:left;color:var(--ink);display:flex;flex-direction:column;position:relative;gap:9px;border-radius:3px;transition:transform .12s}.hand-card:hover{transform:translateY(-3px);background:#fffdf5}.hand-card.faction-pressure{border-top-color:#a76141}.hand-card.faction-resilience{border-top-color:#5f805b}.hand-card.selected{outline:3px solid #3c6670;outline-offset:2px;background:#e5eef0}.hand-card.unplayable{background:#ebece3;border-color:#c8cdbc;color:#6d7665}.hand-card>span:first-child{display:flex;align-items:start;gap:8px;justify-content:space-between}.hand-card strong{font-size:12px;line-height:1.25}.hand-cost{min-width:22px;height:22px;background:#41533a;color:#fff9e9;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-size:17px}.hand-type{font-size:7px;letter-spacing:.6px;color:#758166;text-transform:uppercase}.hand-text{font-size:10px;line-height:1.55}.hand-stats{margin-top:auto;font-size:9px;color:#4e633f;display:flex;gap:12px}.hand-stats b{font-size:13px}.hand-card .selection-indicator{position:absolute;right:7px;bottom:7px;font-size:9px;color:#315f6a;font-weight:700}.hand-empty{font-size:12px;color:var(--muted);padding:25px;border:1px dashed #c1cbb8;grid-column:1/-1}.match-bottom{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:24px;margin-top:28px;align-items:start}.match-log,.match-reference details{border:1px solid var(--line);background:#f8f5eb}.match-log summary,.match-reference summary{cursor:pointer;padding:15px 17px;font-size:11px;font-weight:600}.match-log summary span{font-size:10px;color:var(--muted);font-weight:400;margin-left:8px}.match-log ol{list-style:none;display:flex;flex-direction:column;max-height:230px;overflow-y:auto;padding:0 17px 14px;margin:0}.match-log li{padding:8px 0;border-bottom:1px solid #e0e3d6;font-size:11px;line-height:1.6;color:#59664f}.match-log li:first-child{border:0}.match-log li>span{display:inline-block;font-size:8px;letter-spacing:.4px;color:#7a866f;margin-right:10px}.match-reference details{margin-bottom:9px}.match-reference details p,.match-reference details>a,.match-reference details>div{font-size:11px;line-height:1.7;color:#617056;margin:0 16px 13px}.match-reference details>a{display:block}.discard-owner{font-weight:600;color:#384c30;margin-top:12px!important}.discard-cards{padding-left:15px;margin:5px 0 15px;font-size:10px;line-height:1.8}.save-status{font-size:9px;line-height:1.6;color:#68795b;margin-top:13px}.result-score{font-family:var(--serif);font-size:42px;line-height:1.2;margin:15px 0;color:#365639}.thinking-dots:after{content:'…';display:inline-block;animation:thinking 1.2s infinite}dialog{border:1px solid #abb99e;background:#f6f3e8;color:var(--ink);padding:30px;max-width:440px;width:calc(100% - 36px);box-shadow:0 15px 50px #1325184a}dialog::backdrop{background:#182c2480}dialog h2{font-family:var(--serif);font-size:35px;font-weight:400;margin:13px 0}dialog p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}.dialog-actions{display:flex;gap:12px;margin-top:25px}.dialog-actions button{flex:1;font-size:11px}.app-error{margin:25px auto;padding:17px 22px;max-width:900px;border:1px solid #b88a6d;background:#f4e8d8;color:#854d31;font-size:13px;line-height:1.8}.play-footer{border-top:1px solid var(--line);padding:24px 4%;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes thinking{50%{opacity:.3}}
@media(max-width:1120px){.game-shell{padding-left:2%;padding-right:2%}.game-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.command-panel{padding:20px 16px}.match-bottom{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.board-panel{padding:15px}.unit-row{gap:7px}.board-unit,.empty-unit{min-height:108px;padding:9px 6px}.unit-name{font-size:10px}.unit-status{font-size:6px}.unit-stats{gap:9px}.unit-stats b{font-size:16px}.hand{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.board-key{font-size:7px}.hand-backs{display:none}}
@media(max-width:860px){.game-shell{padding:19px 4% 30px}.game-grid{grid-template-columns:1fr;grid-template-areas:'command' 'board' 'hand';gap:18px}.command-panel{position:static;padding:17px 20px}.command-panel h2{font-size:25px;margin:6px 0 8px}.phase-help{font-size:11px}.selection-card{margin-top:13px;padding-top:12px}.selection-card h3{font-size:22px}.action-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px;margin-top:13px}.phase-controls{margin-top:12px}.phase-controls button{flex:initial;min-width:130px}.phase-controls .text-button{flex-basis:auto;min-width:100px}.interaction-notice:empty{display:none}.hand{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hand-card{max-width:none;min-height:175px}.unit-row{gap:9px}.board-unit{min-height:132px;padding:10px}.unit-name{font-size:11px}.unit-status{font-size:7px}.unit-stats b{font-size:18px}.match-bottom{grid-template-columns:1fr;gap:17px}.match-reference{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.match-reference details{margin:0}.match-reference .save-status{grid-column:1/-1}.quick-rules{gap:20px}.lobby{padding-top:39px}.lobby h1{font-size:62px}.lobby-intro{font-size:14px}.play-topbar{height:64px}.play-topbar nav{gap:17px}.play-footer span{max-width:300px;text-align:right;line-height:1.7}.hand-backs{display:flex}.hero-row{gap:20px}.board-key{font-size:8px}}
@media(max-width:520px){.play-topbar{padding:0 5%;gap:10px}.play-wordmark{font-size:18px}.play-wordmark span{display:none}.play-topbar nav{gap:12px;font-size:10px}.play-topbar nav button{font-size:9px;padding:8px}.lobby{padding:34px 6% 43px}.lobby h1{font-size:55px}.quick-rules{grid-template-columns:1fr;gap:18px;padding:22px 0;margin:26px 0}.quick-rules p{font-size:12px}.quick-rules b{font-size:25px}.deck-picker{grid-template-columns:1fr;gap:14px}.deck-picker label>span{padding:20px;min-height:145px}.deck-picker strong{font-size:25px}.game-shell{padding-left:3%;padding-right:3%}.match-heading{align-items:start;margin-bottom:16px}.match-heading h1{font-size:27px}.match-heading>span{font-size:9px;max-width:115px;text-align:right;line-height:1.7}.match-heading .eyebrow{font-size:7px}.board-panel{padding:12px 8px}.hero-row{gap:12px;min-height:76px}.hero-portrait{min-width:59px;width:59px;min-height:75px;padding:8px 5px}.hero-portrait strong{font-size:32px}.hero-portrait>span:first-child{font-size:7px}.hero-portrait small{font-size:5px}.hero-resources>strong{font-size:10px}.hero-resources>p{font-size:8px;margin-top:8px}.energy-track{gap:3px;flex-wrap:wrap}.energy-track>b{font-size:10px;min-width:65px}.energy-pip{width:9px;height:9px;margin:0 2px}.hand-backs{display:none}.board-key{display:none}.unit-row{gap:5px}.board-unit,.empty-unit{padding:8px 5px;min-height:123px;gap:8px}.unit-name{font-size:8px;line-height:1.3;overflow-wrap:anywhere}.unit-stats{gap:5px;font-size:7px}.unit-stats b{font-size:14px}.unit-status{font-size:5px;letter-spacing:0}.unit-tags{font-size:5px;letter-spacing:0;min-height:6px}.empty-unit{font-size:7px}.battle-line{margin:13px 0;font-size:6px;padding-top:7px}.command-panel{padding:16px}.action-options{grid-template-columns:1fr;max-height:240px}.action-option{font-size:11px;padding:10px 12px}.hand-heading h2{font-size:22px}.hand-heading span{font-size:8px}.hand-heading>span{max-width:160px}.hand{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hand-card{min-height:180px;padding:8px 7px;gap:8px}.hand-card strong{font-size:10px}.hand-card>span:first-child{gap:4px}.hand-cost{min-width:19px;height:19px;font-size:14px}.hand-type{font-size:6px}.hand-text{font-size:8px;line-height:1.65}.hand-stats{font-size:7px;gap:6px}.hand-stats b{font-size:11px}.match-reference{grid-template-columns:1fr}.play-footer{font-size:9px;padding:22px 5%}.play-footer span{max-width:200px}.phase-controls button{min-width:110px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}