:root{color:#f4f0e8;background:#101315;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgb(255 255 255 / 4%) 1px,transparent 1px),linear-gradient(0deg,rgb(255 255 255 / 3%) 1px,transparent 1px),#101315;background-size:48px 48px}.app-shell{display:grid;min-height:100vh;place-items:center;padding:18px}.war-room{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:clamp(18px,4vw,42px);align-items:stretch;width:min(1080px,100%);min-height:min(680px,calc(100vh - 36px));border:1px solid #384146;border-radius:8px;background:#101315eb;padding:clamp(20px,4vw,44px);box-shadow:0 24px 80px #00000052}.brand-block{display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.eyebrow{margin:0 0 8px;color:#96ffcb;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;max-width:8ch;color:#f4f0e8;font-size:clamp(3.3rem,11vw,7.8rem);line-height:.88}.lobby-panel{align-self:end;display:grid;gap:14px;width:min(420px,100%)}.lobby-panel label{display:grid;gap:7px;color:#d8d0c3;font-size:.82rem;font-weight:700;text-transform:uppercase}.lobby-panel input{width:100%;border:1px solid #59646a;border-radius:6px;background:#171c1f;color:#f4f0e8;font:inherit;font-size:1rem;outline:none;padding:13px 14px}.lobby-panel input:focus{border-color:#96ffcb;box-shadow:0 0 0 3px #96ffcb24}.button-row{display:flex;gap:10px;margin-top:4px}button{min-height:46px;flex:1;border:1px solid #96ffcb;border-radius:6px;background:#96ffcb;color:#101315;cursor:pointer;font:inherit;font-weight:800}button:disabled{cursor:wait;opacity:.55}button.secondary{border-color:#c77d53;background:transparent;color:#f4f0e8}.connection-line{display:flex;gap:8px;align-items:center;min-height:22px;color:#9ba6aa;font-size:.82rem;font-weight:700}.connection-line span{width:9px;aspect-ratio:1;border-radius:50%;background:#c77d53}.connection-line[data-state=online] span{background:#96ffcb}.notice{min-height:20px;margin:0;color:#f0d15c;font-size:.9rem;line-height:1.45}.board-preview{position:relative;min-height:440px;overflow:hidden;border:1px solid #384146;border-radius:8px;background:linear-gradient(115deg,transparent 0 46%,rgb(150 255 203 / 7%) 46% 47%,transparent 47%),linear-gradient(35deg,transparent 0 58%,rgb(199 125 83 / 12%) 58% 59%,transparent 59%),#15191c}.room-panel{align-self:stretch;display:grid;grid-template-rows:auto 1fr auto;gap:22px;min-height:440px;border:1px solid #384146;border-radius:8px;background:#15191c;padding:clamp(18px,4vw,30px)}.game-panel{align-self:stretch;display:grid;grid-template-rows:auto 1fr auto auto;gap:18px;min-height:440px;border:1px solid #384146;border-radius:8px;background:#15191c;padding:clamp(18px,4vw,30px)}.panel-label{margin:0 0 6px;color:#96ffcb;font-size:.78rem;font-weight:800;text-transform:uppercase}.room-panel strong{display:block;color:#f4f0e8;font-size:clamp(2.6rem,8vw,5.6rem);line-height:.95}.game-panel strong{display:block;overflow-wrap:anywhere;color:#f4f0e8;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1}.player-list{display:grid;align-content:start;gap:9px;margin:0;padding:0;list-style:none}.player-list li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:42px;border-bottom:1px solid #293136;color:#f4f0e8}.player-list span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list em{color:#9ba6aa;font-size:.78rem;font-style:normal;font-weight:800;text-transform:uppercase}.player-list.compact li{min-height:36px}.player-list li.active{border-bottom-color:#96ffcb}.player-swatch{width:14px;aspect-ratio:1;border-radius:50%}.wide-action{width:100%;flex:none}.room-actions,.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.room-actions .wide-action{grid-column:1 / -1}.map-panel{position:relative;min-height:440px;overflow:hidden;border:1px solid #384146;border-radius:8px;background:linear-gradient(90deg,rgb(255 255 255 / 4%) 1px,transparent 1px),linear-gradient(0deg,rgb(255 255 255 / 3%) 1px,transparent 1px),#15191c;background-size:46px 46px}.sector-map{display:block;width:100%;height:100%;min-height:440px;touch-action:manipulation}.map-link{stroke:#59646a;stroke-width:5;stroke-linecap:round}.map-zone{cursor:pointer}.map-zone circle{stroke:#f4f0e8;stroke-width:5;filter:drop-shadow(0 12px 18px rgb(0 0 0 / 28%));opacity:.92}.map-zone.selected circle{stroke:#96ffcb;stroke-width:9}.map-zone text{fill:#f4f0e8;font-size:26px;font-weight:800;letter-spacing:0;text-anchor:middle;paint-order:stroke;stroke:#101315;stroke-width:6px;stroke-linejoin:round}.map-zone .troop-count{fill:#101315;font-size:34px;stroke:none}.node,.route{position:absolute;display:block}.node{width:26px;aspect-ratio:1;border:2px solid #f4f0e8;border-radius:50%;background:#101315;box-shadow:0 0 0 8px #f4f0e80d}.node-a{left:18%;top:22%}.node-b{left:48%;top:16%;border-color:#96ffcb}.node-c{left:34%;top:52%;border-color:#c77d53}.node-d{left:68%;top:48%}.node-e{left:78%;top:76%;border-color:#96ffcb}.route{height:2px;transform-origin:left center;background:#59646a}.route-a{left:22%;top:25%;width:30%;transform:rotate(-9deg)}.route-b{left:39%;top:54%;width:35%;transform:rotate(-12deg)}.route-c{left:52%;top:20%;width:32%;transform:rotate(48deg)}.route-d{left:72%;top:52%;width:30%;transform:rotate(64deg)}@media(max-width:780px){.war-room{grid-template-columns:1fr;min-height:calc(100vh - 36px)}.brand-block{min-height:auto}h1{max-width:9ch;font-size:clamp(3rem,18vw,5.4rem)}.board-preview{min-height:300px}.game-panel,.room-panel,.map-panel,.sector-map{min-height:320px}.room-actions,.action-grid{grid-template-columns:1fr}}