@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&family=Rajdhani:wght@400;500;600;700&display=swap";:root{color:#0c1522;background:#d0dae8;font-family:Rajdhani,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}#root{width:100%;min-height:100vh}body{background:#071e32}a{color:inherit}.app-loading-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#05172a,#0a2a4b 52%,#0d3f72);color:#d8edff;font-size:clamp(20px,3.4vw,28px);font-family:Orbitron,Rajdhani,sans-serif;letter-spacing:.04em}.site-shell{position:relative;min-height:100vh;overflow-x:hidden;padding:clamp(18px,2.5vw,30px);color:#dbecff;background:linear-gradient(160deg,#05172a,#0a2a4b 52%,#0d3f72)}.site-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(146,204,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(146,204,255,.2) 1px,transparent 1px);background-size:48px 48px}.site-backdrop{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(67,181,255,.26),transparent 34%),radial-gradient(circle at 84% 16%,rgba(255,80,96,.21),transparent 32%),radial-gradient(circle at 62% 72%,rgba(255,206,88,.11),transparent 40%)}.site-header,.site-main{position:relative;z-index:1}.site-header{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1120px;margin:0 auto}.site-logo-link{text-decoration:none;max-width:100%}.brand-wordmark{display:inline-flex;align-items:flex-end;gap:.22em;text-transform:uppercase;line-height:.94;font-family:Orbitron,Rajdhani,sans-serif;font-weight:700;letter-spacing:.05em;transform:skew(-8deg);transform-origin:left center;white-space:nowrap}.brand-wordmark-sm{font-size:clamp(20px,2.6vw,34px)}.brand-wordmark-lg{font-size:clamp(36px,6.5vw,96px)}.brand-wordmark-neo,.brand-wordmark-steel{display:inline-flex;align-items:flex-end;background:linear-gradient(180deg,#f2fbff,#a7ddff 46%,#4b9add);color:#e8f8ff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.018em rgba(4,14,26,.88);text-shadow:0 2px 14px rgba(5,20,37,.44)}.brand-wordmark-slash{width:.3em;height:.98em;margin-bottom:.05em;border-radius:.07em;background:linear-gradient(180deg,#ffe483,#ff9352 45%,#df3143);border:.03em solid rgba(36,12,10,.78);box-shadow:0 0 10px #ff804661;transform:rotate(21deg) translateY(-.04em)}.site-nav{display:inline-flex;align-items:center;gap:0;padding:5px;border-radius:999px;border:1px solid rgba(138,205,255,.28);background:#0615269e}.site-nav a{text-decoration:none;color:#cfe8ff;font-size:14px;font-weight:600;padding:8px 11px;border-radius:999px;transition:background .15s ease,color .15s ease}.site-nav a:hover{color:#eff7ff;background:#73beff38}.site-nav-play{color:#1e1204!important;background:linear-gradient(180deg,#ffe88a,#ffbf3e);border:1px solid rgba(255,228,147,.86);min-width:86px;text-align:center}.site-main{margin:28px auto 0;max-width:1120px;display:flex;flex-direction:column;gap:16px;padding-bottom:clamp(24px,4vh,46px)}.site-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px}.site-hero-copy,.site-hero-art,.site-section{border:1px solid rgba(132,203,255,.26);border-radius:14px;background:linear-gradient(165deg,#071b30c2,#0a243db8);box-shadow:0 10px 30px #030c1859}.site-hero-copy{padding:clamp(18px,2.3vw,30px)}.site-eyebrow{margin:0;color:#f2d673;font-size:13px;letter-spacing:.16em;font-weight:700}.site-hero-copy h1{margin:9px 0 12px;font-size:clamp(31px,4.5vw,58px);line-height:.95;font-family:Orbitron,Rajdhani,sans-serif;text-wrap:balance}.site-hero-copy p{margin:0;max-width:52ch;color:#c1e2ff;font-size:clamp(18px,2.1vw,24px)}.site-hero-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:9px}.site-cta-primary,.site-cta-secondary{text-decoration:none;border-radius:9px;padding:12px 22px;font-size:24px;font-weight:700;transition:transform .13s ease,filter .13s ease}.site-cta-primary:hover,.site-cta-secondary:hover{transform:translateY(-1px);filter:brightness(1.05)}.site-cta-primary{color:#1d1205;border:1px solid rgba(255,220,132,.68);background:linear-gradient(180deg,#ffe18c,#ffc44a)}.site-hero-art{padding:clamp(18px,2.2vw,24px);display:flex;flex-direction:column;justify-content:center;gap:10px;background:radial-gradient(circle at 85% 14%,rgba(255,77,93,.24),transparent 40%),linear-gradient(160deg,#081d34d6,#071e34bd);overflow:hidden}.site-hero-art p{margin:0;color:#c5e4ff;font-size:clamp(15px,1.5vw,18px);max-width:32ch}.site-hero-art .brand-wordmark{max-width:100%;font-size:clamp(22px,3.8vw,54px);letter-spacing:.01em;gap:.14em;transform:none}.site-section{padding:clamp(14px,1.8vw,20px)}.site-section h2{margin:0;font-size:clamp(23px,2.9vw,34px);letter-spacing:.03em;font-family:Orbitron,Rajdhani,sans-serif}.site-section p{margin:9px 0 0;color:#c7e6ff;font-size:clamp(17px,1.8vw,21px)}.site-feature-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.site-feature-card{border-radius:11px;padding:12px 13px;border:1px solid rgba(127,199,255,.3);background:linear-gradient(155deg,#0f2d4bb3,#0a223aa3)}.site-feature-card h3{margin:0;font-size:clamp(20px,2vw,24px)}.site-feature-card p{margin-top:5px;font-size:clamp(16px,1.6vw,19px)}.site-changelog ul{margin:10px 0 0;padding-left:20px;color:#d8eeff;display:flex;flex-direction:column;gap:5px;font-size:clamp(15px,1.5vw,18px)}.site-footer{margin-top:2px;color:#a9d2f8;font-size:16px;text-align:center;padding:6px 0}.site-footer a{color:#ffe182;text-decoration:none;border-bottom:1px solid rgba(255,225,130,.55)}@media(max-width:980px){.site-header{flex-direction:row;align-items:center;justify-content:space-between}.site-main{margin-top:18px}.brand-wordmark{transform:none;letter-spacing:.035em}.brand-wordmark-sm{font-size:clamp(18px,3.8vw,28px)}.brand-wordmark-lg{font-size:clamp(30px,7.6vw,72px)}.site-hero-art .brand-wordmark{font-size:clamp(20px,6.2vw,44px)}.site-hero,.site-feature-grid{grid-template-columns:1fr}}@media(max-width:700px){.site-shell{padding:14px}.site-header{flex-direction:row;align-items:center;justify-content:space-between}.site-nav{align-self:auto;margin-left:auto}.site-nav a{font-size:14px;padding:7px 9px}.site-hero-copy h1{font-size:clamp(28px,8.8vw,42px)}.site-hero-copy p{font-size:18px}.site-cta-primary,.site-cta-secondary{font-size:22px;padding:11px 18px}}.app-shell{width:100%;height:100vh;min-height:100vh;position:relative;overflow:hidden}.app-shell-touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.app-shell-touch *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.customizer-shell{position:relative;min-height:100vh;padding:clamp(14px,2vw,24px);color:#d8edff;background:radial-gradient(circle at 11% 8%,rgba(52,165,255,.28),transparent 34%),radial-gradient(circle at 90% 12%,rgba(239,74,92,.18),transparent 30%),linear-gradient(162deg,#06192d,#0a2c4e 56%,#0f4f87)}.customizer-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;background-image:linear-gradient(rgba(147,207,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(147,207,255,.2) 1px,transparent 1px);background-size:42px 42px}.customizer-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.customizer-header-links{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.customizer-header h1{margin:0;font-size:clamp(28px,3.2vw,40px);line-height:.95;font-family:Orbitron,Rajdhani,sans-serif;letter-spacing:.04em}.customizer-header p{margin:6px 0 0;opacity:.92;font-size:20px;color:#c3e2ff}.customizer-link{color:#f4fcff;background:linear-gradient(180deg,#2f9be8,#1d65b1);border:1px solid rgba(174,226,255,.44);text-decoration:none;border-radius:10px;padding:9px 12px;font-weight:700}.customizer-link-muted{color:#102843;background:linear-gradient(180deg,#ffe28f,#ffc44a);border:1px solid rgba(255,232,155,.82)}.customizer-grid{position:relative;z-index:1;margin-top:14px;display:grid;grid-template-columns:minmax(300px,385px) minmax(0,1fr);gap:12px}.customizer-card{background:linear-gradient(165deg,#071b30db,#0a253ebd);border:1px solid rgba(140,205,255,.3);border-radius:12px;padding:12px;color:#edf7ff;box-shadow:0 12px 28px #030c184d}.customizer-card h2{margin:0 0 10px;font-size:16px;letter-spacing:.07em;text-transform:uppercase;font-family:Orbitron,Rajdhani,sans-serif}.customizer-card label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#d3ecff;margin-top:8px}.customizer-card select,.customizer-card input{border-radius:8px;border:1px solid rgba(162,216,255,.48);background:#071422b3;color:#e6f6ff;padding:8px 9px}.customizer-card select:focus,.customizer-card input:focus{outline:none;border-color:#f7d36ed1;box-shadow:0 0 0 2px #f8ce5829}.customizer-actions{margin-top:14px}.customizer-actions button{width:100%;border:0;border-radius:9px;padding:12px;font-weight:700;font-size:16px;letter-spacing:.04em;color:#1a1207;background:linear-gradient(180deg,#ffe18b,#ffc54b);cursor:pointer;box-shadow:0 8px 18px #080e1657}.customizer-network{margin-top:16px;padding-top:12px;border-top:1px solid rgba(160,210,255,.24)}.customizer-network-actions{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.customizer-network-actions button{border:1px solid rgba(148,207,255,.4);border-radius:9px;padding:9px 10px;background:linear-gradient(180deg,#205c96e6,#1b4572e0);color:#eef9ff;font-weight:700;cursor:pointer}.customizer-network-actions button:disabled{opacity:.45;cursor:not-allowed}.customizer-network-error{margin-top:8px;border-radius:8px;border:1px solid rgba(255,160,160,.48);background:#54121a80;color:#ffd7d7;padding:8px 10px;font-size:12px}.customizer-network-browser{margin-top:12px;border-top:1px solid rgba(160,210,255,.2);padding-top:10px}.customizer-network-browser-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.customizer-network-browser-header h3{margin:0;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.customizer-network-browser-header button{border:1px solid rgba(148,207,255,.44);border-radius:8px;padding:6px 8px;background:#162232eb;color:#e7f8ff;font-weight:700;cursor:pointer}.customizer-network-room-list{margin-top:8px;display:flex;flex-direction:column;gap:7px;max-height:180px;overflow-y:auto}.customizer-network-room-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center;border:1px solid rgba(148,207,255,.28);border-radius:8px;padding:7px 8px;background:#0817289e;font-size:12px}.customizer-network-room-row button{border:1px solid rgba(255,224,134,.7);border-radius:8px;padding:5px 8px;background:linear-gradient(180deg,#ffe18c,#ffc54a);color:#19243a;font-weight:700;cursor:pointer}.customizer-preview-card{display:flex;flex-direction:column}.customizer-preview-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin-bottom:8px;font-size:14px}.customizer-preview-canvas{flex:1;min-height:300px;border-radius:10px;overflow:hidden;border:1px solid rgba(149,205,255,.32)}.customizer-preview-canvas canvas{width:100%!important;height:100%!important;display:block}.lab-shell{width:100%;min-height:100vh;padding:14px;background:linear-gradient(170deg,#cad3e0,#dae3ef);color:#101827}.lab-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.lab-header h1{margin:0;font-size:26px;line-height:1}.lab-header p{margin:6px 0 0;opacity:.72}.lab-link{color:#e9f5ff;background:#1f3044;text-decoration:none;border-radius:10px;padding:8px 12px;font-weight:700}.lab-controls-row{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lab-controls-row label{display:inline-flex;align-items:center;gap:8px;background:#141c28db;color:#f4fbff;border:1px solid rgba(140,196,255,.32);border-radius:10px;padding:8px 10px;font-size:13px}.lab-controls-row select{border-radius:6px;border:1px solid rgba(186,222,255,.6);background:#e4edf9;padding:3px 6px;color:#152236}.lab-toggle input{margin:0}.lab-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab-panel{border-radius:12px;overflow:hidden;border:1px solid rgba(20,34,54,.2);background:#0a1420bf}.lab-panel-title{color:#def6ff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:12px;padding:8px 10px;border-bottom:1px solid rgba(132,188,255,.24)}.lab-panel canvas{width:100%!important;height:min(38vh,360px)!important;display:block}.hud-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:12px;color:#ecf8ff;text-shadow:0 1px 2px rgba(0,0,0,.42)}.hud-reconnect-banner{align-self:center;margin-bottom:8px;padding:8px 12px;border-radius:999px;background:#b54646e0;border:1px solid rgba(255,215,215,.42);color:#fff4f4;font-weight:700;letter-spacing:.03em;pointer-events:none}.hud-top,.hud-bottom{display:flex;gap:10px}.hud-top{justify-content:space-between;align-items:flex-start}.hud-bottom{align-items:flex-end}.reticle{position:absolute;left:50%;top:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;opacity:.9;pointer-events:none}.reticle-h,.reticle-v{position:absolute;left:50%;top:50%;background:#f0fbff;box-shadow:0 0 0 1px #060f1af2,0 0 10px #7ddcffb3}.reticle-h{width:16px;height:2px;margin-left:-8px;margin-top:-1px}.reticle-v{width:2px;height:16px;margin-left:-1px;margin-top:-8px}.reticle-status{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;--reticle-status-width: 46px;--reticle-status-gap: 24px}.reticle-status-bar{position:absolute;width:var(--reticle-status-width);height:5px;border-radius:999px;background:#050c16bd;border:1px solid rgba(180,229,255,.24);overflow:hidden}.reticle-status-bar-health{right:var(--reticle-status-gap);bottom:11px}.reticle-status-bar-boost{left:var(--reticle-status-gap);bottom:11px}.reticle-status-bar-heat-left{right:var(--reticle-status-gap);top:-2px}.reticle-status-bar-heat-right{left:var(--reticle-status-gap);top:-2px}.reticle-status-fill{height:100%;width:0%;transition:width .12s linear}.reticle-status-fill-hp{background:linear-gradient(90deg,#2cff8a,#8cffc6)}.reticle-status-fill-boost{background:linear-gradient(90deg,#4cc6ff,#a3eeff)}.reticle-status-fill-heat{background:linear-gradient(90deg,#ffc062,#ff9b52)}.reticle-status-fill-overheat{background:linear-gradient(90deg,#ff655b,#ff9a8f)}.reticle-status-overheat{position:absolute;left:50%;top:10px;transform:translate(-50%);font-size:9px;letter-spacing:.1em;color:#ff8a8a}.hud-card{background:linear-gradient(165deg,#071b30d6,#0b2740b8);border:1px solid rgba(149,210,255,.34);border-radius:10px;padding:10px 12px;min-width:170px;pointer-events:auto;box-shadow:0 8px 22px #030a1457}.timer-card{text-align:center;min-width:200px}.network-card{min-width:220px}.network-card .hud-inline-btn{width:100%}.perf-card{min-width:240px}.perf-card .hud-inline-btn{width:100%}.menu-card{min-width:180px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px}.menu-card-locked{min-width:0;width:fit-content;padding:5px 10px;border-radius:999px;border-color:#b0e1ff4d;background:#0d1e32b8;align-items:center;justify-content:center;align-self:center;gap:0;pointer-events:none}.menu-card-locked .sub-line{margin:0;font-size:11px;line-height:1.15;letter-spacing:.02em;text-align:center;opacity:.88}.menu-card button{width:100%;border:1px solid rgba(169,222,255,.45);border-radius:8px;padding:8px 10px;background:linear-gradient(180deg,#2d80c6e6,#1c4c7de6);color:#ebf9ff;cursor:pointer;font-weight:700}.hud-inline-btn{margin-top:8px;border:1px solid rgba(168,220,255,.44);border-radius:8px;padding:8px 10px;background:linear-gradient(180deg,#2d80c6e6,#1c4c7de6);color:#ebf9ff;cursor:pointer;font-weight:700}.hud-inline-btn:disabled{opacity:.55;cursor:not-allowed}.timer{font-size:34px;font-weight:700;letter-spacing:1px}.sudden{color:#ffdc72;font-weight:700}.score-line{display:flex;justify-content:space-between;gap:16px;font-size:17px}.score-line strong{min-width:30px;text-align:right}.sub-line{margin-top:4px;font-size:12px;opacity:.8}.controls-card,.feed-card{min-width:250px}.hud-card h2{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.07em;font-family:Orbitron,Rajdhani,sans-serif}.kill-line{font-size:12px;margin-top:4px}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.touch-move-zone{position:absolute;left:0;top:0;width:48vw;height:100%;z-index:1;pointer-events:auto;touch-action:none}.touch-fire-mode{position:absolute;right:10px;top:10px;display:inline-flex;gap:8px;padding:6px;border-radius:999px;border:1px solid rgba(188,227,255,.34);background:#0b1d2fb8;box-shadow:0 10px 20px #080d1573;z-index:4;pointer-events:auto}.touch-mode-btn{border:1px solid rgba(164,216,250,.4);border-radius:999px;min-width:54px;height:40px;padding:0 12px;background:linear-gradient(160deg,#16293ff2,#2c5171c7);color:#e5f8ff;font-weight:700;font-size:14px;letter-spacing:.02em;pointer-events:auto}.touch-mode-btn-active{color:#1a2639;border-color:#ffe496e0;background:linear-gradient(180deg,#ffe28d,#ffc34a)}.touch-look-zone{position:absolute;right:0;top:62px;width:min(54vw,540px);height:calc(100% - 62px);border-radius:24px;border:1px solid rgba(188,227,255,.14);background:radial-gradient(circle at 70% 32%,#7ec1ff14,#0c162312);z-index:1;pointer-events:auto;touch-action:none}.touch-stick{position:absolute;width:152px;height:152px;border-radius:999px;border:1px solid rgba(176,224,255,.34);background:radial-gradient(circle at 32% 28%,#81ceff42,#1421348c);box-shadow:0 10px 28px #080c1273;pointer-events:none;transform:translate(-50%,-50%) scale(.9);transform-origin:center;opacity:0;transition:opacity .09s ease,transform .09s ease}.touch-stick-active{opacity:1;transform:translate(-50%,-50%) scale(1)}.touch-stick-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin-left:-31px;margin-top:-31px;border-radius:999px;border:1px solid rgba(220,245,255,.76);background:radial-gradient(circle at 30% 25%,#e9f8ffed,#73b6e59e);box-shadow:0 6px 14px #070e187a;transition:transform .03s linear}@media(max-width:900px){.customizer-grid{grid-template-columns:1fr}.customizer-header{align-items:flex-start;flex-direction:column}.customizer-preview-canvas{min-height:240px}.customizer-network-actions,.lab-grid{grid-template-columns:1fr}.lab-header{align-items:flex-start;flex-direction:column}.hud-top,.hud-bottom{flex-direction:column;align-items:stretch}.hud-card{width:fit-content;max-width:100%}.touch-look-zone{width:56vw;right:0;top:56px;height:calc(100% - 56px)}.reticle-status{top:50%;--reticle-status-width: 40px;--reticle-status-gap: 22px}.touch-stick{width:146px;height:146px}.touch-stick-knob{width:56px;height:56px;margin-left:-28px;margin-top:-28px}.touch-fire-mode{top:8px;right:8px;gap:6px;padding:5px}.touch-mode-btn{min-width:48px;height:36px;padding:0 10px;font-size:13px}}