:root{font-family:Arial,Helvetica,sans-serif;color:#f1f3e9;background:#0b0d12;font-synthesis:none;--lime:#c7fa53;--muted:#8c949e;--line:#ffffff1c}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{min-height:100svh}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{color:inherit}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}#world{position:fixed;inset:0}#world>canvas{width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,10,14,.94),rgba(8,10,14,.52) 36%,transparent 68%),linear-gradient(0deg,#090b10,transparent 24%,transparent 85%,#090b10aa)}body.playing .vignette{background:radial-gradient(ellipse at center,transparent 45%,#080a104f)}.topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;padding:27px 42px;gap:25px;z-index:3}.brand{display:flex;align-items:center;gap:7px;color:#f1f3e9;text-decoration:none;font-size:18px;font-weight:900;letter-spacing:-.6px}.brand span{color:var(--lime)}.brand svg{width:29px;height:29px;fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;margin-right:4px}.mode-tag{font:10px monospace;letter-spacing:1.5px;border:1px solid var(--line);border-radius:50px;padding:10px 13px;color:#c4c8c8;margin-left:auto;background:#101318a6;display:flex;align-items:center;gap:9px}.mode-tag i,.launch-note i{width:5px;height:5px;display:inline-block;background:var(--lime);border-radius:50%;box-shadow:0 0 8px #c7fa5355}.mode-tag span{color:#5d666f}.icon-button{display:grid;place-items:center;flex-shrink:0;background:#11151dbb;border:1px solid #ffffff28;width:35px;height:35px;border-radius:50%;font:16px monospace}.lobby{position:absolute;left:7.2vw;top:18.7vh;z-index:2;max-width:570px}.eyebrow{font:10px monospace;letter-spacing:2.6px;color:#a6afb5;margin-bottom:22px}.tiny-cross{color:var(--lime);font-size:15px;margin-right:7px}h1{font-size:clamp(52px,5.7vw,88px);line-height:.94;letter-spacing:-5px;font-weight:950;margin:0 0 22px}h1 em,h2 em{color:var(--lime);font-style:italic}p.intro{color:#a1a6af;font-size:14px;line-height:1.65;margin-bottom:25px}.launch-card{background:linear-gradient(135deg,#15191fea,#11151bdd);border:1px solid #ffffff24;border-radius:14px;padding:21px 23px;max-width:393px;box-shadow:0 20px 50px #0003}.card-heading{font:9px monospace;letter-spacing:1.6px;display:flex;justify-content:space-between;color:#bec5cc;margin-bottom:19px}.slot{color:#67717e}label{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.4px;color:#a6aeb6;margin-bottom:8px}label span{font:10px Arial;letter-spacing:0;color:#68717a}input{width:100%;border:1px solid #ffffff1c;background:#090c12b0;border-radius:6px;color:#fff;font:13px Arial;padding:12px 13px;outline:none}input:focus{border-color:var(--lime)}input::placeholder{color:#68717a}.skin-row{display:flex;align-items:center;gap:12px;margin:17px 0 20px;font:8px monospace;letter-spacing:.5px;color:#96a0a9}.swatches{display:flex;gap:10px;margin-left:auto}.swatch{padding:0;width:20px;height:20px;background:var(--swatch);border:3px solid #14191d;border-radius:50%;outline:1px solid #ffffff28}.swatch.selected{outline:1px solid var(--swatch);box-shadow:0 0 12px #c7fa531a}#skin-name{font-size:8px;min-width:60px;text-align:right;color:#b9c3c8}.primary{border:none;background:var(--lime);color:#132008;min-height:51px;width:100%;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-radius:6px;font-size:12px;letter-spacing:1px;font-weight:800;text-align:left;transition:transform .15s,filter .15s;box-shadow:0 5px 25px #c7fa5310}.primary>span:last-child{font-size:24px;font-weight:400}.primary:active{transform:scale(.985)}.launch-note{font:7px monospace;display:flex;align-items:center;justify-content:center;gap:8px;color:#7c8792;letter-spacing:.35px;margin-top:15px}.launch-note b{color:#48515a}.device-best{display:flex;align-items:center;gap:12px;margin-top:22px;font:10px monospace;color:var(--lime)}.device-best span{color:#a4adb4;font-size:9px;letter-spacing:1.2px}.device-best strong{font-size:16px}.device-best small{color:#55606c;font-size:8px;letter-spacing:1px;border-left:1px solid #ffffff20;padding-left:12px}.arena-stamp{position:absolute;right:7.4vw;top:30vh;text-align:right;pointer-events:none}.orbit-label{font-size:11px;font-weight:800;letter-spacing:2px;color:#c7fa53}.arena-stamp>span{display:block;color:#67706f;font-size:9px;letter-spacing:2px;margin-top:7px}.coordinate{font:8px monospace;letter-spacing:1.5px;color:#76807a;margin-top:14px}footer{position:fixed;bottom:0;left:0;right:0;display:flex;gap:33px;align-items:center;padding:23px 43px;border-top:1px solid #ffffff10;background:#090b1066;z-index:2}.rule{display:flex;gap:10px;align-items:center;font:9px monospace;letter-spacing:1px;color:#a7aeb6}.rule b{font:8px monospace;color:#6b757f;border:1px solid #ffffff21;border-radius:3px;padding:5px}.footer-note{margin-left:auto;color:#586370;font:8px monospace;letter-spacing:2px}.panel{background:#0d1119dc;border:1px solid #ffffff22;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud{position:fixed;inset:0;pointer-events:none;z-index:2}.hud button{pointer-events:auto}.stats{position:absolute;left:40px;top:99px;display:flex;align-items:center;padding:15px 17px;gap:28px}.stats>div{display:flex;flex-direction:column;gap:5px}.stats span,.energy span{font:8px monospace;letter-spacing:1.8px;color:#8d9ba7}.stats strong{font-size:26px;font-weight:800;letter-spacing:-1px}.stats>div:first-child strong{color:var(--lime)}.stats .icon-button{margin-left:5px}.energy{position:absolute;left:40px;top:197px;width:228px;padding:15px 17px}.energy>div:first-child{display:flex;justify-content:space-between;align-items:center}.energy b{font:10px monospace;color:var(--lime)}.energy-track{height:5px;border-radius:5px;background:#fff1;margin:11px 0 8px;overflow:hidden}.energy-track>div{height:100%;background:var(--lime);width:100%;border-radius:5px}.energy small{font:7px monospace;letter-spacing:.7px;color:#566575}.standings{position:absolute;right:40px;top:99px;width:217px;padding:18px 16px}.panel-title{font:9px monospace;letter-spacing:1px;color:#acb5c2;display:flex;justify-content:space-between}.panel-title span{color:var(--lime);font-size:8px}ol{list-style:none;padding:0;margin:17px 0 13px}ol li{display:flex;align-items:center;gap:10px;padding:8px 0;font:10px monospace;color:#8e9aa6;border-bottom:1px solid #ffffff09}ol li b{font:9px monospace;color:#525c66}ol li span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ol li b,ol li span:last-child{flex-shrink:0}ol li span:last-child{margin-left:auto}ol li.you{color:var(--lime)}.standings>small{font:6px monospace;color:#66717c;white-space:nowrap;letter-spacing:.2px}.map-wrap{position:absolute;bottom:30px;right:40px;width:154px;padding:9px;display:flex;flex-direction:column;align-items:center;gap:7px}.map-wrap>span{font:7px monospace;letter-spacing:1.5px;color:#8a98a3}#map{width:128px;height:128px}.map-wrap small{font:10px monospace;color:#bcc4c7}.live-tip{position:absolute;bottom:35px;left:40px;font:9px monospace;letter-spacing:1.5px;color:#97a1ad}.live-tip span{color:var(--lime);margin:0 10px}dialog{color:#f1f3e9;background:linear-gradient(145deg,#1a2029,#0e1219);border:1px solid #ffffff25;border-radius:18px;width:450px;max-width:calc(100vw - 28px);padding:35px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#04070db5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h2{font-size:43px;letter-spacing:-2px;line-height:1.02;margin:0 0 20px}dialog .eyebrow{font-size:8px;margin-bottom:20px}dialog p{color:#939fab;font-size:12px;line-height:1.65;margin:15px 0 24px}.secondary{width:100%;padding:16px 10px 0;background:none;border:0;color:#85929f;font:9px monospace;letter-spacing:1px}.result-stats{display:flex;gap:25px;margin:26px 0}.result-stats div{display:flex;flex-direction:column;gap:9px}.result-stats span{font:8px monospace;color:#7d8b98;letter-spacing:1px}.result-stats strong{font-size:26px;color:var(--lime);letter-spacing:-1px}.best-result{font:9px monospace;color:#8e9d9d;padding-bottom:25px}.help-rules{padding:0;list-style:none}.help-rules li{display:grid;grid-template-columns:58px 1fr;gap:10px;margin:17px 0;font-size:11px;line-height:1.6;color:#96a3b1}.help-rules b{color:var(--lime);font:9px monospace;margin-top:3px}.honesty{padding:13px;border:1px solid #ffffff14;border-radius:6px;font-size:10px!important}#gpu-error{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#090d16ed;padding:25px}#gpu-error p{color:#92a1ae;max-width:400px;font-size:13px;line-height:1.6}#gpu-error button{max-width:300px;margin-top:20px}#storage-note{position:fixed;bottom:77px;left:42px;font:9px monospace;color:#c8b58e;z-index:4;max-width:300px;pointer-events:none}#touch-controls{display:none}body.playing .topbar .mode-tag{background:#0e141ed9}body.playing .brand{pointer-events:none}@media(min-width:1800px){.lobby{top:23vh}}@media(max-height:790px)and (min-width:701px){.lobby{top:17vh}.eyebrow{margin-bottom:16px}h1{font-size:65px;margin-bottom:15px}.intro{margin-bottom:18px!important}.launch-card{padding:17px 20px}.card-heading{margin-bottom:14px}.skin-row{margin:14px 0}.device-best{margin-top:14px}}@media(max-width:900px){.lobby{left:6vw}h1{font-size:64px}.footer-note{display:none}footer{justify-content:space-between;gap:10px;padding:20px 25px}.arena-stamp{right:4vw;font-size:8px}.standings{right:20px}.stats,.energy{left:20px}.map-wrap{right:20px}}@media(max-width:700px),(pointer:coarse){.topbar{padding:20px;gap:12px}.brand{font-size:15px}.brand svg{width:25px;height:25px;margin:0}.mode-tag{font-size:7px;letter-spacing:.7px;padding:8px 9px;gap:6px}.icon-button{width:30px;height:30px;font-size:13px}.topbar>#help{display:grid}.lobby{inset:auto 20px 83px;max-width:none}.lobby .eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:12px}h1{font-size:48px;letter-spacing:-2.8px;line-height:.98;margin-bottom:13px}.intro{font-size:11px!important;line-height:1.5!important;margin:0 0 18px!important}.intro br{display:none}.launch-card{max-width:none;padding:17px 18px;border-radius:12px;background:#11161eea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-heading{font-size:8px;margin-bottom:15px}.launch-note{font-size:6px;gap:7px;letter-spacing:.1px}.skin-row{font-size:7px;margin:15px 0;gap:9px}.swatches{gap:12px}.device-best{margin-top:13px;gap:10px}.device-best span{font-size:8px}.device-best small{font-size:7px}.device-best strong{font-size:13px}.arena-stamp{top:104px;right:20px}.orbit-label{font-size:8px}.arena-stamp>span{font-size:7px}.coordinate{display:none}.vignette{background:linear-gradient(0deg,#090b10 8%,#090b10aa 36%,transparent 73%,#090b1066)}footer{padding:14px 20px 20px}.rule{flex-direction:column;gap:6px;align-items:flex-start;font-size:6px;letter-spacing:.7px}.rule b{font-size:6px;padding:3px}.stats{top:79px;left:15px;padding:11px 12px;gap:22px}.stats strong{font-size:23px}.stats span{font-size:7px}.energy{top:166px;left:15px;width:180px;padding:12px}.energy small{font-size:6px}.standings{top:79px;right:15px;width:113px;padding:12px 10px}.panel-title{font-size:6px;letter-spacing:.1px}.panel-title span{display:none}ol{margin:9px 0 0}ol li{font-size:7px;gap:5px;padding:7px 0}ol li b{font-size:7px}.standings>small{display:none}.map-wrap{width:82px;padding:6px;bottom:178px;right:15px;gap:3px}#map{width:68px;height:68px}.map-wrap>span{font-size:5px;letter-spacing:.5px}.map-wrap small{font-size:8px}.live-tip{bottom:18px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1px}.live-tip span{margin:0 7px}#touch-controls{display:block;pointer-events:none}#joystick{position:absolute;bottom:max(45px,env(safe-area-inset-bottom));left:25px;width:112px;height:112px;border:1px solid #ffffff30;background:#151d2d99;border-radius:50%;touch-action:none;pointer-events:auto;display:grid;place-items:center}#joystick:before{content:"";position:absolute;inset:16px;border:1px dashed #ffffff18;border-radius:50%}#joystick>span{position:absolute;bottom:9px;font:6px monospace;letter-spacing:2px;color:#8794a7;pointer-events:none}#stick{width:46px;height:46px;background:#c7fa5330;border:1px solid #c7fa5377;border-radius:50%;box-shadow:0 3px 12px #0003;pointer-events:none}#boost{position:absolute;bottom:max(52px,env(safe-area-inset-bottom));right:27px;width:92px;height:92px;border:1px solid #c7fa5377;color:var(--lime);background:#27321cbb;border-radius:50%;font:8px monospace;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none}#boost span{font-size:30px;font-weight:700}#boost.active{background:#c7fa5359;box-shadow:0 0 35px #c7fa5330}dialog{padding:27px}h2{font-size:38px}.result-stats{gap:20px}.result-stats strong{font-size:23px}.result-stats span{font-size:7px}#storage-note{bottom:8px;left:20px;font-size:7px;max-width:280px}.playing #storage-note{bottom:25px}}@media(max-width:350px){.topbar{padding:16px}.brand{font-size:13px}.brand svg{width:22px}.mode-tag{font-size:6px;padding:7px}.lobby{left:16px;right:16px;bottom:76px}h1{font-size:42px}.intro{font-size:10px!important}.launch-card{padding:15px}.skin-row{gap:8px}.swatches{gap:9px}.swatch{width:18px;height:18px}.launch-note{font-size:5px}.device-best{gap:8px}.arena-stamp{top:87px}.stats{gap:16px;padding:10px}.stats strong{font-size:21px}.standings{width:99px;padding:10px 8px}.energy{width:173px}.rule{font-size:5px}#joystick{left:17px;width:103px;height:103px}#boost{right:20px;width:83px;height:83px}}@media(max-height:720px)and (max-width:700px){.lobby{bottom:70px}h1{font-size:39px}.lobby .eyebrow{margin-bottom:8px}.intro{margin-bottom:11px!important}.launch-card{padding:13px 16px}.card-heading{margin-bottom:10px}input{padding:10px 12px}.skin-row{margin:12px 0}.primary{min-height:46px}.launch-note{margin-top:11px}.device-best{margin-top:10px}footer{padding-bottom:13px}.arena-stamp{top:85px}}dialog{max-height:calc(100svh - 28px);overflow:auto}@media(max-height:500px)and (orientation:landscape){.topbar{padding:11px 24px}.lobby{inset:76px 32px 48px;max-width:none;display:grid;grid-template-columns:1fr minmax(280px,345px);grid-template-rows:20px 100px 48px 30px;gap:0 26px;align-items:start}.lobby>.eyebrow{grid-column:1;margin:0;font-size:7px}.lobby h1{grid-column:1;font-size:45px;letter-spacing:-2.5px;margin:0;line-height:1}.lobby .intro{grid-column:1;font-size:10px!important;margin:0!important;max-width:280px}.lobby .launch-card{grid-column:2;grid-row:1/5;padding:15px 18px;width:100%;max-width:none}.lobby .card-heading{display:none}.lobby label{font-size:8px}.lobby input{padding:10px 12px}.lobby .skin-row{margin:13px 0}.lobby .primary{min-height:45px}.lobby .launch-note{margin-top:12px}.lobby .device-best{grid-column:1;margin:8px 0 0;gap:9px}.device-best small{font-size:7px}.arena-stamp{display:none}footer{padding:9px 25px}.rule{font-size:6px}.footer-note{display:none}.vignette{background:linear-gradient(90deg,#090b10e8,#090b1066)}.stats{top:65px;left:20px;padding:10px 12px}.energy{top:148px;left:20px;width:180px;padding:10px 12px}.standings{display:none}.map-wrap{right:145px;bottom:20px;width:82px;padding:6px}.map-wrap>span{font-size:5px}#map{width:68px;height:68px}#joystick{bottom:18px;left:25px;width:100px;height:100px}#boost{bottom:21px;right:25px;width:88px;height:88px}.live-tip{bottom:15px;left:160px;right:240px;font-size:6px;text-align:center}dialog{padding:23px}dialog h2{font-size:32px;margin-bottom:12px}dialog .eyebrow{margin-bottom:12px}dialog p{margin:12px 0 18px}.help-rules li{margin:12px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
