.play-page{min-height:100svh}.deck-header{height:76px;padding:0 30px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.deck-header .brand{font-size:13px}.private-label{font:9px var(--mono);color:var(--accent);padding:5px 9px;border:1px solid #41513a}.connection{margin-left:auto;font:10px var(--mono);color:var(--muted)}.connection.connected{color:var(--accent)}.deck-main{max-width:1500px;margin:auto;padding:30px}.login-view{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;max-width:1100px;margin:80px auto}.login-intro h1{font-size:65px;margin-top:20px;letter-spacing:-3px}.login-intro>p:not(.eyebrow){font-size:15px;max-width:450px;color:var(--muted)}.login-intro ul{padding-left:20px;color:var(--muted);font-size:13px;line-height:2}.login-intro .private-note{font:10px/1.8 var(--mono);margin-top:30px}.deck-panel{background:var(--surface);border:1px solid var(--line);min-width:0}.login-card{padding:35px}.login-card h2{font-size:27px;margin-bottom:30px}.play-page label{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.play-page input,.play-page select{width:100%;background:#090f18;border:1px solid #34414e;border-radius:0;color:var(--text);padding:11px 12px;font:13px Arial,sans-serif;min-height:40px}.play-page input:focus,.play-page select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.login-card input{margin-bottom:20px}.play-page .check-label{display:flex;align-items:center;gap:10px;color:var(--text);margin:0 0 12px}.play-page .check-label input{width:15px;min-height:15px;height:15px;margin:0;accent-color:var(--accent)}.field-note{font-size:10px;color:var(--muted);line-height:1.7;margin:10px 0 20px}.login-card .button{width:100%;justify-content:space-between;cursor:pointer}.form-message{font-size:12px;color:#e4b7a7;margin:18px 0 0;min-height:20px}.small-button{background:transparent;border:1px solid #3b4c5b;color:var(--text);font-size:11px;padding:8px 12px;cursor:pointer;white-space:nowrap}.small-button:hover{border-color:var(--accent);color:var(--accent)}.small-button.accent{background:var(--accent);color:var(--bg);border-color:var(--accent)}.small-button.danger{color:#dbb3a1}.play-page button:disabled{opacity:.4;cursor:not-allowed}.deck-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.deck-title h2{font-size:32px;margin:0}.deck-title .eyebrow{margin-bottom:10px}.identity{text-align:right;font:11px/1.9 var(--mono);color:var(--accent)}.identity span{display:block}.identity span:last-child{font-size:9px;color:var(--muted)}.lobby-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.inline-form{padding:16px;display:flex;gap:10px;border-top:1px solid var(--line)}.inline-form input{flex:1;min-width:0}.game-card{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}.game-card h3{font-size:15px;margin:0 0 5px}.game-card p{font-size:11px;color:var(--muted);margin:0}.game-card .micro{color:var(--accent)}.game-card.active-game{border-left:2px solid var(--accent)}.waiting-panel>button{margin:0 24px 24px}.participant-list{list-style:none;padding:10px 24px;margin:0}.participant-list li{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:10px 0;border-bottom:1px solid var(--line);gap:10px}.participant-list small{font:9px var(--mono);color:var(--muted)}.participant-list button{font-size:10px;padding:4px 8px}.host-controls{padding:20px 24px}.bot-picker{display:flex;gap:8px}.host-controls .button{width:100%;justify-content:space-between;cursor:pointer}.lower-deck{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:24px}.comms #chat-log{height:145px;overflow-y:auto;list-style:none;margin:0;padding:16px 24px;font-size:11px}.comms li{margin-bottom:7px;overflow-wrap:anywhere}.comms strong{color:var(--accent);font-weight:400;margin-right:8px}.comms .system{color:var(--muted);font-family:var(--mono);font-size:10px}.help{padding:20px 24px;align-self:start}.help summary{cursor:pointer;font-size:13px;color:var(--accent)}.help ol{padding-left:20px;font-size:12px;color:var(--muted);line-height:1.8}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.map-panel{border:1px solid var(--line);background:radial-gradient(ellipse at 40% 40%,#152536 0%,#090f18 65%);min-width:0}.map-toolbar{display:flex;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid var(--line);font:10px var(--mono);color:var(--muted)}.map-toolbar>span:first-child{color:var(--text)}#galaxy-map{display:block;width:100%;max-height:calc(100svh - 210px);min-height:380px}#galaxy-map .planet{cursor:pointer;outline:none}#galaxy-map .planet:focus .selection-ring{stroke:#fff;opacity:1}#galaxy-map .planet-label{fill:#eef0ef;font:bold 13px var(--mono);text-anchor:middle;pointer-events:none}#galaxy-map .ship-label{fill:#c6d4dc;font:10px var(--mono);text-anchor:middle;pointer-events:none}#galaxy-map .selection-ring{fill:none;stroke-width:2;opacity:0}#galaxy-map .selected-source .selection-ring{stroke:#fff;opacity:1;stroke-dasharray:3 3}#galaxy-map .selected-target .selection-ring{stroke:#d6e9ae;opacity:1}.battle-sidebar{display:grid;gap:16px}.fleet-panel form{padding:18px}.fleet-panel select{margin-bottom:14px}.planet-intel{font:10px/1.8 var(--mono);color:var(--muted);padding:12px;border:1px solid var(--line);margin:0 0 16px;min-height:60px}.percentages{display:flex;gap:6px;margin-top:8px}.percentages button{flex:1;background:transparent;border:1px solid var(--line);color:var(--muted);font:10px var(--mono);padding:6px;cursor:pointer}.percentages button.selected{color:var(--accent);border-color:#657650}.fleet-panel .button{width:100%;justify-content:space-between;cursor:pointer;padding:12px 14px;font-size:12px}.score-row{display:flex;gap:10px;align-items:center;padding:11px 18px;border-bottom:1px solid var(--line);font-size:11px}.score-row span:nth-child(2){flex:1}.score-row .score{font:12px var(--mono);color:var(--accent)}.player-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.end-controls{display:flex;gap:8px}.end-controls button{flex:1;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.play-page [hidden]{display:none!important}#result-dialog p{font-size:14px;color:var(--muted)}#result-dialog .button{cursor:pointer}@media(max-width:1050px){.login-view{gap:40px;margin:40px auto}.login-intro h1{font-size:55px}.battle-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.deck-main{padding:24px}.lower-deck{gap:16px}.map-footer{font-size:7px}}@media(max-width:760px){.deck-header{height:auto;min-height:76px;padding:16px 20px;gap:12px;flex-wrap:wrap}.private-label{font-size:7px}.deck-header .brand{font-size:10px}.connection{font-size:9px}.deck-main{padding:20px}.login-view{grid-template-columns:1fr;margin:25px auto;gap:20px}.login-intro h1{font-size:54px}.login-intro ul{display:none}.login-card{padding:24px}.login-intro .private-note{margin-top:14px}.lobby-layout,.lower-deck{grid-template-columns:1fr}.deck-title h2{font-size:25px}.deck-title .eyebrow{font-size:8px}.identity{font-size:10px}.identity span:last-child{font-size:8px}.battle-layout{grid-template-columns:1fr}.battle-sidebar{grid-template-columns:1fr 1fr}.fleet-panel{grid-row:span 2}.end-controls{flex-direction:column}.map-toolbar{font-size:8px}#galaxy-map{max-height:none;min-height:0}.comms #chat-log{height:140px}.panel-heading{padding:16px}.game-card{padding:16px;gap:12px}.inline-form{padding:14px;gap:8px}.small-button{padding:8px 10px}}@media(max-width:440px){.battle-sidebar{grid-template-columns:1fr}.fleet-panel{grid-row:auto}.end-controls{flex-direction:row}.private-label{order:3}.connection{margin-left:auto}.deck-header #disconnect{font-size:9px}.login-intro h1{font-size:46px}.map-footer{flex-wrap:wrap}}

#galaxy-map .planet-label{fill:#09101b}.planet-intel{white-space:pre-line}
[data-owner="0"]{background:#ed7972}
[data-owner="1"]{background:#b9dc7f}
[data-owner="2"]{background:#8ca3f0}
[data-owner="3"]{background:#e8ce7a}
[data-owner="4"]{background:#67c3ba}
[data-owner="5"]{background:#c79edb}
[data-owner="6"]{background:#e8a575}
[data-owner="7"]{background:#85c8e1}
[data-owner="8"]{background:#d3a5b5}

.sound-controls{display:flex;align-items:center;gap:9px;margin-left:auto}.deck-header .sound-controls+.connection{margin-left:0}.play-page .sound-controls input[type=range]{width:85px;min-height:18px;height:18px;padding:0;accent-color:var(--accent);background:transparent;border:0}.sound-controls output{font:9px var(--mono);color:var(--muted);min-width:28px}.sound-controls .small-button{font-size:10px;padding:7px 9px}@media(max-width:1050px){.deck-header{gap:14px}.private-label{display:none}}@media(max-width:760px){.sound-controls{order:4;width:100%;margin-left:0;justify-content:flex-start}.deck-header .sound-controls+.connection{margin-left:auto}.play-page .sound-controls input[type=range]{width:110px}}

#galaxy-map .production-label{fill:#e6edf4;font:10px var(--mono);text-anchor:middle;pointer-events:none}#galaxy-map .strength-label{fill:#dce6ee;font:6px var(--mono);text-anchor:middle}#galaxy-map .strength-bar{pointer-events:none}.map-legend{padding:10px 18px;border-top:1px solid var(--line);font:10px/1.7 var(--mono);color:var(--muted)}.map-legend strong{color:var(--text);font-weight:400}

#galaxy-map .attack-ring{display:none;fill:none;stroke:#ff6868;stroke-width:3;pointer-events:none}#galaxy-map .under-attack .attack-ring{display:block;animation:battle-pulse 1.8s ease-in-out infinite}#galaxy-map .battle-count{fill:#ffb8a7;font:12px Consolas,'Courier New',monospace;font-weight:400;stroke:none}.battle-row{padding:14px 18px;border-bottom:1px solid var(--line);font:11px/1.7 var(--mono)}.battle-row strong,.battle-row span,.battle-row small{display:block}.battle-row strong{color:#ffb8a7}.battle-row small{color:var(--muted);overflow-wrap:anywhere}.battle-row button{margin-top:8px}.battle-empty{padding:0 18px 14px;font:11px/1.7 var(--mono);color:var(--muted)}@keyframes battle-pulse{0%,100%{opacity:1;stroke-width:3}50%{opacity:.35;stroke-width:1.5}}@media(prefers-reduced-motion:reduce){#galaxy-map .under-attack .attack-ring{animation:none}}

#turn-label{font:15px/1.4 var(--mono);color:var(--text)}#galaxy-map .ship-label{font:12px Consolas,'Courier New',monospace;font-weight:400}#galaxy-map .strength-label{font:8px var(--mono)}.host-controls #board-select{margin-top:2px}.map-toolbar{align-items:center;flex-wrap:wrap}@media(max-width:760px){#turn-label{font-size:13px}}



.waiting-ready-controls{padding:0 24px 18px;border-bottom:1px solid var(--line)}.ready-badge{white-space:nowrap;color:#c0a397!important;margin-left:auto}.ready-badge.is-ready{color:var(--accent)!important}.participant-list li>small{flex-shrink:0}

.online-room{padding:0 24px 16px;border-bottom:1px solid var(--line)}.online-room h3{font:10px var(--mono);color:var(--muted);font-weight:400}.online-room ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0 0}.online-room li{font:11px var(--mono);padding:6px 9px;border:1px solid var(--line);color:var(--text)}

.online-room li strong,.online-room li small{display:block;font-weight:400}.online-room li small{font-size:9px;color:var(--muted);margin-top:5px}.online-room li[data-presence=away]{border-style:dashed}.online-room li[data-presence=away] small{color:#dec196}.online-room li[data-presence=playing] small{color:var(--accent)}.lobby-alert-choice{font-size:11px!important;line-height:1.6}#battle-feed{list-style:none;margin:0;padding:0 16px;max-height:250px;overflow-y:auto}#battle-feed li{padding:12px 0;border-bottom:1px solid var(--line);font:11px/1.6 Arial,sans-serif}#battle-feed small,#battle-feed span{display:block}#battle-feed small{font:8px var(--mono);color:var(--muted);margin-bottom:5px}#battle-feed .feed-capture small{color:var(--accent)}#battle-feed .feed-attack small{color:#ffb8a7}#battle-feed .feed-empty{color:var(--muted)}#galaxy-map .owner-marker{fill:#e6edf4;font:8px var(--mono);text-anchor:middle;pointer-events:none}

.toast-stack{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:1000;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100vw - 32px));max-height:40svh;overflow-y:auto;pointer-events:none}.toast-region{display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-region:empty{display:none}
.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#14231f;border:1px solid #62794f;border-left:3px solid var(--accent);box-shadow:0 8px 28px #0008;color:#e3eed5;pointer-events:auto;animation:toast-enter .18s ease-out}
.toast p{margin:0;flex:1;min-width:0;font:13px/1.6 Arial,sans-serif;overflow-wrap:anywhere}.toast-symbol{flex-shrink:0;font:15px/1.4 var(--mono);color:var(--accent)}
.toast-error{background:#2a1e1b;border-color:#95634f;border-left-color:#efad90;color:#ffdbc9}.toast-error .toast-symbol{color:#efad90}.toast-count{font:11px/2 var(--mono);color:inherit;white-space:nowrap}
.toast-close{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;margin:-4px -5px -4px 0;padding:0;border:0;background:transparent;color:inherit;font:22px Arial,sans-serif;cursor:pointer}.toast-close:hover{background:#ffffff14}.toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@keyframes toast-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.toast{animation:none}}


.map-clock{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}.map-clock #game-speed{width:auto;max-width:210px;min-height:32px;margin:0;padding:6px 8px;font-size:11px}.map-clock .small-button{min-height:32px}.map-clock #clock-status{color:var(--accent)}
.battle-toast{display:block;position:relative;padding:12px 42px 12px 14px;border-left-color:#efad90;background:#1e2229}.battle-toast h3{margin:0 0 6px;font:13px/1.4 Arial,sans-serif;color:#ffcab4}.battle-toast .toast-close{position:absolute;right:12px;top:12px}.battle-toast p{font:12px/1.6 Consolas,'Courier New',monospace;font-weight:400}.battle-toast small{display:block;font:11px/1.5 Arial,sans-serif;color:var(--muted);overflow-wrap:anywhere}.battle-toast .small-button{margin-top:8px;padding:5px 8px}
@media(max-width:760px){.map-clock{flex-basis:100%;margin:0}.map-clock #game-speed{flex:1;max-width:none;min-width:0}}

.battle-sidebar>.end-controls{grid-column:1/-1;flex-direction:row}