:root{color-scheme:dark;--bg:#070910;--surface:#0d111b;--raised:#121826;--line:#263044;--muted:#8792a6;--text:#f4f7fb;--red:#ff2b55;--blue:#1ea7ff;--neutral:#68748a;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{max-width:680px;margin:auto;min-height:100dvh;background:radial-gradient(circle at 50% 0,#101827 0,transparent 35%),var(--bg);padding-bottom:calc(78px + var(--safe-bottom))}
.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #171e2b;position:sticky;top:0;background:rgba(7,9,16,.92);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;gap:10px;align-items:center;font-weight:850;letter-spacing:.12em;font-size:.82rem}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #39445a;border-radius:8px;background:#111724;font-size:.7rem}.locate-mini{border:1px solid #2f3c54;background:#111827;border-radius:999px;padding:9px 13px;font-size:.72rem;font-weight:800;letter-spacing:.08em}.radar-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5dffae;box-shadow:0 0 10px #5dffae;margin-right:6px}
.score-strip{display:grid;grid-template-columns:1fr 1fr 1fr;margin:12px 14px 0;border:1px solid #20293a;border-radius:12px;overflow:hidden;background:#0a0e17}.score{padding:9px 14px;display:flex;justify-content:center;align-items:baseline;gap:8px;border-right:1px solid #20293a}.score:last-child{border:0}.score small{font-size:.66rem;font-weight:850;letter-spacing:.1em}.score strong{font-size:1.15rem}.score.red{color:var(--red)}.score.blue{color:var(--blue)}.score.neutral{color:#9aa5b8}
.ticker{display:flex;align-items:center;gap:10px;margin:10px 14px 0;padding:9px 12px;background:#0b0f18;border-left:2px solid var(--red);min-height:38px;overflow:hidden}.ticker p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c8d0dd;font-size:.78rem}.live-tag{color:var(--red);font-size:.65rem;font-weight:900;letter-spacing:.14em}
.view{display:none}.view.active{display:block}.padded{padding:22px 14px}.map-head{display:flex;justify-content:space-between;align-items:end;padding:18px 16px 8px}.map-head h1,.section-title h1{font-size:1.35rem;margin:0;letter-spacing:.04em}.map-head p,.section-title p{font-size:.7rem;color:var(--muted);margin:5px 0 0;letter-spacing:.09em;text-transform:uppercase}.map-key{display:flex;gap:6px}.map-key i{width:9px;height:9px;border-radius:50%}.red-dot{background:var(--red);box-shadow:0 0 8px var(--red)}.blue-dot{background:var(--blue);box-shadow:0 0 8px var(--blue)}.neutral-dot{background:var(--neutral)}
.network-scroll{height:44dvh;min-height:350px;overflow:auto;overscroll-behavior:contain;border-block:1px solid #141b28;background:linear-gradient(#080b12cc,#080b12cc),linear-gradient(90deg,#111827 1px,transparent 1px),linear-gradient(#111827 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;scrollbar-width:none}.network-scroll::-webkit-scrollbar{display:none}#networkMap{width:1040px;height:1160px;display:block}.track{fill:none;stroke:#273247;stroke-width:6;stroke-linejoin:round;stroke-linecap:round}.track.secondary{stroke-width:3;stroke-dasharray:8 10}.station-node{cursor:pointer;outline:none}.station-node circle{stroke:#070910;stroke-width:5;transition:.2s}.station-node.neutral circle{fill:var(--neutral)}.station-node.red circle{fill:var(--red);filter:drop-shadow(0 0 6px #ff2b55aa)}.station-node.blue circle{fill:var(--blue);filter:drop-shadow(0 0 6px #1ea7ffaa)}.station-node.selected circle{stroke:#fff;stroke-width:4}.station-node.captured circle{animation:capturePulse 1.2s ease-out 2}.station-node text{fill:#c3ccda;font-size:12px;font-weight:700;paint-order:stroke;stroke:#070910;stroke-width:4;stroke-linejoin:round}.station-node.major text{fill:#fff;font-size:14px}.station-node:focus circle{stroke:#fff}@keyframes capturePulse{0%{r:10;filter:drop-shadow(0 0 2px currentColor)}50%{r:18;filter:drop-shadow(0 0 18px currentColor)}100%{r:10}}
.station-panel{margin:0 14px;background:linear-gradient(145deg,#111725,#0b0f18);border:1px solid #252f42;border-radius:16px;padding:16px;transform:translateY(-10px);position:relative;z-index:4;box-shadow:0 14px 40px #0008}.station-kicker{display:flex;justify-content:space-between;font-size:.67rem;color:#9ba8bb;font-weight:800;letter-spacing:.1em}.station-panel h2{margin:7px 0 13px;font-size:1.55rem}.control-row{display:flex;justify-content:space-between;border-block:1px solid #252d3c;padding:11px 0;color:#aeb8c8;font-size:.82rem}.control-row div{display:flex;gap:10px}.control-row b{font-size:.72rem}.red-text{color:var(--red)}.blue-text{color:var(--blue)}.claim-button{width:100%;min-height:66px;margin:14px 0;border:0;border-radius:12px;background:linear-gradient(90deg,var(--red),#ad1235);box-shadow:0 0 22px #ff2b5533;font-weight:900;letter-spacing:.08em;font-size:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.claim-button.team-blue{background:linear-gradient(90deg,#0878d2,var(--blue));box-shadow:0 0 22px #1ea7ff33}.claim-button small{font-size:.68rem;font-weight:650;letter-spacing:0;opacity:.8;margin-top:3px}.claim-button:disabled{background:#252c39;box-shadow:none;color:#778397}.claim-button:not(:disabled):active{transform:scale(.985)}.station-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.station-meta>div{padding:10px;background:#090d15;border-radius:9px}.station-meta small{display:block;color:#748096;font-size:.62rem;letter-spacing:.1em;margin-bottom:4px}.station-meta strong{font-size:.84rem}
.section-title{margin-bottom:20px}.section-title p{margin:0 0 5px}.feed,.ranking{display:grid;gap:9px}.event,.rank-row{background:var(--surface);border:1px solid #1b2433;border-radius:12px;padding:13px 14px}.event{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center}.event i{width:8px;height:8px;border-radius:50%;background:#667287}.event.red i{background:var(--red);box-shadow:0 0 10px var(--red)}.event.blue i{background:var(--blue);box-shadow:0 0 10px var(--blue)}.event.significant{border-color:#39455a;background:linear-gradient(100deg,#151b27,#0c111a)}.event p{margin:0;font-size:.88rem}.event time{font-size:.65rem;color:var(--muted)}.segmented{display:grid;grid-template-columns:repeat(4,1fr);background:#0c1019;padding:4px;border-radius:10px;margin-bottom:14px}.segmented button{border:0;background:transparent;padding:9px 2px;font-size:.72rem;color:#8490a3;border-radius:7px}.segmented button.active{background:#20293a;color:#fff}.rank-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center}.rank-row .num{color:#778399;font-weight:800}.rank-row small{display:block;color:var(--muted);margin-top:2px}.rank-row.red{border-left:2px solid var(--red)}.rank-row.blue{border-left:2px solid var(--blue)}
.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.stat-card{background:var(--surface);border:1px solid #1d2636;padding:14px;border-radius:12px}.stat-card small{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.07em}.stat-card strong{display:block;font-size:1.5rem;margin-top:4px}.account-card{background:var(--surface);border:1px solid #1d2636;padding:14px;border-radius:12px;margin:9px 0;display:flex;gap:8px;align-items:end}.account-card label{font-size:.72rem;color:#aab4c3;flex:1}.account-card input{display:block;width:100%;margin-top:6px;background:#080c13;color:#fff;border:1px solid #2b3547;padding:11px;border-radius:8px;font-size:16px}.account-card button{border:1px solid #35425a;background:#182131;padding:11px;border-radius:8px;font-size:.7rem;font-weight:850}.recovery{background:#182131;border:1px solid #3c4b65;padding:14px;border-radius:10px;word-break:break-word}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(680px,100%);height:calc(68px + var(--safe-bottom));padding:5px 10px var(--safe-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(8,11,18,.96);backdrop-filter:blur(16px);border-top:1px solid #222b3a}.bottom-nav button{border:0;background:none;color:#667287;font-size:.67rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav span{font-size:1.2rem}.bottom-nav button.active{color:#f5f8fc}.toast{position:fixed;z-index:50;left:50%;bottom:calc(84px + var(--safe-bottom));transform:translate(-50%,20px);width:min(90%,560px);padding:13px 15px;border-radius:11px;background:#edf2f7;color:#111827;font-weight:700;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.restore{margin-top:14px;background:var(--surface);border:1px solid #1d2636;border-radius:12px;padding:14px}.restore summary{cursor:pointer;color:#aab4c3;font-size:.84rem}.restore form{display:grid;gap:8px;margin-top:12px}.restore input{background:#080c13;color:#fff;border:1px solid #2b3547;padding:11px;border-radius:8px;font-size:16px}.restore button{border:1px solid #35425a;background:#182131;padding:11px;border-radius:8px;font-size:.7rem;font-weight:850}
@media(min-width:700px){body{padding:20px}.app-shell{border:1px solid #222b3a;border-radius:20px;overflow:hidden}.bottom-nav{bottom:20px;border-radius:0 0 20px 20px}.network-scroll{height:480px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}