/* Phase 2 adds real decisions without changing the original illustrated arena. */
.brand-button{background:transparent;border:0;color:inherit;padding:0;text-align:left;cursor:pointer}.brand-button:hover{opacity:.85}
.setup-screen{max-width:1500px;margin:auto;padding:45px 38px 25px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px 50px;align-items:center}.setup-heading h1{font-size:clamp(42px,4.4vw,68px);line-height:1.02;font-weight:400;letter-spacing:-2px;margin:20px 0}.setup-heading>p:not(.eyebrow){color:#b6c1a7;font-size:15px;line-height:1.8;max-width:440px}.setup-pills{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.setup-pills span{font-size:8px;letter-spacing:1.6px;border:1px solid #657252;border-radius:25px;padding:9px 13px;color:#cfcea5}.setup-preview{transform:rotate(-3deg);filter:drop-shadow(0 22px 18px #07100f66);pointer-events:none}.setup-preview .arena-svg{display:block;width:100%;transform:none}.setup-options{grid-column:1/-1;border-top:1px solid #536348;padding-top:25px}.setup-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.setup-topline h2{font:35px var(--display);margin:9px 0 0}.seat-setup-grid{display:grid;grid-template-columns:repeat(var(--seats),minmax(0,1fr));gap:17px}.seat-setup{border:1px solid #566448;border-top:2px solid var(--fighter);border-radius:10px;background:#213628;overflow:hidden;padding:0 18px 15px}.seat-setup-art{height:100px;display:flex;align-items:center;gap:20px;background:radial-gradient(ellipse at 20% 80%,#52624055,transparent);border-bottom:1px solid #ffffff16;margin-bottom:14px}.seat-setup-art svg{height:89px;width:69px}.seat-setup-art span{font-size:10px;letter-spacing:1px;color:#c1c9a8}.seat-setup label{display:block;font-size:8px;letter-spacing:1.5px;margin-bottom:13px;color:#bdc3a6}.seat-setup select,.seat-setup input,.inline-label select{width:100%;min-height:40px;margin-top:7px;border:1px solid #667659;background:#1b2d22;border-radius:5px;color:#e9e4ca;padding:8px 11px;font:12px var(--ui);box-sizing:border-box}.seat-setup>p{font-size:9px;letter-spacing:.5px;color:#b8c4a2;margin:20px 0 0;line-height:1.7}.seat-setup>p span{margin:0 5px;opacity:.4}.setup-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:20px}.baseline-note{font:16px var(--display);margin:0 0 7px}.local-note{font-size:11px;color:#bac4a5;margin:0;line-height:1.8}.start-game{min-width:210px;justify-content:space-between}.setup-secondary{display:flex;align-items:center;gap:22px;margin:25px 0 0;border-top:1px solid #ffffff15;padding-top:15px}.setup-secondary>span{margin-left:auto;max-width:360px;font-size:10px;color:#9fac92;line-height:1.6}
.live-game{padding-top:15px}.live-game .page-heading{margin-bottom:15px}.live-game .page-heading h1{font-size:28px;margin-bottom:0}.match-controls{display:flex;gap:18px;align-items:center}.live-game .player-strip{margin-bottom:13px}.live-game .player-panel{min-height:79px;padding:8px 14px}.live-game .player-identity strong{font-size:17px}.live-game .player-identity small{font-size:9px;letter-spacing:.5px}.pile-counts{display:block;font-size:8px;color:#aebca1;margin-top:5px;letter-spacing:.45px}.player-panel.eliminated{opacity:.5;filter:grayscale(.8)}.live-turnbar{display:flex;align-items:center;gap:17px;border-top:1px solid #7a816450;border-bottom:1px solid #7a816450;padding:12px 0;margin-bottom:5px}.turn-status{font-size:8px;letter-spacing:1.4px;color:#dec68f}.live-turnbar>strong{font:20px var(--display);font-weight:400}.action-indicator{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:1px;white-space:nowrap;color:#bbc8a7}.action-indicator i{height:9px;width:9px;border:1px solid #9d9e76;border-radius:50%}.action-indicator i.on{background:#d9c187}.action-indicator i:last-of-type{margin-right:8px}.board-instruction{font-size:11px;color:#b2c3a3;line-height:1.5;margin:0}.live-game .board-toolbar{min-height:40px}.live-game .game-grid{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.live-game .board-viewport{max-height:650px}.live-game .board-surface{max-width:calc(clamp(370px,100dvh - 440px,620px)*1.578947*var(--zoom,1));min-width:0;margin-inline:auto}.game-message{font-size:11px;color:#b5c4a8;line-height:1.7;min-height:30px;margin:7px 0 0}.game-message.has-message{color:#f1d897}.live-inspector{margin-top:41px}.turn-panel{border:1px solid #748164;border-radius:8px;padding:17px;background:#22372a}.acting-fighter{display:flex;align-items:center;gap:10px}.acting-fighter>span{height:70px;width:55px;flex-shrink:0;background:radial-gradient(ellipse at 50% 75%,#b9b38425,transparent)}.acting-fighter svg{width:100%;height:100%}.acting-fighter h2{font:25px var(--display);margin:7px 0}.acting-fighter small{font-size:8px;color:#b6c2a5}.acting-fighter .eyebrow{font-size:7px;letter-spacing:1.5px}.live-game .unit-switcher{margin:14px 0 9px;gap:5px;flex-wrap:wrap}.unit-switcher button{min-height:33px}.resource-bar{border-top:1px solid #ffffff16;padding:11px 0 0;font-size:9px;letter-spacing:1px;color:var(--fighter);display:flex;align-items:center;gap:6px}.resource-bar b{font-size:18px;margin-left:auto}.resource-bar span{color:#aab99c}.ability-details{font-size:10px;margin-top:12px;border-bottom:1px solid #ffffff16;padding-bottom:12px}.ability-details summary{cursor:pointer;color:#d4d6b7}.ability-details p{line-height:1.8;color:#bdc6ac}.action-stack{display:grid;gap:9px;margin-top:14px}.action-stack>p{font-size:11px;line-height:1.75;color:#bec9ae;margin:0 0 4px}.inline-label{display:block;font-size:7px;letter-spacing:1.3px;color:#bec4a3}.inline-label select{font-size:10px;min-height:38px;margin-top:6px}.action-stack .primary,.selection-panel .primary{width:100%;justify-content:center;padding:12px 8px;gap:8px;min-height:44px;font-size:12px}.action-stack .primary small{font-size:8px;letter-spacing:.5px;margin-left:auto}.secondary{background:transparent;border:1px solid #89936e;border-radius:5px;color:#d9dfbf;min-height:40px;padding:10px 15px;font:12px var(--ui);cursor:pointer}.secondary:hover{background:#81956420}.danger{border-color:#bd8c72;color:#e8b392}.selection-panel{border-top:1px solid #ffffff22;margin-top:16px;padding-top:11px}.selection-title{display:flex;align-items:center;justify-content:space-between}.selection-title>.quiet{padding:0 6px;font-size:20px}.selection-panel h3{font:23px var(--display);margin:10px 0}.selection-panel>p{font-size:11px;line-height:1.8;color:#c1cbb0;margin:8px 0 13px}.selection-panel>small{display:block;font-size:9px;color:#adbc9f;line-height:1.7;margin-top:9px}.selection-empty,.waiting-note{font-size:11px;line-height:1.8;color:#a9b69d;margin:17px 0 0}.target-label{font-size:8px!important;letter-spacing:1px}.target-list{display:grid;gap:6px;margin-bottom:11px}.target-list button{display:flex;justify-content:space-between;background:#192c21;border:1px solid #6c7a59;color:#d9dec0;padding:10px;border-radius:5px;font-size:11px;cursor:pointer}.target-list button[aria-pressed=true]{background:#dac38c;color:#203025}.target-list span{font-size:9px}.destination-note{font-size:10px!important;line-height:1.7}.board-space.attackable .space-border{stroke:#ffc384;stroke-width:5}.board-space.attackable .space-focus{opacity:.9;stroke:#e9a065;stroke-width:3;stroke-dasharray:6 4}.board-space.attack-selected .space-focus,.board-space.destination-selected .space-focus{opacity:1;stroke:#fff6bc;stroke-width:5}
.live-hand{padding-top:15px}.live-hand .hand-heading{width:170px}.live-hand .hand-heading>.quiet{font-size:10px;margin-top:14px}.live-hand .hand-heading h2{font-size:26px}.live-hand .hand-cards{gap:13px;justify-content:flex-start;align-items:flex-start;padding:9px 5px 15px}.hand-card-wrap{width:182px;flex:0 0 182px}.hand-card-wrap .card-button{width:100%;transition:transform .15s;display:block}.hand-card-wrap .card-button.chosen{outline:2px solid #f4d69d;outline-offset:3px;transform:translateY(-5px)}.hand-card-wrap .card-button:disabled{opacity:.65;cursor:default}.hand-card-wrap .card-button:disabled:hover{transform:none}.live-card{height:236px!important}.live-card .card-illustration{height:83px;flex:0 0 83px}.live-card .card-copy{padding:12px;flex:1;display:flex;flex-direction:column}.live-card .card-copy h3{font-size:17px;margin-bottom:6px;line-height:1.05}.live-card .card-copy p{font-size:10px;line-height:1.5;margin:0}.live-card .card-footer{position:static!important;margin-top:auto;padding-top:10px;font-size:7px}.live-card .card-figure{height:95px}.card-inspect{margin-top:7px;background:none;border:0;color:#bac5ab;font-size:9px;cursor:pointer;padding:7px 0;width:100%}.card-inspect:hover{color:#f0d39c}.concealed-hand{width:100%;min-height:150px;display:flex;gap:20px;align-items:center;justify-content:center;border:1px dashed #667550;border-radius:8px;color:#bcc8a8;background:repeating-linear-gradient(45deg,transparent,transparent 15px,#a8b07c06 15px,#a8b07c06 16px)}.concealed-hand>span{font-size:48px;color:#cdb784}.concealed-hand p,.empty-hand{font-size:12px;line-height:1.7}.match-log{border-top:1px solid #536346;padding:15px 0;color:#c1ccad;font-size:12px}.match-log summary{cursor:pointer}.match-log summary span{font-size:9px;color:#96aa8c;margin-left:15px}.match-log ol{max-height:240px;overflow:auto;padding-left:20px;font-size:11px;line-height:2}.live-game .app-footer{margin-top:0}.live-game dialog{max-width:calc(100vw - 24px)}
.handover-dialog{width:480px;text-align:center;padding:34px 38px 28px}.handover-dialog::backdrop,.result-dialog::backdrop{background:#07110cf0;backdrop-filter:blur(10px)}.privacy-emblem{border:1px solid #8c9368;border-radius:50%;height:69px;width:69px;margin:0 auto 28px;display:grid;place-items:center;color:#e2cc99;background:#34462e}.privacy-emblem .icon{height:30px;width:30px}.handover-dialog h2{font:39px var(--display);letter-spacing:-1px;margin:17px 0}.handover-dialog>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#c0c9b0;margin:15px 0 26px}.handover-dialog .primary{width:100%;justify-content:space-between;min-height:49px}.handover-dialog>small{display:block;margin-top:22px;font-size:10px;line-height:1.7;color:#99ad92}.result-dialog{width:700px;text-align:center;padding:27px 35px;max-height:90dvh;overflow:auto}.result-dialog h2{font:39px var(--display);margin:13px 0 22px}.reveal-cards{display:grid;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);gap:18px;align-items:center}.reveal-cards>div{max-width:240px;margin:auto;width:100%}.reveal-cards .live-card{height:270px!important;text-align:left}.reveal-cards .card-copy p{font-size:12px}.reveal-cards .card-illustration{height:100px;flex-basis:100px}.reveal-cards>div>span{display:block;font-size:10px;color:#c5c9ac;margin-top:12px;min-height:16px}.reveal-cards>b{font:24px var(--display);font-style:italic;color:#ddc18b}.no-defense-card{height:270px;border:1px dashed #7b8864;border-radius:7px;background:#24392b;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:47px;color:#cdb787;padding:20px}.no-defense-card strong{font:26px var(--display);margin:15px 0}.no-defense-card p{font:12px/1.8 var(--ui);color:#aebda3}.damage-equation{display:flex;align-items:center;justify-content:center;gap:18px;border-block:1px solid #7a84613d;padding:15px;margin:23px 0 15px}.damage-equation>span{font-size:11px;letter-spacing:.5px}.damage-equation>b{font-size:23px;color:#aab89b}.damage-equation>strong{font:35px var(--display);color:#eed69e}.damage-equation small{display:block;font:8px var(--ui);letter-spacing:1px}.reveal-notes{font-size:11px;color:#bbc8ab;line-height:1.6;margin-bottom:20px}.reveal-notes p{margin:6px}.result-dialog>.primary{min-width:220px;justify-content:space-between}.victory-seal{font-size:70px;color:#dcca8e;margin:5px auto 17px}.victory-fighters{display:flex;justify-content:center;height:160px;gap:20px;margin:20px 0}.victory-fighters svg{height:100%;width:140px}.victory-actions{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap}.public-pile{margin:25px 0}.public-pile h3{font:24px var(--display);font-weight:400}.public-pile ol{font-size:12px;line-height:2;color:#c0cbb1}.public-pile p{font-size:12px;color:#adbf9f}.catalogue{padding:15px 0;border-top:1px solid #ffffff25;font-size:13px}.catalogue summary{cursor:pointer}.catalogue p{font-size:12px;line-height:1.8;color:#bbc7aa}.read-card{width:290px;max-width:100%;margin:23px auto}.read-card .live-card{height:400px!important}.read-card .card-illustration{height:185px;flex-basis:185px}.read-card .card-figure{height:190px}.read-card .card-copy{padding:20px}.read-card .card-copy h3{font-size:27px}.read-card .card-copy p{font-size:14px;line-height:1.6}
@media(min-width:1600px){.live-game .board-surface{max-width:calc(clamp(420px,100dvh - 445px,670px)*1.578947*var(--zoom,1))}}
@media(max-width:1100px){.setup-screen{padding:28px 22px;gap:25px}.setup-heading h1{font-size:48px}.seat-setup{padding-inline:12px}.live-game .game-grid{grid-template-columns:minmax(0,1fr) 260px;gap:14px}.live-game .board-surface{min-width:600px}.live-game .board-viewport{max-height:none}.live-game .player-identity strong{font-size:14px}.live-game .player-panel{padding:8px}.pile-counts{font-size:7px}}
@media(max-width:800px){.setup-screen{grid-template-columns:1fr;padding:24px 17px}.setup-heading h1{font-size:48px}.setup-heading{max-width:580px}.setup-preview{display:none}.seat-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-topline{align-items:end}.setup-topline h2{font-size:29px}.setup-bottom,.setup-secondary{flex-wrap:wrap}.setup-secondary>span{margin-left:0;width:100%}.setup-topline .setup-label{width:220px}.live-game .game-grid{grid-template-columns:minmax(0,1fr)}.live-inspector{margin-top:0;order:-1}.turn-panel{padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.acting-fighter{grid-column:1}.live-game .unit-switcher{grid-column:1;align-content:start}.resource-bar,.ability-details{grid-column:1}.action-stack{grid-column:2;grid-row:1/5;margin-top:0;align-content:start}.selection-panel,.selection-empty,.waiting-note{grid-column:1/-1}.selection-panel .primary{max-width:100%}.target-list{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-panel>p{max-width:650px}.live-turnbar{gap:10px;flex-wrap:wrap}.live-turnbar>strong{font-size:18px}.turn-status{font-size:7px}.live-game .board-surface{min-width:650px;max-width:none}.live-game .board-viewport{padding:5px}.live-game .player-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.live-game .page-heading{display:flex;gap:12px}.live-game .page-heading h1{font-size:23px}.match-controls{gap:10px;flex-direction:column;align-items:flex-end}.match-controls .quiet{font-size:9px}.live-hand{display:block}.live-hand .hand-heading{width:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.live-hand .hand-heading>div{margin-right:auto}.live-hand .hand-heading>.quiet{margin-top:0}.hand-card-wrap{flex-basis:176px}.live-card{height:236px!important}.live-game .board-toolbar{gap:10px}.board-instruction{font-size:10px;max-width:45%}}
@media(max-width:440px){.setup-heading h1{font-size:42px}.seat-setup-grid{gap:10px}.seat-setup-art{gap:4px;height:85px}.seat-setup-art span{font-size:8px}.seat-setup-art svg{width:48px;height:75px}.seat-setup>p{font-size:8px}.setup-topline{display:block}.setup-topline .setup-label{width:100%;margin-top:18px}.setup-pills{gap:6px}.setup-pills span{font-size:7px;padding:8px}.start-game{width:100%;min-height:48px}.setup-secondary{gap:14px}.live-turnbar .turn-status{width:100%}.live-turnbar>strong{font-size:17px}.action-indicator{font-size:7px}.live-game .player-portrait{width:29px}.live-game .player-panel{gap:6px}.live-game .seat-number{display:none}.player-health b{font-size:17px!important}.live-game .player-identity small{font-size:8px}.pile-counts{font-size:6px}.turn-panel{gap:0 10px;padding:11px}.acting-fighter h2{font-size:21px}.acting-fighter>span{width:35px}.acting-fighter small{font-size:7px}.action-stack .primary{font-size:10px;gap:4px}.action-stack .primary small{font-size:6px}.action-stack .primary .icon{width:15px}.handover-dialog{padding:27px 20px 22px;max-width:calc(100vw - 28px)}.handover-dialog h2{font-size:31px}.handover-dialog .primary{font-size:12px;padding-inline:13px}.result-dialog{padding:23px 13px}.result-dialog h2{font-size:30px}.reveal-cards{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px}.reveal-cards .card-copy{padding:9px}.reveal-cards .card-copy h3{font-size:17px}.reveal-cards .card-copy p{font-size:10px}.reveal-cards .card-owner{font-size:5px}.reveal-cards .card-type{font-size:7px}.no-defense-card{padding:10px}.no-defense-card strong{font-size:21px}.damage-equation{gap:10px;padding:13px 0}.damage-equation>span{font-size:9px}.live-hand .hand-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hand-card-wrap .card-button{transition:none;transform:none!important}.setup-preview{transform:none}}