:root{font-family:Inter,Arial,sans-serif;color:#eaf3f5;background:#09121a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #a5ffde;outline-offset:5px}.arena{position:fixed;inset:0}.arena canvas{display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,13,20,.83),transparent 75%),linear-gradient(0deg,rgba(3,10,16,.55),transparent 25%)}header{position:fixed;top:0;left:0;right:0;height:90px;padding:0 4%;display:flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff15}.brand{text-decoration:none;color:#fff;font-size:27px;letter-spacing:5px;font-weight:700}.brand span{color:#a5ffde}.brand i{font-size:10px;letter-spacing:2px;font-style:normal;color:#92a4ae;margin-left:12px}.badge{font-size:10px;letter-spacing:1.5px;border:1px solid #8cf6cb44;padding:9px 12px;color:#a5ffde}.badge b,.status b{display:inline-block;width:5px;height:5px;background:#a5ffde;margin-right:7px}.build{margin-left:auto;color:#8a9ba7;font-size:10px;letter-spacing:2px}main{position:relative;display:flex;min-height:100vh;padding:130px 7% 80px;align-items:center;pointer-events:none}.panel{width:390px;pointer-events:auto}.eyebrow{color:#a5ffde;font-size:10px;letter-spacing:3px}h1{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:104px;line-height:.88;letter-spacing:-2px;text-transform:uppercase;margin:24px 0}h1 span{color:#a5ffde}.panel p{font-size:14px;line-height:1.7;color:#9aadb9}.tabs{display:flex;gap:25px;border-bottom:1px solid #ffffff20;margin-top:25px}.tabs button{padding:12px 0;background:none;border:0;color:#8196a3;font-size:13px}.tabs .selected{color:#eaf3f5;border-bottom:2px solid #a5ffde}.brief{display:flex;align-items:center;gap:15px;margin:22px 0 10px}.number{font-family:Barlow Condensed,sans-serif;font-size:26px;color:#a5ffde;border:1px solid #a5ffde33;padding:9px}.brief strong{font-size:13px}.brief small{display:block;color:#849aa7;font-size:10px;margin-top:8px}.panel p.note{font-size:11px;line-height:1.7}.primary{width:100%;border:none;background:#a5ffde;color:#112d28;padding:17px 20px;text-align:left;font-size:13px;font-weight:700;margin-top:12px}.primary span{float:right}.primary:hover{background:#ceffeb}.reset{display:block;border:0;background:none;color:#9eafb9;font-size:11px;padding:13px 0}.controls{display:flex;gap:16px;border-top:1px solid #ffffff18;padding-top:20px;font-size:10px;color:#90a3af;margin-top:8px}kbd{font:9px Inter,Arial,sans-serif;padding:5px;border:1px solid #ffffff30;border-radius:2px;color:#c9d8e0;margin-right:4px}aside{flex:1;align-self:stretch;position:relative}.vertical{position:absolute;right:-3vw;top:14%;writing-mode:vertical-rl;font-size:9px;letter-spacing:4px;color:#a1b7c3}.arena-label{position:absolute;bottom:40px;right:0;text-align:right}.arena-label small{font-size:10px;letter-spacing:2px;color:#a5ffde}.arena-label h2{font-family:Barlow Condensed,sans-serif;font-weight:500;font-size:33px;text-transform:uppercase;margin:12px 0}.arena-label p{font-size:11px;color:#8ea9b7}.status{font-size:9px;letter-spacing:1.5px;margin-top:26px}.bottom-note{position:fixed;bottom:22px;left:4%;right:4%;font-size:8px;letter-spacing:2px;color:#859ba8}.bottom-note span{float:right}.hud{position:fixed;top:115px;right:4%;width:290px;display:flex;gap:30px}.hud>div:first-child{flex:1}.hud small{display:block;font-size:8px;letter-spacing:1.5px;color:#8faab7;margin-bottom:9px}.hud strong{font-size:12px;display:block}.hud strong span{float:right;color:#ff8b9b}.hud em{font-style:normal;color:#728e9e;font-size:10px}.health{height:3px;background:#ffffff20;margin-top:12px}.health div{height:100%;background:#ff8b9b}.telemetry{display:none}.reticle{position:fixed;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 2px #000)}.reticle span:before,.reticle span:after,.reticle i:before,.reticle i:after{content:"";position:absolute;background:currentColor}.reticle span:before{width:5px;height:2px;left:0;top:8px}.reticle span:after{width:5px;height:2px;right:0;top:8px}.reticle i:before{height:5px;width:2px;top:0;left:8px}.reticle i:after{height:5px;width:2px;bottom:0;left:8px}.reticle.hit{color:#ff8195!important}.tracking{position:fixed;top:calc(50% + 35px);left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#79939f}.tracking.active{color:#ff9cae}footer{position:fixed;bottom:30px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;color:#b2c9d4}footer span:nth-child(2){letter-spacing:2px}.settings{padding:20px 0}.settings label{display:block;font-size:12px;color:#b7cbd5;margin-bottom:20px}.settings output{float:right}.settings input[type=range]{display:block;width:100%;margin:16px 0;accent-color:#a5ffde}.settings .row{display:flex;justify-content:space-between;align-items:center}.settings input[type=color]{height:25px;width:45px;border:0;padding:0;background:none}.error{color:#ff9cae!important}@media(max-width:800px){header{height:70px}.brand i,.build,aside,.hud,.bottom-note span{display:none}main{padding:110px 7% 65px}.panel{width:min(390px,100%)}h1{font-size:80px}.badge{margin-left:auto;font-size:8px}footer span:nth-child(2){display:none}}@media(max-height:800px)and (min-width:801px){main{padding-top:105px}h1{font-size:80px;margin:18px 0}.panel p{margin:10px 0}.controls{padding-top:12px}.brief{margin-top:15px}}.display-controls{margin-left:auto;display:flex;align-items:center;gap:20px}.display-controls button{background:#10252ddd;border:1px solid #a5ffde55;color:#c5fbe7;padding:9px 12px;font-size:11px}.fps{font-size:10px;color:#91a9b6;white-space:nowrap;letter-spacing:1px}.fps strong{font-variant-numeric:tabular-nums;color:#a5ffde;font-size:18px;letter-spacing:0}@media(max-width:600px){header{gap:10px}.brand{font-size:20px}.badge{display:none}.display-controls{gap:12px}}.own-hp{margin-top:20px}.health.own div{background:#a5ffde}.join{display:flex;gap:8px;margin-top:15px}.join input{width:58%;background:#0c202c;border:1px solid #54717d;color:#eaf3f5;padding:12px;letter-spacing:4px;min-width:0}.join button{flex:1;background:#1d3a43;color:#b7ffe6;border:1px solid #54717d;font-size:12px}.room-code{margin-top:20px}.room-code small{display:block;font-size:9px;letter-spacing:2px;color:#8ea9b7}.room-code strong{display:block;font-size:34px;letter-spacing:8px;color:#a5ffde;margin:8px 0}.roster{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;margin:15px 0}.roster>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:11px}.roster b{color:#a5ffde;font-size:9px;letter-spacing:1px}button:disabled{opacity:.45;cursor:default}.lobby h2{margin:15px 0;font-size:22px}.lobby .note{margin:10px 0}.panel:has(.lobby) h1{font-size:64px}@media(max-height:800px){main{align-items:flex-start}.panel:has(.lobby){padding-bottom:35px}}.practice-progress{position:fixed;top:195px;right:4%;width:290px;font-size:9px;color:#a5ffde;letter-spacing:1px;pointer-events:none}@media(max-width:800px){.practice-progress{top:85px;right:4%;width:auto;font-size:8px}}.match-score{position:fixed;top:110px;left:50%;transform:translate(-50%);min-width:220px;text-align:center;pointer-events:none;background:#09121acc;padding:10px 18px;border:1px solid #a5ffde22}.match-score small{font-size:9px;letter-spacing:2px;color:#a5ffde}.match-score>div{display:flex;gap:28px;justify-content:center;margin:8px 0}.match-score>div>span{display:flex;gap:10px;align-items:center;font-size:11px}.score-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-score b{font-size:24px;color:#a5ffde}.match-score>strong{font-size:16px;font-variant-numeric:tabular-nums}.match-message{position:fixed;top:35%;left:50%;transform:translate(-50%,-50%);text-align:center;width:min(90%,650px);pointer-events:none;text-shadow:0 2px 8px #000}.match-message strong{display:block;font-size:32px;color:#a5ffde}.match-message.countdown strong{font-size:100px}.match-message span{display:block;font-size:12px;line-height:1.6;margin-top:10px;color:#d3e8ee}.player-name{display:block;color:#a5ffde;font-size:11px;margin-top:16px}.player-name input{display:block;width:100%;margin-top:8px;padding:10px;color:#eaf3f5;background:#0c202c;border:1px solid #54717d}@media(max-width:1000px){.match-score{top:auto;bottom:65px;padding:5px 10px}.match-score>div{margin:4px 0}}@media(max-height:800px){.panel:has(.lobby) h1{font-size:48px;margin:10px 0}.panel:has(.lobby) .room-code strong{font-size:26px}.panel:has(.lobby) .controls{display:none}}.crosshair-overlay{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}.crosshair-preview{display:block;pointer-events:none;overflow:visible}.reticle-demo{height:125px;display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#54707d,#10232c);position:relative;border:1px solid #577987}.reticle-demo small{position:absolute;bottom:7px;font-size:8px;letter-spacing:1.5px;color:#d6e9e9}.preset-buttons{display:flex;gap:8px;margin:12px 0 20px}.preset-buttons button{flex:1;background:#17333d;color:#d0ffef;border:1px solid #446570;padding:8px;font-size:10px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.editor select,.mode-picker select{background:#102630;border:1px solid #517581;color:#eaf3f5;padding:8px;font-size:11px;max-width:100%}.mode-picker>label{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:8px}.mode-preview{height:135px;width:100%;background:#0a1a2299;margin:8px 0}.mode-preview canvas{display:block}.mode-stats{display:flex;justify-content:space-between;gap:8px;color:#91aab6;font-size:9px}.mode-stats b{color:#a5ffde;display:block;margin-top:4px;font-size:13px}.panel:has(.editor),.panel:has(.lobby){max-height:calc(100dvh - 180px);overflow-y:auto;padding-right:12px;scrollbar-color:#466c78 #0b1c25;scrollbar-width:thin}.panel:has(.editor)>h1,.panel:has(.lobby)>h1{font-size:42px;margin:10px 0}.panel:has(.editor)>p,.panel:has(.lobby)>p{display:none}.panel:has(.editor) .tabs,.panel:has(.lobby) .tabs{margin-top:12px}.mode-picker .note{font-size:10px!important}.editor .reset{padding-top:0}@media(max-height:650px){.panel:has(.editor),.panel:has(.lobby){max-height:calc(100dvh - 140px)}}.diagnostics{position:fixed;left:4%;bottom:70px;pointer-events:none;background:#06131de8;border:1px solid #a5ffde44;padding:12px;font:10px/1.7 monospace;z-index:3;max-width:90vw}.diagnostics strong{color:#a5ffde}.diagnostics span,.diagnostics small{display:block}.diagnostics small{color:#91a7b3;font-size:8px}body:has(.editor) .diagnostics{left:auto;right:4%;max-width:40vw}@media(max-width:800px){body:has(.editor) .diagnostics{display:none}}.network-warning{position:fixed;left:50%;bottom:170px;transform:translate(-50%);padding:12px 18px;background:#542c27;color:#ffd9aa;font-size:12px;pointer-events:none;z-index:4;text-align:center}.account{padding:12px 0}.account fieldset{border:0;padding:0;margin:0;min-width:0}.account label{display:block;font-size:12px;color:#b7cbd5;margin-top:16px}.account input{display:block;width:100%;padding:12px;margin-top:7px;background:#0c202c;border:1px solid #54717d;color:#eaf3f5}.account h2{font-size:20px}.account-tabs{display:flex;gap:8px;margin:20px 0}.account-tabs button{flex:1;padding:10px 6px;background:#102630;color:#c4dbe4;border:1px solid #395864;font-size:11px}.account-tabs button[aria-pressed=true]{border-color:#a5ffde;color:#a5ffde}.account-message{padding:12px;border:1px solid #a5ffde55;background:#102a28;color:#c8ffea!important}.panel:has(.account){max-height:calc(100dvh - 180px);overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#466c78 #0b1c25}.panel:has(.account)>h1{font-size:42px;margin:10px 0}.panel:has(.account)>p{display:none}.tabs{gap:20px}header{z-index:5}.account button:focus-visible{outline:2px solid #a5ffde;outline-offset:3px}.quick-play{margin-top:20px;padding:18px;background:linear-gradient(130deg,#183b3deb,#10232deb);border:1px solid #a5ffde55}.quick-play h2{font-size:22px;margin:12px 0}.queue-mode{display:flex;align-items:center;justify-content:space-between;font-size:12px}.queue-mode select{background:#102630;color:#eaf3f5;padding:8px;border:1px solid #54717d}.queue-clock{font-size:48px;color:#a5ffde;font-variant-numeric:tabular-nums;margin:10px 0}.bot-offer{padding:12px;border:1px solid #ffbd8580;background:#51372944}.bot-offer>strong{color:#ffd0a3}.progress-panel{border-top:1px solid #a5ffde44;margin-top:18px;padding-top:10px}.level-line{display:flex;justify-content:space-between;color:#a5ffde}.progress-panel progress{width:100%;height:10px;accent-color:#a5ffde;margin-top:12px}.stat-card,.history-row{padding:12px 0;border-bottom:1px solid #ffffff1c;font-size:12px}.stat-card div{margin:8px 0}.stat-card small,.history-row small{display:block;color:#9aadb9;font-size:10px;line-height:1.6}.progress-panel h3{font-size:14px}.panel:has(.quick-play){max-height:calc(100dvh - 180px);overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#466c78 #0b1c25}.panel:has(.quick-play)>h1{font-size:42px;margin:10px 0}.panel:has(.quick-play)>p{display:none}