/* Three professions, three distinct interaction spaces. */
.server-viewport{position:relative;border:1px solid #5f899566;border-radius:10px;overflow:hidden;background:#0b1921}.server-viewport canvas{display:block;width:100%;height:min(72vh,760px);min-height:470px;outline:none;touch-action:none}.server-hud{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1.5px;color:#c4dbd9;pointer-events:none}.server-state{color:#efc37c;font-weight:400}.server-objective{position:absolute;left:24px;top:65px;padding:16px 20px;background:#0c1d27dc;border-left:2px solid #78d5bf;pointer-events:none;max-width:340px}.server-objective small,.server-objective strong,.server-objective span{display:block}.server-objective small{font:8px monospace;letter-spacing:2px;color:#92aaa9}.server-objective strong{font-size:16px;font-weight:500;margin:10px 0}.server-objective span{font:11px monospace;color:#8cd6c3}.server-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:24px monospace;color:#dae5df99;pointer-events:none}.server-crosshair.ready{color:#8ff3d1;text-shadow:0 0 14px #7fffd0}.server-prompt{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);font:12px monospace;color:#d2f6e6;white-space:nowrap;background:#102c35cc;padding:10px 16px;pointer-events:none}.server-prompt:empty{display:none}.server-controls{position:absolute;bottom:23px;left:24px;font:10px monospace;color:#d4e4da;pointer-events:none}.server-controls span{color:#8ea8b0}.server-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5% 10%;background:linear-gradient(90deg,#06151bed,#06151b45);backdrop-filter:blur(3px)}.server-start[hidden]{display:none}.server-start small{font:10px monospace;color:#a5c7c5;letter-spacing:3px}.server-start h2{font-size:clamp(32px,4vw,60px);font-weight:400;line-height:1.05;letter-spacing:-2px;margin:24px 0}.server-start p{font-size:14px;line-height:1.7;color:#b9d0d1;max-width:370px}.server-start>span{font-size:11px;line-height:1.8;color:#8aaab2;margin-top:20px}.server-enter{background:#c8e0cb;color:#18352e;padding:14px 24px;border:0;border-radius:4px;font-size:13px;cursor:pointer;margin-top:10px}.server-pause{position:absolute;right:22px;bottom:17px;background:#102b36c9;color:#bad2d4;border:1px solid #74969c66;padding:9px 15px;border-radius:4px;cursor:pointer}.server-bottom{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:18px 0}.server-report{font-size:12px;line-height:1.6;color:#aec9ca}.server-interact{white-space:nowrap;background:transparent;color:#c1d8d5;border:1px solid #819d9d66;padding:10px 14px;border-radius:4px;cursor:pointer}.server-interact:disabled{opacity:.4}
.net-game{--gold:#e5ba65;--mint:#8ad3b9;background:#101715;border:1px solid #80714d;border-radius:4px;color:#dedacb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow:hidden}.net-mast{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #b3924838;background:linear-gradient(120deg,#29291d,#151c19)}.net-mast small{font:9px monospace;letter-spacing:2px;color:#c3ab74}.net-mast h2{font-size:25px;font-weight:400;letter-spacing:-.7px;margin:9px 0 0}.net-mast h2 span{color:#7e7d66}.net-authorized{font:8px monospace;letter-spacing:1px;color:#94a994;border:1px solid #77896c55;padding:9px 12px}.net-status{padding:14px 28px;display:flex;align-items:center;gap:20px;font:9px monospace;letter-spacing:1px;border-bottom:1px solid #b3924829}.trace-number{color:#e5ba65;font-size:13px;margin-left:12px}.trace-track{height:3px;background:#4e483033;flex:1}.trace-track i{display:block;height:100%;background:linear-gradient(90deg,#d1b765,#df7659);transition:width .15s}.net-session{color:#abbe9c}.net-layout{display:grid;grid-template-columns:1fr 250px}.net-map{position:relative;min-height:430px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#39412a44,transparent 70%),#101916}.net-grid{position:absolute;inset:0;background-image:linear-gradient(#7685670d 1px,transparent 1px),linear-gradient(90deg,#7685670d 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.net-map svg{position:absolute;inset:0;width:100%;height:100%}.net-map line{stroke:#6b6d4d;stroke-width:.28;stroke-dasharray:1 1}.net-map line.owned{stroke:#90d4b1;stroke-width:.5;stroke-dasharray:none;filter:drop-shadow(0 0 2px #9ce3bd66)}.net-node{position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:#8d9279;cursor:pointer;padding:0;width:90px;z-index:2}.node-shape{width:47px;height:47px;display:grid;place-items:center;border:1px solid #686f53;background:#17231c;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);font-size:25px;margin:auto}.net-node small{display:block;font:8px monospace;letter-spacing:.5px;margin-top:10px;white-space:nowrap}.net-node em{position:absolute;left:50%;top:15px;transform:translateX(-50%);font:11px monospace;color:#f4e4b6;background:#17231c}.net-node.owned{color:#9cdec0}.net-node.owned .node-shape{border-color:#99d6b4;background:#2b4e3c}.net-node.reachable{color:#e3c17c}.net-node.reachable .node-shape{border-color:#d9b86c;background:#3a3421}.net-node.selected .node-shape{outline:3px solid #e9d2a6;outline-offset:-5px}.net-node.capturing .node-shape{animation:netpulse .8s infinite alternate}.map-coordinate{position:absolute;bottom:19px;left:22px;font:8px/1.8 monospace;letter-spacing:2px;color:#6e806d}.net-inspector{border-left:1px solid #b3924838;padding:26px 22px;background:#1e241b}.net-inspector>small{font:8px monospace;letter-spacing:2px;color:#a9aa8c}.net-inspector h3{color:#ead8af;font-size:17px;font-weight:450;margin:15px 0}.node-info{font-size:12px;line-height:1.75;color:#adb49e;min-height:78px}.net-inspector button,.net-retry{display:block;width:100%;font-size:12px;border:1px solid #b99b5a;background:#d8bc7d;color:#25271e;padding:12px;margin-top:12px;cursor:pointer}.net-inspector .net-cloak{background:transparent;color:#c4c7a7;border-color:#858567}.net-inspector button:disabled{opacity:.3;cursor:default}.net-legend{padding-top:16px;font:9px monospace;color:#a9b19c}.net-legend p{display:flex;gap:9px;align-items:center}.net-legend i{width:6px;height:6px;background:#8ad3b9}.net-legend p:nth-child(2) i{background:#e5ba65}.net-legend p:nth-child(3) i{background:#676f59}.net-guide{font-size:10px;line-height:1.8;color:#8c9c83;border-top:1px solid #73765855;padding-top:15px;margin-top:20px}.net-log{padding:17px 28px;border-top:1px solid #b3924838;font:11px/1.7 monospace;color:#c0c9ab;min-height:54px}.net-retry{width:auto;margin:0 28px 20px}.net-retry[hidden]{display:none}.net-game .lab-result{margin:0;background:#203c2c;border-left-color:#8ed2ae}.net-node:focus-visible,.net-game button:focus-visible{outline:2px solid #f0d294;outline-offset:5px}@keyframes netpulse{to{background:#9d8744;filter:brightness(1.4)}}
@media(max-width:800px){.net-layout{grid-template-columns:1fr}.net-map{min-height:360px}.net-inspector{border-left:0;border-top:1px solid #b3924838}.net-authorized{display:none}.net-node{width:70px}.net-node small{font-size:6px}.net-mast{padding:20px}.server-controls{font-size:8px;max-width:70%;line-height:1.7}.server-bottom{flex-direction:column;align-items:stretch}.server-viewport canvas{min-height:480px}.server-objective{max-width:260px}.server-hud{font-size:8px}}

/* Keep controls legible over the raised white floor. */
.server-controls{background:#12202ddd;padding:9px 12px;border-radius:4px;color:#e0eaee;text-shadow:0 1px 2px #000}.server-hud{background:#12202d99;padding:8px;border-radius:3px}