:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c111b;--surface:#151d2b;--surface-strong:#1f2937;--line:#e2e8f02e;--text:#f8fafc;--muted:#a7b0be;--accent:#f97316;--good:#22c55e;--warn:#facc15;--danger:#ef4444;--map-ratio:1.617;--command-height:clamp(118px, 12dvh, 126px);--command-header-height:56px;--command-mechanics-height:calc(var(--command-height) - var(--command-header-height));--move-control-width:clamp(360px, 34vw, 440px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html.is-embedded,html.is-embedded body,html.is-embedded #app{min-height:0}html.is-embedded,html.is-embedded body{background:0 0}body{color:var(--text);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:radial-gradient(circle at 15% 15%,#f9731629,#0000 28%),linear-gradient(135deg,#0c111b,#101827 54%,#0a1320)}button,select,input{font:inherit}button{border:0}.hidden{display:none!important}.setup-screen{place-items:center;min-height:100dvh;padding:24px;display:grid}.setup-menu{border:1px solid var(--line);background:#151d2beb;border-radius:8px;width:min(680px,100%);padding:clamp(22px,4vw,34px);box-shadow:0 24px 90px #00000059}.setup-logo{width:min(100%,620px);height:auto;margin:0 auto 24px;display:block}.setup-kind-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.setup-kind-card{border:1px solid var(--line);min-height:68px;color:var(--text);text-align:left;cursor:pointer;background:#0f172a;border-radius:8px;align-content:center;gap:4px;padding:12px 14px;display:grid}.setup-kind-card span{font-weight:900}.setup-kind-card small{color:var(--muted);font-size:.78rem;font-weight:800}.setup-kind-card.selected{border-color:var(--accent);box-shadow:inset 0 -3px 0 var(--accent)}.setup-kind-card:disabled{cursor:default}.auth-panel{background:#0f172ab8;border:1px solid #22c55e57;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:14px;display:grid}.auth-status{color:var(--muted);margin:0;font-size:.84rem;font-weight:800}.lobby-panel{background:#0f172ab8;border:1px solid #f973166b;border-radius:8px;gap:14px;margin-top:14px;padding:14px;display:grid}.invite-link-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.invite-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.invite-link-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.compact-button{min-height:34px;padding:7px 10px;font-size:.78rem}.invite-actions .text-button{min-height:44px}.lobby-roster{gap:8px;display:grid}.lobby-roster-header{color:var(--muted);justify-content:space-between;gap:12px;font-weight:900;display:flex}.lobby-player-list{flex-wrap:wrap;gap:8px;display:flex}.lobby-player{border:1px solid var(--line);max-width:100%;color:var(--text);background:#263244e0;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.86rem;font-weight:900;display:inline-flex}.lobby-player span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobby-player small{color:#93c5fd;text-transform:uppercase;font-size:.7rem}.lobby-status{color:var(--muted);margin:0;font-size:.82rem;font-weight:800}.setup-menu h1{letter-spacing:0;margin:0;font-size:clamp(2rem,7vw,4.5rem);line-height:.95}.round-label{color:#bfdbfe;letter-spacing:.14em;text-transform:uppercase;background:#2563eb1c;border:1px solid #93c5fd52;border-radius:999px;align-items:center;min-height:34px;margin:0;padding:0 12px;font-size:.76rem;font-weight:800;display:inline-flex}.setup-grid{--setup-option-row-height:32px;gap:16px;margin:28px 0;display:grid}.field{color:var(--muted);gap:8px;font-weight:700;display:grid}.field select,.field input[type=number],.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=url],.field label{color:var(--text)}.field select,.field input[type=number],.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=url]{border:1px solid var(--line);background:#0f172a;border-radius:8px;width:100%;padding:12px}.field input[type=text]:read-only,.field input[type=url]:read-only{color:var(--muted)}.field input:disabled{cursor:not-allowed;color:var(--muted);opacity:.72;background:#0f172aad}.checkbox-field{color:var(--text);min-height:var(--setup-option-row-height);grid-template-columns:auto 1fr;align-items:center}.checkbox-inline{min-width:0;color:var(--text);align-items:center;gap:8px;display:flex}.checkbox-field input,.checkbox-inline input{width:18px;height:18px;accent-color:var(--accent);flex:none}.field.sub-option{color:var(--muted);padding-left:34px}.field.sub-option:has(:disabled){opacity:.55}.checkbox-field:has(input:disabled){opacity:.55}.mode-field{border:1px solid var(--line);border-radius:8px;margin:0;padding:14px}.mode-field legend{color:var(--muted);padding:0 6px}.mode-field label{align-items:center;gap:10px;padding:7px 0;display:flex}.victory-label{align-items:baseline;gap:.22em;display:inline-flex}.victory-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.game-screen{grid-template-rows:auto var(--command-height) minmax(0, 1fr);min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));gap:10px;display:grid}.game-screen.empty-command{grid-template-rows:auto auto minmax(0,1fr)}.action-buttons{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.action-buttons:empty{display:none}.action-buttons .text-button{white-space:normal;text-align:center;height:auto;min-height:38px;padding:8px 16px;font-size:.95rem;font-weight:700;line-height:1.2}.primary-button,.text-button,.icon-button{min-height:40px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;line-height:1;text-decoration:none;transition:transform .16s,background .16s,border-color .16s}.primary-button{background:var(--accent);width:100%;padding:0 16px;font-weight:900}.setup-start-button{margin-top:14px}.setup-start-button+.setup-grid{margin-top:16px}.text-button{border:1px solid var(--line);background:#263244;padding:0 14px;font-weight:800;display:inline-flex}.text-button:visited{color:var(--text)}.urgent-button{background:var(--danger);border-color:#f8fafc73}.icon-button{border:1px solid var(--line);background:#263244;width:42px;font-size:1.2rem}.primary-button:not(:disabled):hover,.text-button:not(:disabled):hover,.icon-button:not(:disabled):hover{border-color:#f8fafc61;transform:translateY(-1px)}.primary-button:disabled,.text-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.48}.player-strip{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:0;display:flex;overflow-x:visible}.player-chip-list{display:contents}.player-control{color:#bfdbfe;background:#2563eb21;border-color:#93c5fd52;flex:none}.player-strip .icon-button{width:38px;min-height:34px;font-size:1rem}.leave-game-button{flex:none}.recording-button{flex:none;min-height:34px;padding:0 10px;font-size:.78rem}.player-chip{--player-color:#64748b;white-space:nowrap;border:1px solid var(--line);min-width:0;color:var(--muted);background:#0f172ab8;border-radius:8px;align-items:center;gap:8px;padding:7px 9px;font-size:.88rem;display:inline-flex}.player-chip.current{color:var(--text);border-color:var(--player-color);box-shadow:inset 0 -2px 0 var(--player-color)}.player-chip.defeated{opacity:.45}.player-chip.disconnected{opacity:.72;border-style:dashed}.player-chip.abandoned{--player-color:#64748b;color:#94a3b8;opacity:.68;border-color:#94a3b859}.player-chip small{color:#cbd5e1;text-transform:uppercase;font-size:.68rem;font-weight:900}.color-dot{background:var(--player-color);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #ffffff24}.game-layout{grid-template-rows:minmax(0,1fr);gap:8px;min-height:0;display:grid}.map-area{border:1px solid var(--line);background:linear-gradient(#0f172aad,#0f172a57),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 36px);border-radius:8px;place-items:center;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.map-wrapper{width:min(100%, 1220px, calc((100dvh - 300px) * var(--map-ratio)));padding:clamp(6px,1vw,12px);position:relative}.map-area,.map-wrapper,.map-container,.map-container svg *,.map-container svg,.army-label,.small-states,.small-states *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.map-container svg{touch-action:manipulation;width:100%;height:auto;display:block}.is-embedded .setup-screen,.is-embedded .game-screen{min-height:0}.is-embedded .setup-screen{place-items:start center;padding:clamp(10px,2vw,20px)}.is-embedded .setup-menu{box-shadow:none}.is-embedded .game-screen{grid-template-rows:auto var(--command-height) auto}.is-embedded .game-screen.empty-command{grid-template-rows:auto auto auto}.is-embedded .game-layout{grid-template-rows:auto}.is-embedded .map-area{height:auto;padding:clamp(6px,1vw,12px)}.is-embedded .map-wrapper{width:min(100%,1220px);padding:0}.is-embedded.is-embedded-short-landscape .map-wrapper{width:min(100%, 1220px, calc((var(--embed-viewport-height,100dvh) - 88px) * var(--map-ratio)))}.is-embedded.is-embedded-short-landscape .small-states{grid-template-columns:repeat(9,minmax(32px,1fr));width:100%;margin-top:7px;position:static}.is-embedded.is-embedded-short-landscape .small-state-box{min-height:28px;padding:0 4px;font-size:.66rem}.map-container svg .territory-shape{cursor:pointer;stroke:#080d17f2;stroke-width:.95px;outline:none;transition:fill .16s,filter .16s,stroke-width .16s}.map-container svg .territory-shape:hover,.map-container svg .territory-shape.hovered,.map-container svg .territory-shape:focus-visible{filter:brightness(1.08)}.map-container svg .territory-shape.valid-claim,.map-container svg .territory-shape.valid-place,.map-container svg .territory-shape.valid-origin{filter:none}.map-container svg .territory-shape.valid-target{filter:brightness(1.02)}.map-container svg .territory-shape.merged-new-england-piece{stroke:var(--territory-fill);stroke-width:2.1px}.map-container svg .territory-shape.merged-new-england-piece:hover,.map-container svg .territory-shape.merged-new-england-piece.hovered,.map-container svg .territory-shape.merged-new-england-piece:focus-visible,.map-container svg .territory-shape.merged-new-england-piece.valid-claim,.map-container svg .territory-shape.merged-new-england-piece.valid-place,.map-container svg .territory-shape.merged-new-england-piece.valid-origin,.map-container svg .territory-shape.merged-new-england-piece.valid-target{filter:none}.map-container svg .territory-shape.selected{stroke:#f8fafcdb;stroke-width:1.25px}.map-container svg .territory-highlight-overlay{pointer-events:none}.map-container svg .territory-highlight-outline,.map-container svg .territory-highlight-outline *{pointer-events:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.map-container svg .territory-highlight-outline.highlight-claim,.map-container svg .territory-highlight-outline.highlight-claim *,.map-container svg .territory-highlight-outline.highlight-place,.map-container svg .territory-highlight-outline.highlight-place *,.map-container svg .territory-highlight-outline.highlight-origin,.map-container svg .territory-highlight-outline.highlight-origin *{stroke:#facc15f2;stroke-width:4.2px;filter:drop-shadow(0 0 1.3px #facc1594);fill:#facc1566!important}.map-container svg .territory-highlight-outline.highlight-target,.map-container svg .territory-highlight-outline.highlight-target *{stroke:#ef4444f2;stroke-width:4.4px;filter:drop-shadow(0 0 1.4px #ef44449e);fill:#ef44446b!important}.map-container svg .territory-highlight-outline.highlight-selected,.map-container svg .territory-highlight-outline.highlight-selected *{stroke:#f8fafcf5;stroke-width:4.6px;filter:drop-shadow(0 0 1.4px #f8fafc8a);fill:#f8fafc75!important}.map-container svg .territory-highlight-cover,.map-container svg .territory-highlight-cover *{stroke:#080d17f2;stroke-width:.95px;pointer-events:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;fill:var(--territory-cover-fill)!important}.map-container svg .territory-highlight-cover.merged-new-england-highlight-cover,.map-container svg .territory-highlight-cover.merged-new-england-highlight-cover *{stroke:var(--territory-cover-fill)!important;stroke-width:2.35px!important}.map-container svg .new-england-composite{color:var(--territory-fill);filter:drop-shadow(0 0 .65px #080d17b8);pointer-events:none;transition:color .16s,filter .16s,opacity .16s}.map-container svg .new-england-composite-piece,.map-container svg .new-england-composite-piece *{fill:var(--territory-fill)!important;stroke:var(--territory-fill)!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-width:2.35px!important}.map-container svg .new-england-external-border,.map-container svg .territory-highlight-new-england-border{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px;vector-effect:non-scaling-stroke;fill:none!important;stroke:#080d17f2!important}.map-container svg .new-england-composite.hovered{filter:brightness(1.08)drop-shadow(0 0 .7px #080d17b8)}.map-container svg .new-england-composite.valid-claim,.map-container svg .new-england-composite.valid-place,.map-container svg .new-england-composite.valid-origin{filter:brightness(1.025)drop-shadow(0 0 .7px #080d17b8)drop-shadow(0 0 1.2px #facc1547)}.map-container svg .new-england-composite.valid-target{filter:brightness(1.035)drop-shadow(0 0 .7px #080d17b8)drop-shadow(0 0 1.4px #ef444457)}.map-container svg .new-england-composite.selected{filter:brightness(1.06)drop-shadow(0 0 .7px #080d17b8)drop-shadow(0 0 1.6px #f8fafc6b)}.army-label{pointer-events:none}.army-label circle{fill:#f8fafcf0;stroke:#0f172ad1;stroke-width:1.2px}.army-label text{fill:#111827;text-anchor:middle;dominant-baseline:central;font-size:12px;font-weight:900}.small-states{grid-template-columns:repeat(3,minmax(42px,1fr));gap:5px;width:min(160px,25%);display:grid;position:absolute;bottom:14px;right:14px}.small-state-box{--owner-color:#64748b;background:var(--owner-color);color:#07111f;cursor:pointer;border:1px solid #0f172aa3;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:4px;min-height:30px;padding:0 6px;font-size:.72rem;font-weight:900;display:grid}.small-state-box.hovered,.small-state-box:hover,.small-state-box:focus-visible{filter:brightness(1.18)}.small-state-box.selected{outline:2px solid #f8fafc}.small-state-box.valid-place,.small-state-box.valid-origin{box-shadow:0 0 0 2px var(--warn)}.small-state-box.valid-target{box-shadow:0 0 0 2px var(--danger)}.small-count{text-align:center;background:#f8fafcdb;border-radius:999px;min-width:18px;padding:1px 4px}.action-panel{border:1px solid var(--line);grid-template-rows:var(--command-header-height) var(--command-mechanics-height);background:#151d2beb;border-radius:8px;min-height:0;display:grid;overflow:hidden}.command-bar{height:var(--command-height)}.command-bar.empty-mechanics{grid-template-rows:minmax(0,1fr) 0;min-height:0}.command-bar.stable-mechanics{height:var(--command-height)}.command-bar.stable-mechanics.empty-mechanics{grid-template-rows:var(--command-header-height) var(--command-mechanics-height)}.command-bar.no-attacks{border-color:#ef4444d1;box-shadow:inset 0 0 0 1px #ef44446b}.command-bar.no-attacks .instructions{color:#fecaca}.panel-header{min-height:0;height:var(--command-header-height);border-bottom:1px solid #e2e8f01a;grid-template-columns:auto minmax(0,1fr) auto auto;align-content:start;align-items:start;gap:12px;padding:8px 16px;display:grid;overflow:hidden}.command-bar.stable-mechanics .panel-header{min-height:0}.command-bar.stable-mechanics.empty-mechanics .panel-header{height:var(--command-header-height);border-bottom:1px solid #e2e8f01a}.command-bar.empty-mechanics .panel-header{border-bottom:0;align-content:start;align-items:start;height:auto}.panel-toggle{display:none}.panel-body{min-height:0;height:var(--command-mechanics-height);grid-template-columns:minmax(0,1fr);align-content:center;align-items:center;gap:16px;padding:8px 16px;display:grid;overflow:hidden}.command-bar.stable-mechanics.empty-mechanics .panel-body{min-height:0}.command-bar.has-dice.has-move .panel-body{grid-template-columns:auto minmax(0,1fr)}.command-bar.has-dice:not(.has-move) .panel-body{grid-template-columns:auto}.command-bar.empty-mechanics .panel-body{height:0;padding:0;overflow:hidden}.command-bar.stable-mechanics.empty-mechanics .panel-body{height:var(--command-mechanics-height);visibility:hidden;padding:8px 16px}.instructions{color:#cbd5e1;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:.95rem;line-height:1.3;display:-webkit-box;overflow:hidden}.command-bar.empty-mechanics .instructions{-webkit-line-clamp:4}.command-bar.stable-mechanics.empty-mechanics .instructions{-webkit-line-clamp:2}.label-short{display:none}.instructions strong,.pending-capture .instructions{color:var(--text)}.turn-timer{color:#bfdbfe;white-space:nowrap;background:#0f172ae0;border:1px solid #93c5fd6b;border-radius:999px;margin:0;padding:6px 10px;font-size:.82rem;font-weight:900}.turn-timer.urgent{color:#fecaca;border-color:#f87171b3}.phase-pill{color:#bfdbfe;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:#2563eb21;border:1px solid #93c5fd52;border-radius:999px;align-items:center;height:26px;padding:0 12px;font-size:.72rem;font-weight:900;display:inline-flex}.phase-pill.attack{color:#fecaca;background:#dc262629;border-color:#f8717157}.phase-pill.fortify{color:#bbf7d0;background:#16a34a29;border-color:#22c55e52}.phase-pill.reinforce{color:#fef08a;background:#ca8a042e;border-color:#facc1552}.phase-pill.game-over{color:#e2e8f0;background:#4755692e;border-color:#cbd5e157}.selection-info,.dice-box,.move-dialog{background:0 0;border:0;border-radius:0;gap:6px;padding:0;display:grid}.selection-info{display:none}.selection-row{align-items:center;gap:8px;min-width:0;display:flex}.selection-info span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.selection-row span{min-width:0}.inline-clear{border:1px solid var(--line);width:26px;min-height:26px;color:var(--muted);cursor:pointer;background:#263244;border-radius:999px;flex:none;place-items:center;font-size:.85rem;font-weight:900;line-height:1;display:inline-grid}.inline-clear:hover{color:var(--text);border-color:#f8fafc61}.dice-box,.move-box{min-width:0;min-height:0;overflow:visible}.move-box{width:min(100%, var(--move-control-width));justify-self:end}.dice-box:empty,.move-box:empty{display:none}.move-dialog{grid-template-columns:minmax(140px,1fr) auto;align-content:center;align-items:center;gap:10px;width:100%;height:100%;min-height:0;line-height:1.2;overflow:hidden}.capture-move{width:100%}.muted,.losses{color:var(--muted)}.losses{white-space:nowrap;color:#fde68a;margin:0;font-weight:800}.dice-row{color:var(--muted);align-items:center;gap:7px;display:flex}.dice-summary{flex-wrap:nowrap;align-items:center;gap:14px;min-width:0;line-height:1;display:flex}.dice-placeholder{opacity:.42}.dice-group{color:#cbd5e1;white-space:nowrap;align-items:center;gap:6px;font-weight:800;display:inline-flex}.die{color:#0f172a;background:#f8fafc;border-radius:6px;place-items:center;width:28px;height:28px;font-weight:900;display:inline-grid;box-shadow:0 6px 14px #0000002e}.empty-die{background:#f8fafc29;box-shadow:inset 0 0 0 1px #f8fafc2e}.rolling{color:var(--warn);font-weight:900}.range-line{grid-template-columns:minmax(120px,1fr) 32px;align-items:center;gap:10px;min-width:0;min-height:42px;display:grid}.capture-range{grid-template-columns:auto minmax(120px,1fr) 32px}.range-min{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.range-line input[type=range]{accent-color:#2f79ca;width:100%}.range-line output{color:var(--text);text-align:right;font-weight:900}.move-dialog .primary-button{text-align:center;white-space:normal;place-self:center end;width:auto;height:auto;min-height:42px;padding:8px 18px;font-family:inherit;font-size:.95rem;font-weight:700;line-height:1.2}.history-drawer{border:1px solid var(--line);background:#0c111be6;border-radius:8px;position:static;overflow:hidden}.history-drawer summary{min-height:34px;color:var(--muted);cursor:pointer;align-items:center;padding:0 12px;font-size:.84rem;font-weight:700;list-style:none;display:flex}.history-drawer summary::-webkit-details-marker{display:none}.history-drawer summary:before{content:"History";color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;flex:none;margin-right:10px;font-size:.72rem;font-weight:900}.history-drawer[open]{max-height:34dvh}.history-drawer[open] .battle-log{max-height:calc(34dvh - 38px);overflow:auto}.battle-log{min-height:0;color:var(--muted);margin:0;padding:8px 14px 12px 30px;font-size:.84rem;line-height:1.35}.battle-log li+li{margin-top:6px}@media (width<=430px){.setup-kind-cards,.auth-panel,.invite-link-row{grid-template-columns:1fr}}@media (width<=920px){:root{--command-height:132px;--command-header-height:64px}.game-screen.command-has-actions{--command-height:176px;--command-header-height:112px;--command-mechanics-height:64px}.action-panel{grid-template-rows:var(--command-header-height) var(--command-mechanics-height)}.panel-header{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-content:start;align-items:start;row-gap:8px;min-height:0;padding:10px 12px}.phase-pill{grid-area:1/1;align-self:start}.instructions{-webkit-line-clamp:2;grid-area:1/2;align-self:start;min-width:0}.turn-timer{grid-area:1/3;place-self:start end}.action-buttons{grid-area:2/1/auto/-1;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;width:100%;margin-left:0;display:grid}.action-buttons:empty{display:none}.action-buttons .text-button{width:100%;min-height:40px;padding:8px 12px;line-height:1.15}.label-full{display:none}.label-short{display:inline}.panel-body{grid-template-columns:1fr;gap:8px;padding:8px 12px}.command-bar.has-dice.has-move .panel-body{grid-template-columns:auto minmax(0,1fr)}.dice-summary{justify-content:flex-start;gap:10px;font-size:.92rem;overflow:hidden}.die{width:26px;height:26px}}@media (width<=760px),(height<=620px){.small-states{grid-template-columns:repeat(9,minmax(32px,1fr));width:100%;margin-top:7px;position:static}.small-state-box{min-height:28px;padding:0 4px;font-size:.66rem}}@media (width<=720px) and (orientation:portrait){:root{--command-height:132px;--command-header-height:64px}.game-screen.command-has-actions{--command-height:172px;--command-header-height:112px;--command-mechanics-height:60px}.game-screen{gap:8px}.text-button{padding-inline:10px}.panel-header{min-height:0}.panel-body{grid-template-columns:1fr;overflow:hidden}.small-states{grid-template-columns:repeat(3,minmax(54px,1fr))}}@media (width<=520px){:root{--move-control-width:100%}.game-screen.command-has-actions{--command-height:176px;--command-header-height:116px;--command-mechanics-height:60px}.panel-header{padding-inline:10px}.move-dialog{grid-template-columns:minmax(150px,1fr) auto;gap:8px}.capture-range{grid-template-columns:auto minmax(72px,1fr) 28px;gap:8px}.move-dialog .primary-button{justify-self:end;min-height:40px;padding-inline:12px}}@media (height<=520px) and (orientation:landscape){:root{--command-height:112px;--command-header-height:50px}.game-screen.command-has-actions{--command-height:150px;--command-header-height:94px;--command-mechanics-height:56px}.game-screen{grid-template-rows:auto var(--command-height) auto;gap:6px}.map-area{height:auto;min-height:0}.map-wrapper{width:min(100%, 1220px, calc((100dvh - 52px) * var(--map-ratio)))}.panel-header{min-height:38px;padding-block:5px}.panel-body{gap:6px;padding:6px 8px}.history-drawer{display:none}}.game-screen:fullscreen{overscroll-behavior:contain;flex-direction:column;align-items:stretch;width:100%;height:100dvh;min-height:100dvh;display:flex;overflow:auto}.game-screen:fullscreen .player-strip{flex:none}.game-screen:fullscreen .action-panel{flex:0 0 var(--command-height)}.game-screen:fullscreen .game-layout{flex:none;grid-template-rows:auto}.game-screen:fullscreen .map-area{height:auto;overflow:visible}.game-screen:fullscreen .map-wrapper{width:min(100%,1220px)}@media (height<=520px) and (orientation:landscape){.game-screen:fullscreen .map-wrapper{width:min(100%, 1220px, calc((100dvh - 52px) * var(--map-ratio)))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}