:root{--bg:#080b12;--panel:#10151f;--line:#222a38;--cyan:#15d5ff;--blue:#168cff;--red:#ff3d62;--text:#f7f9ff;--muted:#8791a3}.online-state{min-width:150px;display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:1px;color:#8791a3}.online-state i{width:8px;height:8px;border-radius:50%;background:#ffb020;box-shadow:0 0 10px currentColor}.online-state.connected i{background:#2cff9a}.online-state.waiting i{background:#ffb020}.online-state.offline i{background:#ff3d62}
.profile-overlay{position:absolute;inset:0 0 105px;z-index:8;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#122a36ee,#05080df8);backdrop-filter:blur(8px)}.profile-overlay.hidden{display:none}.profile-card{width:min(390px,90%);padding:30px;background:linear-gradient(145deg,#141d2b,#0a0f18);border:1px solid #334155;border-radius:10px;box-shadow:0 30px 80px #000}.profile-card h2{font-size:25px;margin:16px 0 25px}.profile-card label{display:block;color:#8f9bad;font-size:9px;font-weight:800;letter-spacing:1.2px}.profile-card input,.profile-card select{display:block;width:100%;height:45px;margin-top:7px;padding:0 13px;background:#080d15;border:1px solid #303b4d;border-radius:5px;color:white;font:700 13px Inter;outline:none}.profile-card input:focus,.profile-card select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #15d5ff15}.profile-row{display:grid;grid-template-columns:1fr 1.5fr;gap:13px;margin-top:16px}.profile-error{min-height:16px;color:#ff5474;font-size:10px;margin:10px 0 -5px}.profile-card .primary{width:100%}
.room-join{width:100%;margin-top:9px}.connection-info{min-width:220px}.connection-info .online-state{min-width:0}.ping{display:flex;justify-content:flex-end;align-items:center;gap:13px;color:#647084;font-size:8px;margin-top:5px}.ping #roomLabel{font-size:12px;font-weight:900;letter-spacing:1.5px;color:var(--cyan)}.ping b{color:#2cff9a;font-size:9px}
.room-list{display:grid;gap:7px;max-height:210px;overflow:auto;margin-bottom:9px}.room-list>p{margin:10px 0;color:var(--muted);font-size:10px;text-align:center}.room-entry{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;width:100%;padding:10px 11px;border:1px solid #2c384a;border-radius:6px;background:#0a1019;color:#fff;text-align:left;cursor:pointer}.room-entry:hover{border-color:var(--cyan);background:#101b28}.room-entry:disabled{opacity:.45;cursor:not-allowed}.room-entry b,.room-entry small{display:block}.room-entry b{font-size:11px}.room-entry small{margin-top:4px;color:var(--muted);font-size:8px}.room-entry span{color:var(--cyan);font-size:10px;font-weight:900}.room-refresh{display:block;margin:0 auto 10px;border:0;background:none;color:var(--muted);font:800 8px Inter;cursor:pointer}.create-room-options{margin-top:13px;padding-top:12px;border-top:1px solid #283345}.create-room-options label+label{margin-top:11px}.password-toggle{display:flex!important;align-items:center;gap:8px}.profile-card .password-toggle input{display:inline-block;width:16px;height:16px;margin:0;accent-color:var(--cyan)}
.host-panel{border-color:#15d5ff66}.host-panel h3{color:var(--cyan)}.host-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.host-actions button,.host-player button{border:1px solid #344257;background:#182131;color:white;border-radius:4px;padding:8px 5px;font:800 8px Inter;cursor:pointer}.host-actions button:hover,.host-player button:hover{border-color:var(--cyan)}.host-players{margin-top:12px}.host-player{display:grid;grid-template-columns:1fr 37px 37px;gap:5px;align-items:center;padding:7px 0;border-top:1px solid #222c3a}.host-player span{font-size:9px;overflow:hidden;text-overflow:ellipsis}.host-player button.blue{color:var(--cyan)}.host-player button.red{color:var(--red)}
.physics-picker{display:block;margin-top:12px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:1px}.physics-picker select{width:100%;margin-top:6px;padding:8px;border:1px solid #344257;border-radius:4px;background:#182131;color:#fff;font:800 9px Inter}.physics-picker small{display:block;margin-top:5px;color:#647084;font-size:8px;line-height:1.4;letter-spacing:0}
.team-editor{display:grid;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #283345}.team-editor label{color:var(--muted);font-size:8px;font-weight:900}.team-editor label span{display:grid;grid-template-columns:1fr 34px;gap:6px;margin-top:5px}.team-editor input{min-width:0;height:32px;padding:0 7px;border:1px solid #344257;border-radius:4px;background:#182131;color:#fff;font:800 9px Inter}.team-editor input[type=color]{width:34px;padding:2px;cursor:pointer}.team-editor button{padding:8px;border:1px solid #344257;border-radius:4px;background:#182131;color:#fff;font:800 8px Inter;cursor:pointer}.team-editor button:hover{border-color:var(--cyan)}
.half-editor{display:grid;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid #283345;color:var(--muted);font-size:8px;font-weight:900}.half-editor span{display:flex;align-items:center;gap:5px;margin-top:6px}.half-editor input{width:48px;height:30px;padding:0 5px;border:1px solid #344257;border-radius:4px;background:#182131;color:#fff;font:800 9px Inter}.half-editor button{padding:8px;border:1px solid #344257;border-radius:4px;background:#182131;color:#fff;font:800 8px Inter;cursor:pointer}
.room-back{margin-bottom:14px;padding:0;border:0;background:none;color:var(--cyan);font:900 9px Inter;cursor:pointer}.create-room-options{margin:0;max-height:min(70vh,650px);overflow-y:auto;padding:2px 5px 4px 2px;border:0}.create-room-options>label{margin-top:12px}.duration-inputs{display:flex;align-items:center;gap:5px}.duration-inputs input{width:58px}.duration-inputs span{font-size:18px;color:#fff}.create-teams{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.create-teams label span{display:grid;grid-template-columns:1fr 42px;gap:5px;margin-top:6px}.create-teams input[type=color]{padding:3px}.create-room-options .profile-row{grid-template-columns:1fr 1fr}.create-room-options h2{margin-bottom:18px}
.lobby-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;margin:8px 0}.lobby-player{padding:7px 10px;border:1px solid #334155;background:#0a1019;border-radius:99px;font-size:10px;font-weight:800}.lobby-player.blue{color:var(--cyan);border-color:#15d5ff66}.lobby-player.red{color:var(--red);border-color:#ff3d6266}.lobby-player em{font-style:normal;color:#fff;margin-left:5px}.lobby-player i{font-style:normal;color:#ffe36b;font-size:8px;margin-left:5px}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
#authStep label{margin-top:14px}#authStep .primary{margin-top:12px}
.account-stats div{display:flex;justify-content:space-between;margin:10px 0;font-size:10px;color:var(--muted)}.account-stats b{color:#fff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#141c2a 0,#080b12 45%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.app{max-width:1600px;margin:auto;padding:18px 24px}header{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;min-width:270px}.mark{display:grid;place-items:center;width:44px;height:44px;background:linear-gradient(135deg,var(--cyan),#0872ff);color:#03111b;font-weight:900;font-size:27px;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.brand b{font-size:19px;letter-spacing:2px}.brand i{color:var(--cyan);font-style:normal}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:3px;margin-top:3px}.scoreboard{display:flex;align-items:stretch;background:#0b1019;border:1px solid #252f40;border-radius:7px;box-shadow:0 12px 30px #0008;overflow:hidden}.team{display:flex;gap:18px;align-items:center;padding:8px 23px;font-weight:800;letter-spacing:1px}.team b{font-size:29px}.team.blue{border-left:3px solid var(--cyan)}.team.red{border-right:3px solid var(--red)}.clock{padding:6px 22px;text-align:center;background:#171d29;min-width:112px}.clock b{display:block;font-size:20px}.clock small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.icon-btn{width:42px;height:42px;background:#111722;color:white;border:1px solid #273044;border-radius:6px;font-weight:bold;font-size:18px}main{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:18px}.game-shell{position:relative;min-width:0;background:#07110e;border:1px solid #23303b;border-radius:9px;overflow:hidden;box-shadow:0 25px 65px #0009}#game{display:block;width:100%;aspect-ratio:16/9;cursor:crosshair}.overlay{position:absolute;inset:0 0 105px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle,#091f2388,#05080de6);backdrop-filter:blur(3px);z-index:4}.overlay.hidden,.hidden{display:none}.overlay h1{font-size:clamp(42px,6vw,86px);line-height:.88;margin:18px 0 12px;text-align:center;letter-spacing:-5px;font-weight:900;text-shadow:0 8px 35px #000}.overlay h1 span{color:var(--cyan)}.overlay p{color:#b2bccb}.hero-badge{color:var(--cyan);font-size:11px;letter-spacing:3px;border:1px solid #15d5ff55;padding:7px 12px;background:#15d5ff0d}.primary,.secondary{border:0;border-radius:4px;padding:15px 28px;font-weight:900;letter-spacing:1px;margin-top:16px;cursor:pointer}.primary{background:var(--cyan);color:#041017;box-shadow:0 0 28px #15d5ff44}.primary span{margin-left:25px}.secondary{background:#18202d;color:white}.quick-controls{display:flex;gap:21px;margin-top:30px;color:#9aa5b7;font-size:10px}.quick-controls span{display:flex;align-items:center;gap:7px}kbd{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 6px;background:linear-gradient(#202938,#111722);border:1px solid #344054;border-bottom:3px solid #05070b;border-radius:4px;color:white;font:bold 10px Inter}.bottom-hud{height:105px;display:grid;grid-template-columns:200px 1fr 180px;align-items:center;gap:22px;padding:14px 18px;background:linear-gradient(90deg,#0b1019,#111926,#0b1019);border-top:1px solid #263040}.player-card{display:flex;align-items:center;gap:11px}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#1acfff,#086bd6);font-weight:900;border:2px solid #70e8ff}.player-card small{display:block;color:var(--muted);font-size:8px;letter-spacing:1px}.player-card b{font-size:13px}.meters{max-width:520px}.meter-row{display:grid;grid-template-columns:98px 1fr 28px;align-items:center;gap:10px;margin:8px}.meter-row span{font-size:9px;font-weight:800;color:#9da9bb}.meter-row b{font-size:10px}.bar{height:7px;background:#252c36;transform:skew(-12deg);overflow:hidden}.bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#13a9ff,#3af5ff);transition:width .1s}.power .bar i{width:0;background:linear-gradient(90deg,#ffe36b,#ff3d62)}#minimap{width:180px;height:100px;border:1px solid #334154;background:#0c372d}aside{display:flex;flex-direction:column;gap:12px}.panel{background:linear-gradient(145deg,#121824,#0c111a);border:1px solid #222c3c;border-radius:7px;padding:16px}.panel h3{font-size:10px;letter-spacing:2px;color:#c4ccda;margin:0 0 16px;border-bottom:1px solid #242c3a;padding-bottom:12px}.control{display:flex;align-items:center;gap:5px;margin:12px 0}.control .wide{min-width:57px}.control span{margin-left:7px}.control b,.control small{display:block}.control b{font-size:10px}.control small{font-size:8px;color:var(--muted);margin-top:3px}.tips{border-left:2px solid var(--cyan)}.tips h3{color:var(--cyan)}.tips p{font-size:11px;color:#9faabd;line-height:1.6;margin:0}.stats div{display:flex;justify-content:space-between;margin:12px 0;font-size:10px;color:var(--muted)}.stats b{color:white}.stats i{font-style:normal}.stats i:first-child{color:var(--cyan)}.stats i:last-child{color:var(--red)}.announce{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);z-index:3;font-size:42px;font-weight:900;letter-spacing:4px;text-shadow:0 5px 20px #000;background:#071018cc;border:1px solid #28dcff;padding:15px 28px;white-space:nowrap}@media(max-width:1050px){aside{display:none}main{grid-template-columns:1fr}.brand{min-width:0}.brand div{display:none}}@media(max-width:650px){.app{padding:8px}.team span{display:none}.team{padding:8px 14px}.clock{padding:6px 12px}.brand{display:none}.bottom-hud{grid-template-columns:1fr 100px}.player-card{display:none}#minimap{width:100px}.quick-controls{display:grid;grid-template-columns:1fr 1fr}.overlay{inset:0 0 105px}}
@keyframes urgentClock{0%,100%{color:#ff365d;text-shadow:0 0 5px #ff365d55}50%{color:#fff;text-shadow:0 0 18px #ff365d}}
#clock.urgent{animation:urgentClock .65s ease-in-out infinite}
.pause-host-actions{display:flex;gap:10px;align-items:center}.pause-host-actions .primary,.pause-host-actions .secondary{margin-top:10px}
.resume-countdown{font-size:92px;line-height:1;color:var(--cyan);text-shadow:0 0 35px #15d5ff;margin:5px 0 12px}.pause-screen-countdown #pauseTitle{font-size:24px;letter-spacing:1px;margin-bottom:8px}.pause-screen-countdown #pauseInfo{font-weight:800;color:#fff}
#pauseScreen{top:0;right:0;bottom:auto;left:0;width:100%;height:auto;aspect-ratio:16/9;max-height:calc(100% - 105px);overflow:hidden}.bottom-hud{position:relative;z-index:5}
.profile-card.create-mode{width:min(620px,94%)}
.team-crest{width:34px;height:40px;flex:0 0 auto;filter:drop-shadow(0 3px 6px #0008)}.team-crest .crest-shield{fill:#101925;stroke:currentColor;stroke-width:2}.nova-crest{color:#15d5ff}.nova-crest .crest-orbit{fill:none;stroke:#8bf1ff;stroke-width:2}.nova-crest .crest-mark{fill:#15d5ff;stroke:#d9fbff;stroke-width:.8}.vortex-crest{color:#ff3d62}.vortex-crest .crest-vortex{fill:none;stroke:#ff3d62;stroke-width:4;stroke-linecap:round}.vortex-crest .crest-core{fill:#ffd2db}.team.blue,.team.red{gap:12px}