:root{--bg:#000308;--bg2:#04101a;--panel:#02161fcc;--border:#00d4ff;--grid-line:#0aa6cc;--text:#d6f7ff;--muted:#4f8aa3;--accent:#00f0ff;--warn:#ffb800;--ok:#00ff9d;--err:#ff4757;--glow:0 0 6px var(--accent),0 0 16px rgba(0,240,255,0.4)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(ellipse at 50% 0,#061726 0,#000308 70%),var(--bg);color:var(--text);font-family:"SF Mono",Menlo,Consolas,monospace;font-size:13px;line-height:1.4;min-height:100vh;overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,240,255,.03) 0,rgba(0,240,255,.03) 1px,transparent 1px,transparent 3px);z-index:100;mix-blend-mode:overlay}header{text-align:center;padding:1.5rem 1rem .75rem}header h1{margin:0;font-size:2.1rem;letter-spacing:.6rem;font-weight:700;color:var(--accent);text-shadow:var(--glow)}header h1 span{color:var(--text)}.tagline{margin:.4rem 0 .25rem;color:var(--muted);letter-spacing:.15rem;text-transform:uppercase;font-size:.75rem}.stats{margin:.4rem 0 0;color:var(--muted);font-size:.8rem;letter-spacing:.1rem}.stats .sep{padding:0 .4rem;opacity:.4}.stats #active-count,.stats #claimed-count,.stats #countdown{color:var(--accent);font-weight:700}.view-modes{margin:.6rem 0 0;display:flex;gap:.6rem;justify-content:center;align-items:center}.view-label{color:var(--muted);font-size:.7rem;letter-spacing:.1rem;text-transform:uppercase;font-weight:700}.view-btn{padding:.4rem .7rem;border:1px solid var(--muted);background:0 0;color:var(--muted);cursor:pointer;font:inherit;font-size:.7rem;letter-spacing:.1rem;text-transform:uppercase;transition:all .15s;border-radius:2px}.view-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 4px rgba(0,240,255,.3)}.view-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(0,240,255,.1);box-shadow:0 0 8px rgba(0,240,255,.4)}#conn-status{color:var(--muted);font-weight:700;letter-spacing:.15rem}#conn-status.live{color:var(--ok);text-shadow:0 0 6px var(--ok)}#conn-status.dead{color:var(--err);text-shadow:0 0 6px var(--err)}.dim{color:var(--muted)}main{display:flex;gap:0;padding:1rem;align-items:flex-start;max-width:none;margin:0 auto;flex-wrap:wrap;justify-content:flex-start}main.view-chat{justify-content:flex-end;gap:1rem}main.view-chat #grid-section{flex:0 0 280px;padding-right:0;order:2;max-width:280px}main.view-chat .bezel{padding:3px}main.view-chat #map-container circle[data-capital],main.view-chat #map-container text[data-state]{display:none}main.view-chat #side{flex:1 1 auto;min-width:400px;max-width:none;order:1}#grid-section{flex:2 1 0;padding-right:1rem;min-width:0}.bezel{position:relative;background:var(--bg2);border:1px solid var(--border);padding:6px;display:block;width:100%;box-shadow:0 0 0 1px rgba(0,240,255,.15) inset,0 0 18px rgba(0,240,255,.25),0 0 60px rgba(0,240,255,.1)}#map-container{position:relative;width:100%;background:#02080d;cursor:crosshair;display:block}#map-container svg{display:block;width:100%;height:auto}#map-container path[data-state]{fill:#0a2a3a;stroke:var(--grid-line);stroke-width:.6;cursor:not-allowed;transition:fill .15s,stroke .15s,filter .15s}#map-container path[data-state]:hover{fill:#103a52;stroke:var(--accent)}#map-container path[data-state].claimed{fill:#00f0ff;fill-opacity:0.35;stroke:var(--accent);stroke-width:1;cursor:pointer}#map-container path[data-state].claimed:hover{fill-opacity:0.55}#map-container path[data-state].home{fill:#1a4f6e;cursor:pointer;filter:drop-shadow(0 0 6px rgba(0,240,255,.5))}#map-container path[data-state].home:hover{fill:#1f5f82}#map-container path[data-state].mine{fill:#00f0ff;fill-opacity:0.7;stroke:var(--accent);stroke-width:2;filter:drop-shadow(0 0 8px var(--accent))}#map-container path[data-state].highlight{stroke:var(--warn);stroke-width:2.5;filter:drop-shadow(0 0 8px var(--warn))}#map-container path[data-state].focused{stroke:#ff00d0;stroke-width:2.5;filter:drop-shadow(0 0 10px #ff00d0)}#map-container text[data-state]{fill:var(--text);font-family:"SF Mono",Menlo,Consolas,monospace;font-size:11px;font-weight:700;text-anchor:middle;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.9)}#map-container circle[data-capital]{fill:var(--warn);stroke:rgba(0,0,0,0.6);stroke-width:.4;pointer-events:none;filter:drop-shadow(0 0 2px var(--warn))}#hover-info{position:absolute;pointer-events:none;background:rgba(0,12,18,.92);color:var(--accent);border:1px solid var(--border);padding:3px 8px;font-size:11px;letter-spacing:.05rem;text-transform:uppercase;display:none;white-space:nowrap;z-index:10;box-shadow:0 0 8px rgba(0,240,255,.3)}#hover-info.visible{display:block}#side{flex:1 1 0;min-width:280px;max-width:none;display:flex;flex-direction:column;gap:1rem}.panel{background:var(--panel);border:1px solid var(--border);padding:.85rem 1rem;box-shadow:0 0 0 1px rgba(0,240,255,.1) inset,0 0 12px rgba(0,240,255,.15);position:relative}.panel::before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.panel::after{content:"";position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}h2{margin:0 0 .6rem;font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.25rem;text-shadow:0 0 5px rgba(0,240,255,.4);display:flex;justify-content:space-between;align-items:center}.grid-link{font-size:.7rem;letter-spacing:.15rem;border:1px solid var(--accent);padding:2px 8px;color:var(--accent);text-decoration:none;transition:all .15s}.grid-link:hover{background:var(--accent);color:var(--bg);box-shadow:var(--glow);text-shadow:none}html{scroll-behavior:smooth}#denied:not([hidden]){display:flex;align-items:center;justify-content:center;padding:4rem 1rem}#denied .denied-panel{max-width:480px;text-align:center;border-color:var(--err);box-shadow:0 0 0 1px rgba(255,71,87,.15) inset,0 0 18px rgba(255,71,87,.4)}#denied .denied-panel::after,#denied .denied-panel::before{border-color:var(--err)}#denied h2{color:var(--err);text-shadow:0 0 8px rgba(255,71,87,.6);font-size:1.1rem;letter-spacing:.4rem;justify-content:center}#denied p{margin:.6rem 0}#denied .small{font-size:.7rem;line-height:1.5}#denied #denied-retry{margin-top:.8rem;border-color:var(--err);color:var(--err)}#denied #denied-retry:hover{background:var(--err);color:var(--bg);box-shadow:0 0 8px var(--err)}#claim-status{font-size:.85rem}#claim-form label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.1rem}#chat-form input[type=text],#claim-form input[type=text]{width:100%;padding:.5rem .6rem;background:#00121b;border:1px solid var(--grid-line);color:var(--accent);margin-top:.3rem;font:inherit;font-size:.9rem;outline:0;transition:border-color .15s,box-shadow .15s}#chat-form input[type=text]:focus,#claim-form input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 8px rgba(0,240,255,.5)}#claim-coords{font-size:.85rem;margin-bottom:.6rem;color:var(--accent)}button{padding:.45rem 1rem;border:1px solid var(--accent);background:0 0;color:var(--accent);cursor:pointer;font:inherit;font-size:.8rem;letter-spacing:.15rem;margin-right:.3rem;text-transform:uppercase;transition:all .15s}button:hover:not(:disabled){background:var(--accent);color:var(--bg);box-shadow:var(--glow)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{box-shadow:0 0 4px rgba(0,240,255,.4)}button.ghost{border-color:var(--muted);color:var(--muted)}button.ghost:hover{background:var(--muted);color:var(--bg);box-shadow:none}.chat-note{color:var(--muted);font-size:.75rem;margin-bottom:.5rem;letter-spacing:.1rem;text-transform:uppercase}.warn-note{color:var(--warn);font-size:.7rem;margin:.6rem 0 0;line-height:1.4;letter-spacing:.05rem}#chat-messages{list-style:none;margin:0 0 .5rem;padding:0;max-height:380px;overflow-y:auto;display:flex;flex-direction:column}#chat-messages li{padding:.3rem 0;border-bottom:1px dashed rgba(0,240,255,.1);font-size:.85rem;word-wrap:break-word}#chat-messages li:last-child{border-bottom:none}#chat-messages li{transition:opacity .6s,filter .6s}#chat-messages li.faded{opacity:.35;filter:blur(1px)}#chat-messages li.faded:hover{opacity:.85;filter:blur(0)}#chat-messages.focused li.focus-hidden{display:none}#chat-messages.focused li.focus-match{border-left:2px solid #ff00d0;padding-left:.4rem;background:rgba(255,0,208,.05)}#chat-header-user:not([hidden]){display:inline-block;font-size:.65rem;color:#ff00d0;letter-spacing:.15rem;text-shadow:0 0 6px rgba(255,0,208,.5);margin:0 .5rem;flex:1;text-align:center}.header-actions{display:flex;gap:.4rem}#chat-messages .meta{color:var(--muted);font-size:.7rem;margin-right:.4rem}#chat-messages .user{color:var(--accent);font-weight:700;margin-right:.4rem;text-shadow:0 0 4px rgba(0,240,255,.4)}#chat-messages .user[data-country]{cursor:help}#flag-tip{position:fixed;pointer-events:none;background:rgba(0,12,18,.95);border:1px solid var(--accent);padding:4px 6px 6px;display:none;z-index:200;box-shadow:0 0 12px rgba(0,240,255,.5)}#flag-tip.visible{display:block}#flag-tip img{display:block;border:1px solid var(--accent);background:#fff}#flag-tip .cc{margin-top:3px;font-size:10px;letter-spacing:.15rem;color:var(--accent);text-align:center;text-transform:uppercase}#chat-form:not([hidden]){display:flex;gap:.4rem}#chat-form input{flex:1}#dossier-panel:not([hidden]){display:flex;flex-direction:column;gap:.6rem;animation:dossier-slide .25s ease-out}@keyframes dossier-slide{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}#dossier-panel h2{margin-bottom:0}#dossier-flag{display:block;margin:0 auto;border:1px solid var(--accent);background:#fff;box-shadow:0 0 8px rgba(0,240,255,.4)}#dossier-tagline{text-align:center;font-size:.75rem;letter-spacing:.1rem;font-style:italic;color:var(--muted);padding:.2rem 0}.dossier-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .8rem;font-size:.78rem}.dossier-grid>div{display:flex;flex-direction:column;gap:2px}.dossier-grid .stat-label{color:var(--muted);font-size:.65rem;letter-spacing:.12rem;text-transform:uppercase}.dossier-grid .stat-value{color:var(--accent);font-weight:700;text-shadow:0 0 4px rgba(0,240,255,.4)}.dossier-section{border-top:1px dashed rgba(0,240,255,.2);padding-top:.5rem}.dossier-label{font-size:.65rem;letter-spacing:.15rem;color:var(--muted);text-transform:uppercase;margin-bottom:.3rem}#dossier-cities,#dossier-industries{font-size:.8rem;line-height:1.6}#dossier-holder-name{color:var(--ok);font-weight:700;font-size:.85rem;text-shadow:0 0 4px rgba(0,255,157,.4)}.dossier-actions{display:flex;gap:.4rem;margin-top:.4rem}#dossier-close{font-size:.75rem;padding:0 6px}a{color:var(--accent);text-decoration:none}a:hover{text-shadow:var(--glow)}footer{text-align:center;padding:1rem;margin-top:1rem;border-top:1px dashed rgba(0,240,255,.2);color:var(--muted);font-size:.7rem;letter-spacing:.1rem;text-transform:uppercase}.footer-text{opacity:.8}.link-btn{background:0 0;border:none;color:var(--accent);cursor:pointer;font:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;padding:0;margin:0}.link-btn:hover{text-shadow:var(--glow);background:0 0;color:var(--accent);box-shadow:none}.modal-overlay{position:fixed;inset:0;background:rgba(0,3,8,.85);z-index:300;display:none;align-items:center;justify-content:center;padding:1rem}.modal-overlay:not([hidden]){display:flex}.terms-panel{max-width:640px;width:100%;max-height:80vh;overflow-y:auto;padding:1.5rem}.terms-panel h2{font-size:.95rem;letter-spacing:.3rem}.terms-body{font-size:.8rem;line-height:1.6;color:var(--text)}.terms-body p{margin:0 0 .85rem}.terms-body strong{color:var(--accent);letter-spacing:.05rem}.terms-body .terms-footnote{border-top:1px dashed rgba(0,240,255,.2);padding-top:.6rem;margin-top:.8rem;color:var(--muted);font-size:.75rem;font-style:italic}.terms-panel::-webkit-scrollbar{width:6px}.terms-panel::-webkit-scrollbar-thumb{background:var(--accent)}.terms-panel::-webkit-scrollbar-track{background:#00121b}#chat-messages::-webkit-scrollbar{width:6px}#chat-messages::-webkit-scrollbar-thumb{background:var(--accent)}#chat-messages::-webkit-scrollbar-track{background:#00121b}