:root{color:#f4ead7;font-synthesis:none;text-rendering:optimizelegibility;background:#101612;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 8%,#916c393d,#0000 32rem),linear-gradient(145deg,#17241a,#0d120f 70%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#fff8e9;cursor:pointer;background:#604426;border:1px solid #a88e5d;border-radius:.25rem;min-height:44px;padding:.7rem 1rem}button:hover:not(:disabled){background:#765631}button:focus-visible,.observer-lobby-link:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline-offset:3px;outline:3px solid #f1ca76}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.observer-lobby-link{color:#f1ca76;padding:.7rem 0;display:inline-block}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif;font-weight:500}h1{letter-spacing:-.055em;margin-bottom:0;font-size:clamp(2.7rem,8vw,5.5rem);line-height:.9}h2{margin-bottom:0;font-size:clamp(1.35rem,3vw,2rem)}.eyebrow{color:#d5bc8c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;font-size:.72rem;font-weight:800}.lobby-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.lobby-card{background:#182219f0;border:1px solid #806d4f;border-radius:.25rem;width:min(48rem,100%);padding:clamp(2rem,6vw,5rem);box-shadow:0 1.5rem 5rem #00000059}.summary{color:#ddd4c2;max-width:40rem;margin:1.75rem 0 2.5rem;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;line-height:1.65}.seat-actions,.destination-row{gap:.75rem;display:flex}.join-panel{background:#202d22;border-left:4px solid #c7a667;padding:1.25rem}.join-panel p{color:#d8d1c4;margin:.75rem 0 1rem}.lobby-status{color:#f1ca76;min-height:1.5rem;margin:1.25rem 0 0}.game-shell{width:min(100%,112rem);margin:0 auto;padding:1rem}.game-header,.invitation-panel,.tabletop-controls,.board-workspace,.replay-controls,.action-log{background:#151e16f5;border:1px solid #716448}.game-header{z-index:10;flex-wrap:wrap;align-items:center;gap:1rem;padding:.65rem 1rem;display:flex;position:relative}.game-header h1{font-size:1.7rem}.game-header .eyebrow{display:none}.game-tools{flex-wrap:wrap;gap:.4rem;display:flex}.menu-chevron{vertical-align:.2rem;border-bottom:1px solid;border-right:1px solid;width:.35rem;height:.35rem;margin-left:.35rem;display:inline-block;transform:rotate(45deg)}.game-menu-panel{background:#151e16;border:1px solid #a78a55;width:min(38rem,100%);max-height:min(70dvh,40rem);padding:1rem;position:absolute;top:calc(100% + .4rem);right:0;overflow:auto;box-shadow:0 .75rem 2rem #0009}.game-menu-panel[hidden],.replay-controls[hidden]{display:none}.game-menu-panel .invitation-panel,.game-menu-panel .tabletop-controls{border:0;margin:0;padding:0;display:block}.game-menu-panel h2{font-size:1.4rem}.game-menu-panel input{min-width:0;max-width:100%}.game-menu-panel .game-lifecycle{flex-wrap:wrap;gap:.5rem;padding:.75rem 0}.game-menu-panel button{margin-block:.2rem}.game-facts{flex:1;justify-content:flex-end;gap:.9rem;margin:0;display:flex}.game-facts div{min-width:0}.game-facts dt,.inspector-label,.counter-inspector label{color:#bfb08e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.7rem;font-weight:800}.game-facts dd{text-transform:capitalize;margin:0;font-weight:700}.connection-connected{color:#a9db9f}.connection-connecting{color:#f1ca76}.connection-disconnected,.move-error{color:#ff9f8d}.push-actions{flex-wrap:wrap;gap:.5rem;display:flex}.invitation-panel{grid-template-columns:minmax(13rem,.7fr) minmax(16rem,1.5fr) auto;align-items:center;gap:1rem;margin-top:.75rem;padding:1rem 1.25rem;display:grid}.game-lifecycle{flex-wrap:wrap;align-items:center;gap:.65rem;padding:0 1.25rem;display:flex}.game-lifecycle button:last-child{margin-left:auto}.invitation-panel input,.counter-inspector input{color:#f8f1e4;background:#0f1711;border:1px solid #81765f;border-radius:.2rem;min-height:44px;padding:.65rem .8rem}.copy-status{color:#d8c79f;grid-column:2/-1;min-height:1.25rem;margin:-.5rem 0 0}.board-workspace{margin-top:.75rem;padding:1rem}.tabletop-controls{margin-top:.75rem;padding:1rem 1.25rem}.turn-summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.turn-summary p:last-child,.combat-card p,.counter-roster{color:#d8d1c4}details{background:#111a13;border:1px solid #574f3d;margin-top:1rem;padding:.8rem}summary{cursor:pointer;font-weight:700}.reinforcements-ready{background:#263321;border-color:#c7a667;box-shadow:inset 4px 0 #c7a667}.reinforcements-ready summary{color:#f1ca76;font-size:1.05rem}.reinforcement-guidance{color:#e2dac8;max-width:62rem}.reinforcement-list{gap:.5rem;padding:0;list-style:none;display:grid}.reinforcement-list li{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.combat-opportunities{background:#2e211d;border:1px solid #a66f55;gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.combat-opportunities h3{color:#f0c29d;margin:0}.combat-opportunity{background:#171d18;border-left:4px solid #bd5e43;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem 1rem;padding:.85rem;display:grid}.combat-opportunity>div{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.combat-edge-symbol{color:#ed8a68;font-size:1.35rem;font-weight:900}.combat-tally{color:#f1ca76;grid-column:1/2;margin:0;font-weight:800}.combat-separation{color:#f0c29d;margin:0;font-weight:700}.modifier-guidance{color:#d8d1c4;margin:0;font-size:.82rem}.declare-combat,.combat-form,.choice-form{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem;margin-top:1rem;display:grid}.declare-combat label,.combat-form label,.choice-form label{color:#bfb08e;gap:.3rem;font-size:.8rem;font-weight:700;display:grid}.declare-combat input,.combat-form input,.combat-form select,.choice-form input{color:#f8f1e4;background:#0f1711;border:1px solid #81765f;min-height:42px;padding:.55rem}.combat-form .check-field{align-items:center;gap:.5rem;display:flex}.mandatory-retreat{grid-template-columns:minmax(0,1fr);justify-items:start;gap:.75rem;padding:1rem 0}.mandatory-retreat p{max-width:70ch;margin:0}.mandatory-retreat>div{flex-wrap:wrap;gap:.5rem;display:flex}.mandatory-retreat select{color:#f8f1e4;background:#0f1711;border:1px solid #81765f;min-height:44px;padding:.55rem}.mandatory-retreat output{overflow-wrap:anywhere;color:#f1ca76;max-width:100%}.movement-group-controls,.mandatory-advance{border:1px solid #81765f;margin-top:1rem;padding:1rem}.movement-group-controls fieldset,.mandatory-advance fieldset,.reinforcement-entry-controls fieldset{border:0;gap:.5rem;margin:0;padding:0;display:grid}.movement-group-controls label,.mandatory-advance label,.reinforcement-entry-controls label{align-items:center;gap:.75rem;min-height:44px;display:flex}.movement-group-controls button,.mandatory-advance button{margin-right:.5rem}.check-field input{min-height:auto}.wide-field{grid-column:1/-1}.calculated-combat-result,.confirmed-combat-result{background:#0a191194;border:1px solid #9e7b3e;padding:.85rem 1rem}.calculated-combat-result p,.confirmed-combat-result p{margin-bottom:0}.confirmed-combat-result{background:#1a382394;border-color:#648861;margin-top:.9rem}.combat-card{background:#202d22;border-left:4px solid #c7a667;margin-top:1rem;padding:1rem}.combat-card h3{margin-top:0}.dice-result{font-size:1.15rem;font-weight:800;color:#f1ca76!important}.counter-roster div{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:.35rem;margin-top:.75rem;font-size:.82rem;display:grid}.board-heading-row{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.zoom-controls{align-items:center;gap:.45rem;display:flex}.zoom-controls button{min-height:38px;padding:.45rem .65rem}.zoom-controls output{color:#d8c79f;text-align:right;min-width:3.5rem}.board-frame{background:#817b58;border:1px solid #6b5730;height:clamp(28rem,67vh,58rem);overflow:hidden;box-shadow:inset 0 0 0 3px #291e0e75,inset 0 0 34px #37281157,0 16px 42px #00000047}.board-svg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.board-svg:active{cursor:grabbing}.board-ground{fill:#8b835b}.hex{fill:#0000;stroke:#0000;stroke-width:1.1px;cursor:crosshair;transition:filter .1s}.hex:hover,.hex:focus-visible{fill:#f4e0813d;stroke:#f4e081;stroke-width:2px}.board-artwork-image{pointer-events:none;image-rendering:auto}.hex-label{fill:#342e1d;paint-order:stroke;pointer-events:none;stroke:#e7d280c7;stroke-width:2.3px;text-anchor:middle;font-family:Georgia,Times New Roman,serif;font-size:8.5px;font-weight:700}.counter{cursor:default}.counter[tabindex="0"]{cursor:grab}.counter.dragging{cursor:grabbing}.counter.dragging>rect{filter:drop-shadow(0 8px 6px #0000007a)}.counter>rect{stroke:#18130d;stroke-width:2.5px;filter:drop-shadow(0 4px 3px #00000061)}.counter-confederate>rect{fill:#999c98}.counter-union>rect{fill:#668cad}.counter-reduced-stripe{fill:#d52832;pointer-events:none}.counter-artwork{pointer-events:none}.counter text{fill:#17120d;pointer-events:none;text-anchor:middle;font-family:ui-sans-serif,system-ui,sans-serif;font-weight:800}.counter-name{letter-spacing:-.15px;font-size:7px}.counter-turn{font-size:6.5px}.counter-org{font-size:7px}.counter-factor{letter-spacing:-.5px;font-size:12px}.counter.retreat-required>rect{stroke:#ffb347;stroke-width:5px}.counter.advance-eligible>rect{stroke:#72e3b2;stroke-width:5px}.counter.selected>rect{stroke:#fff2a8;stroke-width:6px}.movement-route,.combat-links{pointer-events:none}.advance-target{fill:#5ce4ab47;pointer-events:none;stroke:#72e3b2;stroke-dasharray:12 7;stroke-width:6px;filter:drop-shadow(0 0 7px #41d599cc)}.advance-decline-target{cursor:pointer;pointer-events:auto}.advance-decline-target:focus rect,.advance-decline-target:hover rect{fill:#602720f5;stroke:#ffe0b2}.advance-decline-target rect{fill:#421b18eb;stroke:#f09b78;stroke-dasharray:9 6;stroke-width:4px}.advance-decline-target.active rect{fill:#7c3125f5;stroke:#ffe0b2;filter:drop-shadow(0 0 8px #ffb570d9)}.advance-decline-target text{fill:#ffe6c4;pointer-events:none;text-anchor:middle;font-size:14px;font-weight:900}.advance-decline-target .advance-decline-hint{font-size:9px;font-weight:700}.combat-links line{stroke:#b73327;stroke-width:10px;stroke-linecap:round;stroke-dasharray:14 8;filter:drop-shadow(0 2px 2px #0009)}.movement-route polyline{fill:none;stroke:#ffe08a;stroke-linecap:round;stroke-linejoin:round;stroke-width:7px;filter:drop-shadow(0 2px 2px #000000b3)}.movement-route-step{fill:#fff2aa;stroke:#4c3514;stroke-width:2px}.movement-route text{fill:#fff4bd;paint-order:stroke;stroke:#23180b;stroke-width:4px;text-anchor:middle;font-size:13px;font-weight:900}.counter-inspector{grid-template-columns:minmax(8rem,.5fr) minmax(13rem,1fr) minmax(15rem,1fr) minmax(16rem,1.5fr);align-items:center;gap:1.25rem;padding:1rem 0 0;display:grid}.counter-inspector p{margin-bottom:.2rem}.counter-inspector form label{display:block}.drag-guidance{color:#d8d1c4;gap:.2rem;font-size:.85rem;display:grid}.counter-details{gap:.15rem;margin-top:.2rem;font-size:.82rem;line-height:1.3;display:grid}.destination-row input{width:7rem}.move-status,.move-error{margin:0;line-height:1.45}.action-log{grid-template-columns:minmax(12rem,.4fr) 1fr;gap:2rem;margin-top:.75rem;padding:1rem 1.25rem;display:grid}.action-log p,.action-log ol{color:#d8d1c4;margin:0}.action-log ol{padding-left:1.5rem}footer{color:#aaa28f;padding:.85rem .25rem;font-size:.78rem}@media (width<=64rem){.game-header,.board-heading-row,.turn-summary{flex-wrap:wrap;align-items:flex-start}.game-facts{order:3;justify-content:flex-start;width:100%}.invitation-panel,.counter-inspector,.action-log{grid-template-columns:1fr}.copy-status{grid-column:1}.board-frame{height:60vh;min-height:30rem}}@media (width<=42rem){.lobby-shell,.game-shell{padding:.6rem}.lobby-card{padding:2rem 1.25rem}.seat-actions,.zoom-controls{flex-direction:column;align-items:stretch}.game-facts{gap:.75rem}.invitation-panel input{width:100%}}.replay-controls{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:.75rem;padding:1rem 1.25rem;display:grid}.replay-controls>button{justify-self:start}.replay-viewer{gap:1rem;margin-top:1rem;display:grid}.replay-viewer>p,.replay-viewer>h2{margin:0}.replay-viewer form,.replay-viewer label{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.replay-viewer input{color:#fff8e9;background:#192319;border:1px solid #a88e5d;border-radius:.25rem;width:7rem;min-height:44px;padding:.5rem}.replay-viewer .zoom-controls{flex-wrap:wrap}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}