:root{--font-body: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;--color-paper: #edf1f0;--color-panel: #fafcfb;--color-ocean: #dce5e7;--color-ink: #17292e;--color-muted: #53676b;--color-rule: #adbfc2;--color-accent: #254da9;--color-accent-ink: #ffffff;--color-focus: #edac28;--color-unknown: #8e9d9f;--color-army: #ffffff;--color-army-outline: #15232c;--color-error: #a02437;--color-error-bg: #fff0ee;--color-own-stroke: #ffffff;--color-target: #f9db62;--color-battle: #f25e48;--color-success: #227657;--color-overlay: #15232c26;--dur-micro: .1s}:root[data-theme=dark]{--color-paper: #18242c;--color-panel: #22333c;--color-ocean: #111f29;--color-ink: #e9f0ee;--color-muted: #abbdbf;--color-rule: #526a76;--color-accent: #668df0;--color-accent-ink: #102134;--color-focus: #ffe185;--color-unknown: #445862;--color-error: #ffb5b8;--color-error-bg: #482831;--color-success: #6ed6a4;--color-overlay: #00000050}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:16px}body{min-width:320px}button,input{font:inherit}button{min-height:44px;border:1px solid var(--color-rule);border-radius:2px;padding:9px 12px;background:var(--color-panel);color:var(--color-ink);cursor:pointer;touch-action:manipulation}button:hover{border-color:var(--color-ink)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;background:var(--color-paper);color:var(--color-muted);border-color:var(--color-rule)}button[aria-busy=true]{cursor:progress}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}button.primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);font-weight:700}h1,h2,p{margin:0}h1,h2{overflow-wrap:break-word;min-width:0;text-wrap:balance}h1{font-size:24px;line-height:1.2}h2{font-size:18px;line-height:1.3}small,.muted{color:var(--color-muted);font-size:12px;line-height:1.5}.center-screen{max-width:560px;min-height:100dvh;margin:0 auto;padding:64px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.center-screen p{line-height:1.6}.loading-map{width:100%;min-height:220px;border:2px dashed var(--color-rule);background:var(--color-ocean)}.game-shell{position:relative;max-width:1600px;margin:0 auto;height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--color-ocean);overflow:clip}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:var(--color-panel);border-bottom:2px solid var(--color-ink);padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;z-index:2}.wordmark{font-size:12px;color:var(--color-muted);display:block;margin-bottom:5px}.turn-label{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;padding-top:2px}.turn-label time{text-transform:capitalize}.demo-label{font-size:11px;color:var(--color-muted);border:1px solid var(--color-rule);padding:3px 6px;display:inline-block}.announcements{background:var(--color-panel);z-index:2;max-height:76px;overflow-y:auto;flex-shrink:0}.announcements:empty{display:none}.announcements p{padding:6px 16px;font-size:11px;border-bottom:1px solid var(--color-rule);line-height:1.5}.map-stage{flex:1;position:relative;min-height:0}.game-map{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.region{stroke:var(--color-ocean);stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:pointer}.region.own{stroke:var(--color-own-stroke);stroke-width:2.3}.region.selected{stroke:var(--color-focus);stroke-width:4}.region.target{stroke:var(--color-target);stroke-width:4}.region.muted-region{opacity:.35}.region:focus-visible{outline:none;stroke:var(--color-focus);stroke-width:5}.army-label{font-size:21px;font-weight:700;fill:var(--color-army);stroke:var(--color-army-outline);stroke-width:4px;paint-order:stroke;pointer-events:none}.map-controls{position:absolute;right:12px;top:12px;display:grid;gap:5px}.map-controls button{min-width:44px;padding:5px;font-size:18px;box-shadow:0 2px 4px var(--color-overlay)}.map-controls button:last-child{font-size:11px}.map-caption{position:absolute;left:12px;bottom:12px;font-size:11px;pointer-events:none;color:var(--color-muted)}.map-caption span{display:block;font-size:10px;margin-top:4px}.bottom-bar{flex-shrink:0;z-index:5;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--color-ink);background:var(--color-panel)}.bottom-stats{display:flex;align-items:center;justify-content:space-between;gap:10px}.bottom-stats button{font-weight:700}.money{text-align:right;font-size:22px;font-variant-numeric:tabular-nums;font-weight:700}.money small{display:block;font-size:10px;font-weight:400}.save-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;color:var(--color-muted);margin:7px 0}.save-line span:last-child{text-align:right;max-width:65%}.ready-button{width:100%}.ready-button.is-ready{background:var(--color-success);border-color:var(--color-success);color:var(--color-paper)}.sheet{position:absolute;left:0;right:0;bottom:calc(142px + env(safe-area-inset-bottom,0px));z-index:4;max-height:52%;display:flex;flex-direction:column;background:var(--color-panel);border-top:2px solid var(--color-ink);box-shadow:0 -16px 40px var(--color-overlay)}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;border-bottom:1px solid var(--color-rule)}.sheet-heading button{border:none;font-size:24px;padding:3px 10px}.sheet-content{padding:12px 16px 16px;overflow-y:auto;overscroll-behavior:contain}.owner{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:12px}.swatch{background:var(--country-color, var(--color-unknown));display:inline-block;width:14px;height:14px;border:1px solid var(--color-rule);flex-shrink:0}.region-facts{margin:0 0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.region-facts div{min-width:0}.region-facts dt{font-size:11px;color:var(--color-muted)}.region-facts dd{margin:3px 0 0;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px;flex-grow:1}.move-editor p{margin:0 0 12px;font-size:13px}.move-editor label{display:flex;justify-content:space-between;font-size:13px}.move-editor input{width:100%;min-height:44px;accent-color:var(--color-accent);margin:6px 0}.move-prompt,.replay-banner{position:absolute;left:12px;right:12px;top:154px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--color-panel);border:2px solid var(--color-ink);font-size:12px}.replay-banner small{display:block}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--color-error);background:var(--color-error-bg);color:var(--color-error);padding:8px 10px;font-size:12px;line-height:1.5}.error-banner button{flex-shrink:0;font-size:11px}.floating-alert{position:absolute;top:120px;left:12px;right:12px;z-index:8}.orders-list{margin:0;padding:0;list-style:none}.orders-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--color-rule);padding:8px 0;font-size:12px;line-height:1.5}.orders-list li button{flex-shrink:0}.orders-list+p{margin-top:10px}.replay-arrow{pointer-events:none}.replay-arrow line{stroke:var(--color-target);stroke-width:5;stroke-dasharray:12 4;animation:march .6s linear infinite}.arrow-head{fill:var(--color-target)}.battle-flash{pointer-events:none;animation:flash .6s ease-out}.battle-flash circle{fill:var(--color-battle);opacity:.6;stroke:var(--color-army);stroke-width:3}@keyframes march{to{stroke-dashoffset:-32}}@keyframes flash{0%{opacity:.2}to{opacity:1}}.lobby{max-width:640px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top,0px)) 20px 40px}.lobby-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-ink);padding-bottom:18px;margin-bottom:28px;font-size:12px}.lobby-header .wordmark{margin:0;color:var(--color-ink)}.lobby>p{font-size:13px;line-height:1.6;margin:12px 0 20px}.country-list{margin:24px 0;border-top:1px solid var(--color-rule)}.country-list>button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;min-height:82px;border-width:0 0 1px;background:var(--color-paper)}.country-list>button>span:nth-child(2){flex:1}.country-list small{display:block;margin-top:6px}.text-button{border:none;text-decoration:underline;background:var(--color-paper);font-size:13px}@media(min-width:700px){.sheet{left:20px;right:auto;width:420px;bottom:154px;max-height:62%;border:2px solid var(--color-ink)}.topbar,.bottom-bar{padding-right:24px;padding-left:24px}.ready-button{max-width:300px;display:block;margin-left:auto}.map-caption{left:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}