:root{font-family:Segoe UI,Arial,sans-serif;color:#f1f2e8;background:#0b110d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--acid:#d3ff5e;--ink:#101711;--muted:#899589;--line:rgba(225,237,210,.16)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:5px}input:focus-visible{outline:none}button,input{border-radius:0}button{touch-action:manipulation}button svg{flex-shrink:0}::selection{color:var(--ink);background:var(--acid)}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.scene-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#0a120cfa,#0a120ce8 22%,#0a120cb3 38%,#0a120c14 68%),linear-gradient(0deg,rgba(9,15,10,.9),transparent 23%,transparent 72%,rgba(9,15,10,.44));transition:opacity .5s}body[data-mode=playing] .scene-shade,body[data-mode=dead] .scene-shade{display:none}.lobby{position:absolute;inset:0;overflow:auto;min-height:720px;padding:0 4.3vw;isolation:isolate}.lobby-header{height:105px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1.1px}.brand-mark{color:var(--acid);width:23px;height:27px}.wordmark-dot{font-size:11px;vertical-align:top;margin:1px 0 0 3px;display:inline-block;letter-spacing:0}.header-caption{font-size:9px;letter-spacing:1.7px;color:#a9b5a7;border-left:1px solid var(--line);padding-left:25px}.network-status{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:9px;font-weight:600;letter-spacing:1.3px}.status-dot{width:6px;height:6px;border-radius:100%;background:var(--acid);box-shadow:0 0 12px #d3ff5e4d;display:inline-block;flex-shrink:0}.lobby-content{padding-top:49px;width:450px;position:relative;z-index:2}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;display:flex;gap:12px;align-items:center;color:#c1cbb9}.tiny-cross{font-size:19px;font-weight:400;color:var(--acid);line-height:10px}.eyebrow-divider{color:#536250;margin:0 3px}.lobby h1{font-family:Arial Narrow,Impact,sans-serif;font-size:clamp(68px,6.45vw,101px);line-height:.92;letter-spacing:-2px;text-transform:uppercase;font-weight:700;margin:24px 0 21px}.italic-letter{font-style:italic;color:var(--acid)}.hero-description{font-size:13px;line-height:1.75;color:#a9b3a4;margin:0 0 29px}.join-form{width:400px}.form-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:8px;letter-spacing:1.3px;font-weight:600;color:#d1d9cb}.form-step{color:#687763;font-size:8px;letter-spacing:.9px}.form-fields{display:flex;gap:10px}.field{position:relative;border:1px solid #384534;background:#131d148c;padding:11px 13px 8px;transition:border-color .2s,background .2s}.field:focus-within{border-color:var(--acid);background:#242f1999}.name-field{width:59%}.room-field{width:41%}.field label{font-size:9px;display:block;color:#a5b19c;margin-bottom:6px}.field label span{font-size:8px;color:#667460;margin-left:5px}.field input{background:none;border:0;width:100%;padding:0 21px 2px 0;color:#eff2e8;font-size:13px;font-weight:500;line-height:21px;min-width:0}.field input::placeholder{color:#72806c}.room-field input{font-size:12px;letter-spacing:1.3px}.field-icon{position:absolute;right:12px;bottom:12px;color:#8b987f;font-size:16px}.room-icon{position:absolute;right:12px;bottom:14px;color:#8b987f}.field-help{font-size:9px;color:#7f8e76;margin:9px 0 18px}.color-fieldset{padding:0;margin:0 0 21px;border:0;display:flex;align-items:center;gap:12px;min-width:0}.color-fieldset legend{font-size:9px;color:#a5b19c;margin:0 0 10px;padding:0}.color-options{display:flex;gap:7px}.color-swatch{padding:3px;border:1px solid transparent;background:none;width:25px;height:25px;border-radius:50%;transition:border-color .2s,transform .2s}.color-swatch>span{display:block;width:100%;height:100%;background:var(--swatch);border-radius:50%}.color-swatch:hover{transform:translateY(-2px)}.color-swatch.selected,.color-swatch[aria-pressed=true]{border-color:var(--swatch)}.color-note{font-size:7px;letter-spacing:1.3px;margin-left:auto;color:#63735e}.play-button{border:1px solid var(--acid);width:100%;background:var(--acid);color:#182110;display:flex;align-items:center;justify-content:space-between;padding:0 21px;height:55px;font-size:11px;font-weight:700;letter-spacing:1.1px;transition:background .2s,transform .2s,box-shadow .2s}.play-button:hover{background:#e0ff91;box-shadow:0 6px 28px #c5ff5220;transform:translateY(-1px)}.play-button:active{transform:translateY(1px)}.button-arrow{font-size:29px;line-height:1;font-weight:400;letter-spacing:0}.form-footer{font-size:7px;letter-spacing:1.25px;color:#829078;display:flex;align-items:center;justify-content:center;margin-top:13px;gap:7px}.little-dot{width:3px;height:3px;background:#92a481;border-radius:50%;margin-right:1px}.footer-separator{margin:0 1px;color:#56634c}.lobby-error{font-size:11px;color:#ffb5a9;line-height:1.5;margin:0 0 12px;padding:9px 11px;background:#812a2329;border-left:2px solid #ef8171}.arena-label{position:absolute;top:162px;right:4.3vw;width:195px;pointer-events:none}.arena-label-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.live-pill{font-size:8px;letter-spacing:1.2px;display:flex;gap:7px;align-items:center}.live-pill i{display:block;width:5px;height:5px;background:var(--acid);border-radius:50%;animation:livePulse 2.5s infinite}.arena-number{font-size:10px;color:#839079;font-variant-numeric:tabular-nums;letter-spacing:1px}.arena-label-title{font-size:24px;line-height:1.12;letter-spacing:-.7px;font-weight:500;margin-top:17px}.arena-label>p{font-size:7px;letter-spacing:1.25px;color:#9fae91;margin:14px 0 24px}.arena-coordinate{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px}.arena-coordinate>span{font-size:6px;letter-spacing:1.05px;color:#849278}.arena-coordinate svg{width:26px;height:26px;color:#8f9c82}.lobby-footer{position:absolute;left:4.3vw;right:4.3vw;bottom:53px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px}.control-guide{display:flex;align-items:center;gap:21px}.footer-label{font-size:8px;letter-spacing:1.4px;color:#738168;margin-right:4px}.control-item{display:flex;align-items:center;gap:5px;font-size:10px;color:#a0ad94}.control-item .key:last-of-type{margin-right:4px}.key{min-width:19px;height:20px;border:1px solid #5b685144;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;font-size:9px;color:#c8d2bc;background:#9cac8710;line-height:1;letter-spacing:.2px;font-weight:500}.key-wide{font-size:7px;padding:0 6px}.invite-area{display:flex;gap:18px;align-items:center;font-size:8px;font-weight:500;letter-spacing:1.2px;color:#a8b49c}.invite-area>span:first-child{white-space:nowrap}.invite-area #online-count{color:var(--acid);font-variant-numeric:tabular-nums}.invite-divider{height:13px;width:1px;background:var(--line)}.copy-link{padding:0;border:0;background:transparent;display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1.2px;font-weight:600;white-space:nowrap;color:#d1dac7}.copy-link:hover{color:var(--acid)}.server-line{position:absolute;left:4.3vw;right:4.3vw;bottom:18px;display:flex;justify-content:space-between;gap:16px;font-size:6px;letter-spacing:1.2px;color:#56664d}.server-line>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.hud{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#040d09a0,transparent 145px),linear-gradient(0deg,#040d0970,transparent 130px);font-variant-numeric:tabular-nums}.hud-top-left{position:absolute;top:28px;left:32px;display:flex;align-items:center;gap:20px}.hud-wordmark{font-weight:700;font-size:25px;letter-spacing:-1.5px}.hud-wordmark>span{font-size:9px;vertical-align:top;margin-left:3px;letter-spacing:0}.hud-room{border-left:1px solid var(--line);padding-left:20px;display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.4px;color:#d4dec9}.scoreboard{position:absolute;top:80px;left:32px;display:flex;align-items:flex-end;gap:28px}.stat-label{font-size:8px;letter-spacing:1.35px;color:#b2bfa6;display:block;font-weight:500}.score-primary>strong{display:block;font-family:Arial Narrow,Impact,sans-serif;font-size:55px;line-height:1.14;font-weight:600;letter-spacing:-.5px}.score-secondary{padding-bottom:6px}.score-secondary>strong{display:block;margin-top:8px;font-size:21px;font-weight:500}.score-secondary small{font-size:12px;color:#a6b698}.leaderboard-panel{position:absolute;top:28px;right:32px;width:235px;padding:14px 16px 10px;background:#0d1b13e8;border:1px solid #d4eeb619}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4eeb621;padding-bottom:10px;font-size:8px;letter-spacing:1.4px;color:#dce9cf}.panel-plus{color:var(--acid);font-size:14px}.leaderboard{list-style:none;margin:8px 0 0;padding:0}.leaderboard li{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:11px;color:#bdcbb2}.leaderboard li.you,.leaderboard li.is-self,.leaderboard li.self{color:var(--acid)}.leaderboard li .rank,.leaderboard li .leaderboard-rank{width:13px;color:#7f9472;font-size:9px}.leaderboard li .name,.leaderboard li .leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.leaderboard li .score,.leaderboard li .leaderboard-score,.leaderboard li>strong{margin-left:auto;font-size:10px}.leaderboard li .color-dot,.leaderboard li .leaderboard-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.hud-bottom-left{position:absolute;bottom:37px;left:32px;text-align:center}.map-wrap{position:relative;width:146px;height:146px;border:1px solid #d4eeb630;background:#0b1b12b3;border-radius:50%;overflow:hidden;box-shadow:0 0 0 5px #0d1b1330}.map-wrap canvas{display:block;width:100%;height:100%}.map-north{position:absolute;top:6px;left:0;right:0;font-size:7px;color:#c0d2ac;pointer-events:none}.map-caption{display:block;font-size:6px;letter-spacing:1.25px;color:#b0bea3;margin-top:11px}.boost-panel{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:280px}.boost-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:8px;letter-spacing:1px;color:#d1dec7}.boost-topline>span:last-child{color:var(--acid)}.boost-topline strong{font-size:17px;font-weight:500;letter-spacing:0}.boost-topline small{font-size:7px}.boost-track{height:4px;background:#e3efd02e;overflow:hidden}.boost-bar{height:100%;width:100%;background:var(--acid);box-shadow:0 0 14px #d3ff5e80;transition:width .12s}.boost-help{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#a9b89c;margin-top:11px}.boost-help .key{height:17px;font-size:6px}.hud-actions{position:absolute;bottom:40px;right:32px;display:flex;gap:8px;pointer-events:auto}.hud-button{height:33px;border:1px solid #cde2b633;background:#0b1b12e8;padding:0 11px;font-size:8px;letter-spacing:.8px}.hud-button:hover{border-color:#d3ff5e80;color:var(--acid)}.hud-button span{margin-left:8px}.diagnostics{position:absolute;bottom:16px;right:33px;display:flex;gap:12px;font-size:7px;letter-spacing:.6px;color:#879a79}.diagnostics b{font-weight:400;color:#a3b595}.camera-hint{position:absolute;left:50%;top:27px;transform:translate(-50%);text-align:center;margin:0;color:#d0ddc3;font-size:9px;letter-spacing:.3px;white-space:nowrap;text-shadow:0 1px 6px #0008}.crosshair{position:fixed;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none;opacity:.85}.crosshair span{position:absolute;background:#f1ffe5;box-shadow:0 0 4px #0008}.crosshair span:first-child{left:8px;top:5px;width:2px;height:8px}.crosshair span:last-child{top:8px;left:5px;height:2px;width:8px}.notice{position:fixed;top:23%;left:50%;transform:translate(-50%);padding:11px 18px;border:1px solid #d3ff5e44;background:#102311f0;color:#e1f5ce;font-size:12px;letter-spacing:.25px;pointer-events:none;text-align:center;max-width:85vw}.pointer-hint{position:fixed;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:375px;max-width:calc(100vw - 32px);padding:28px;background:#101c13f5;border:1px solid #c9deac30;box-shadow:0 12px 32px #0006}.pointer-hint .eyebrow{color:#b9ce9f;font-size:7px;letter-spacing:1px}.pointer-hint h2{font-size:28px;line-height:1.1;letter-spacing:-.8px;margin:17px 0 10px}.pointer-hint p{font-size:11px;line-height:1.6;color:#aebea0;margin:0 0 24px}.pointer-hint .play-button{height:46px;font-size:10px}.pointer-hint small{display:block;text-align:center;font-size:8px;color:#829775;margin-top:15px}.death-screen{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;background:#041009c9}.death-card{width:415px;max-width:calc(100vw - 32px);padding:28px 30px 18px;background:#111d14;border:1px solid #c8dcb028;box-shadow:0 12px 32px #0005;position:relative;overflow:hidden}.death-topline{display:flex;align-items:center;justify-content:space-between}.death-topline .wordmark{font-size:18px}.death-topline .eyebrow{font-size:7px;color:#9eae90}.death-symbol{position:absolute;right:25px;top:83px;font-size:70px;font-weight:400;color:var(--acid);line-height:1}.death-card h2{font-family:Arial Narrow,Impact,sans-serif;font-size:64px;font-weight:600;line-height:.92;text-transform:uppercase;letter-spacing:-1.6px;margin:31px 0 20px}.death-card>p{font-size:12px;line-height:1.6;color:#a6b99a;max-width:280px;margin:0 0 24px}.death-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:45px;padding:20px 0;margin-bottom:25px}.death-stats strong{display:block;font-family:Arial Narrow,Impact,sans-serif;font-size:38px;font-weight:500;color:var(--acid);margin-top:7px;line-height:1}.death-stats .stat-label{font-size:7px;letter-spacing:1px}.text-button{width:100%;background:none;border:0;padding:18px 0 8px;font-size:8px;font-weight:500;letter-spacing:1.1px;color:#abbc9c}.text-button:hover{color:var(--acid)}.touch-controls{position:fixed;z-index:4;bottom:28px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;height:64px;min-width:64px;border:1px solid #c7e7ac60;background:#132514e8;color:#e1f9cf;font-size:26px;border-radius:50%;touch-action:none;user-select:none;-webkit-user-select:none}.touch-steering{display:flex;gap:12px}.touch-controls #boost-button{font-size:10px;font-weight:600;padding:0 15px;border-radius:32px;color:var(--acid);letter-spacing:1px}.touch-controls button:active{background:#aace6d50}@keyframes livePulse{0%,to{box-shadow:0 0 #d3ff5e00;opacity:1}50%{box-shadow:0 0 0 4px #d3ff5e10;opacity:.6}}@media(min-width:1600px){.lobby{padding:0 6vw}.lobby-header{height:120px}.lobby-content{padding-top:70px;width:550px}.lobby h1{font-size:112px}.hero-description{font-size:15px;margin-bottom:36px}.join-form{width:445px}.form-topline{font-size:9px;margin-bottom:16px}.field{padding:13px 15px 10px}.field label{font-size:10px}.field input{font-size:14px}.field-help{font-size:10px;margin-top:11px;margin-bottom:23px}.color-fieldset legend{font-size:10px;margin-bottom:13px}.color-swatch{height:28px;width:28px}.color-fieldset{margin-bottom:26px}.play-button{height:62px;font-size:12px}.form-footer{font-size:8px;margin-top:16px}.arena-label{right:6vw;top:190px;width:220px}.arena-label-title{font-size:29px}.lobby-footer,.server-line{left:6vw;right:6vw}.lobby-footer{bottom:66px;padding-top:26px}.server-line{bottom:26px}.control-item{font-size:11px}}@media(max-height:800px)and (min-width:901px){.lobby{min-height:660px}.lobby-header{height:82px}.lobby-content{padding-top:32px}.lobby h1{font-size:78px;margin:19px 0 15px}.hero-description{font-size:12px;margin-bottom:20px}.field-help{margin-bottom:14px}.color-fieldset{margin-bottom:15px}.play-button{height:50px}.lobby-footer{bottom:46px;padding-top:17px}.server-line{bottom:15px}.arena-label{top:125px}}@media(max-height:680px)and (min-width:901px){.lobby{min-height:610px}.lobby-content{padding-top:24px}.lobby h1{font-size:67px;margin-top:17px}.hero-description{margin-bottom:18px;font-size:11px}.color-fieldset{margin-bottom:12px}.color-fieldset legend{margin-bottom:6px}.form-footer{margin-top:9px}.lobby-footer{padding-top:13px;bottom:36px}.server-line{bottom:11px;font-size:5px}.lobby-header{height:70px}.form-fields .field{padding-top:8px;padding-bottom:6px}.field-help{margin-top:7px;margin-bottom:12px}.play-button{height:46px}.lobby-footer .control-guide{gap:16px}}@media(max-width:1100px){.lobby{padding:0 4vw}.header-caption{font-size:7px;letter-spacing:1.3px;padding-left:19px}.lobby-header{gap:23px}.lobby-content{width:395px}.join-form{width:365px}.lobby h1{font-size:83px}.arena-label{right:4vw;width:170px}.arena-label-title{font-size:23px}.lobby-footer,.server-line{left:4vw;right:4vw}.control-guide{gap:13px}.invite-area{gap:12px}.control-item{font-size:9px}.camera-hint{top:175px;font-size:8px}.scoreboard{gap:21px}.leaderboard-panel{width:210px}}@media(max-width:900px){.lobby{min-height:790px;padding:0 28px}.lobby-header{height:86px}.header-caption{display:none}.network-status{font-size:8px;letter-spacing:.8px}.lobby-content{padding-top:46px;width:380px}.lobby h1{font-size:88px}.hero-description{font-size:12px}.join-form{width:350px}.scene-shade{background:linear-gradient(90deg,#0a120cfa,#0a120ceb 27%,#0a120c70 67%,#0a120c30),linear-gradient(0deg,#09110bef 0%,transparent 35%,#09110b30 100%)}.arena-label{top:150px;right:28px;width:140px}.arena-label-title{font-size:22px}.arena-label>p{font-size:6px;letter-spacing:.6px}.arena-coordinate>span{font-size:5px;letter-spacing:.5px}.arena-label-top{padding-bottom:11px}.live-pill{font-size:6px;letter-spacing:.7px}.arena-number{font-size:8px}.lobby-footer{left:28px;right:28px;bottom:53px;flex-wrap:wrap;gap:19px;padding-top:19px}.control-guide{gap:15px}.invite-area{margin-left:auto}.footer-label{font-size:7px}.server-line{left:28px;right:28px}.hud-top-left{left:22px;top:22px}.scoreboard{left:22px;top:70px}.leaderboard-panel{top:22px;right:22px;width:180px;padding:11px 12px}.panel-heading{font-size:6px;letter-spacing:1px}.leaderboard li{font-size:10px}.hud-bottom-left{left:22px;bottom:30px}.map-wrap{width:115px;height:115px}.map-caption{font-size:5px}.hud-actions{right:22px;bottom:34px}.boost-panel{width:240px;bottom:32px}.diagnostics{right:23px;bottom:13px}.score-primary>strong{font-size:48px}.score-secondary>strong{font-size:18px}.stat-label{font-size:7px}}@media(max-width:640px){html,body{overflow:auto}.lobby{position:relative;min-height:100svh;overflow:hidden;padding:0 22px 31px}.lobby-header{height:77px;gap:12px}.wordmark{font-size:22px;gap:8px}.brand-mark{width:21px}.network-status{font-size:6px;letter-spacing:1px;gap:7px}.status-dot{width:5px;height:5px}.lobby-content{padding-top:39px;width:100%;max-width:410px}.eyebrow{font-size:7px;letter-spacing:1.2px;gap:9px}.lobby h1{font-size:clamp(70px,17vw,91px);margin:22px 0 19px;letter-spacing:-1.5px}.hero-description{font-size:12px;margin-bottom:29px;line-height:1.7}.join-form{width:100%;max-width:390px}.form-topline{font-size:7px;letter-spacing:1.15px}.form-step{font-size:7px}.form-fields{gap:9px}.field{padding:11px 12px 9px}.field label{font-size:8px}.field label span{font-size:6px;margin-left:3px}.field input{font-size:13px}.room-field input{font-size:11px}.field-help{font-size:8px;margin:9px 0 18px}.color-fieldset{margin-bottom:19px}.color-fieldset legend{font-size:8px}.color-swatch{width:26px;height:26px}.color-options{gap:9px}.color-note{font-size:6px;letter-spacing:1px}.play-button{height:56px;font-size:11px}.form-footer{font-size:6px;letter-spacing:1px;margin-top:14px}.arena-label{display:none}.scene-shade{background:linear-gradient(90deg,#09120af2,#09120adc 38%,#09120a9c),linear-gradient(0deg,#09110b,#09110b00 60%)}.lobby-footer{position:relative;left:auto;right:auto;bottom:auto;flex-direction:column;align-items:flex-start;gap:19px;margin-top:31px;padding-top:20px}.control-guide{gap:14px;flex-wrap:wrap}.footer-label{display:none}.control-item{font-size:8px;gap:4px}.key{height:18px;min-width:18px;font-size:8px}.key-wide{font-size:6px}.invite-area{margin-left:0;justify-content:space-between;width:100%;font-size:7px;letter-spacing:1px}.invite-divider{margin-left:auto;margin-right:3px}.copy-link{font-size:7px;letter-spacing:1px}.server-line{position:relative;left:auto;right:auto;bottom:auto;margin-top:25px;font-size:5px;letter-spacing:.65px;gap:8px}.server-line>span:last-child{max-width:47%}.hud-top-left{left:16px;top:19px;gap:12px}.hud-wordmark{font-size:21px}.hud-room{padding-left:12px;font-size:7px;gap:6px;max-width:120px}.hud-room span:last-child{overflow:hidden;text-overflow:ellipsis}.scoreboard{top:64px;left:16px;gap:18px}.score-primary>strong{font-size:41px}.score-secondary{padding-bottom:4px}.score-secondary>strong{font-size:16px;margin-top:5px}.score-secondary small{font-size:9px}.stat-label{font-size:5px;letter-spacing:.8px}.leaderboard-panel{top:19px;right:16px;width:128px;padding:8px 9px 5px}.panel-heading{font-size:5px;letter-spacing:.6px;padding-bottom:6px}.panel-plus{font-size:11px}.leaderboard{margin-top:4px}.leaderboard li{font-size:8px;padding:5px 0;gap:5px}.leaderboard li:nth-child(n+6){display:none}.leaderboard li .rank,.leaderboard li .leaderboard-rank{width:9px;font-size:7px}.leaderboard li .score,.leaderboard li .leaderboard-score,.leaderboard li>strong{font-size:7px}.hud-bottom-left{left:auto;right:16px;bottom:122px}.map-wrap{width:88px;height:88px}.map-caption{display:none}.hud-actions{bottom:15px;right:16px;gap:5px}.hud-button{height:26px;font-size:6px;letter-spacing:.6px;padding:0 8px}.diagnostics{bottom:50px;right:17px;font-size:5px;gap:8px}.boost-panel{left:16px;bottom:126px;transform:none;width:170px}.boost-topline{font-size:6px;letter-spacing:.6px;margin-bottom:7px}.boost-topline strong{font-size:15px}.boost-topline small{font-size:5px}.boost-help{display:none}.boost-track{height:3px}.camera-hint{font-size:7px;white-space:normal;max-width:250px;width:70%;top:144px;line-height:1.6}.crosshair{opacity:.5}.notice{top:30%;font-size:10px;padding:10px 13px}.touch-controls{bottom:55px;left:17px;right:17px}.touch-controls button{height:56px;min-width:56px}.death-card{padding:24px}.death-card h2{font-size:60px}.death-symbol{right:22px}.pointer-hint{padding:25px}.pointer-hint h2{font-size:26px}}@media(max-width:370px){.lobby{padding-left:17px;padding-right:17px}.lobby h1{font-size:70px}.network-status{font-size:5px}.color-options{gap:6px}.color-note{font-size:5px}.control-guide{gap:8px}.hero-description{font-size:11px}.form-topline{font-size:6px}.field label span{display:none}.leaderboard-panel{width:110px}.scoreboard{gap:11px}.score-secondary .stat-label{font-size:4px}.hud-room{max-width:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.pointer-hint{top:58px;bottom:auto;left:50%;transform:translate(-50%);width:auto;max-width:calc(100vw - 64px);padding:10px 12px 10px 15px;display:flex;align-items:center;gap:20px;background:#101c13d9;border:1px solid #c9deac30;box-shadow:none}.pointer-title{display:block;color:#d3dfc8;font-size:7px;letter-spacing:1.15px;font-weight:600}.pointer-hint p{margin:4px 0 0;color:#a9bb9b;font-size:9px;line-height:1.35;white-space:nowrap}.pointer-button{height:32px;border:1px solid #d3ff5e66;background:#c1e67714;color:var(--acid);padding:0 10px;display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:8px;letter-spacing:.8px;font-weight:600}.pointer-button:hover{background:#d3ff5e25;border-color:var(--acid)}.pointer-button>span{font-size:17px;font-weight:400}#online-count{text-transform:uppercase}.leaderboard li>strong{font-weight:500}@media(max-width:1100px){.pointer-hint{top:204px;gap:15px;padding:8px 10px 8px 12px}}@media(max-width:640px){.pointer-hint{top:174px;max-width:calc(100vw - 32px);gap:10px;padding:8px 10px}.pointer-title{font-size:6px;letter-spacing:.75px}.pointer-hint p{font-size:7px;margin-top:3px}.pointer-button{font-size:6px;letter-spacing:.5px;height:29px;gap:7px;padding:0 8px}}body[data-mode=playing]{overflow:hidden;overscroll-behavior:none}body[data-mode=playing] .leaderboard-panel{contain:layout paint}body[data-mode=playing] :is(.scoreboard,.boost-panel,.hud-bottom-left,.diagnostics){contain:layout style}body[data-mode=playing] .boost-bar{box-shadow:none;transition:none}#lobby.lobby{position:fixed;inset:0;height:100%;height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:22px;scrollbar-color:#53634a #0b110d;scrollbar-width:thin}#lobby .lobby-header{height:84px}#lobby .lobby-content{padding-top:32px;width:min(800px,100%);max-width:none}#lobby h1{font-size:clamp(62px,5.7vw,84px);margin:20px 0 16px;line-height:.92}#lobby .hero-description{font-size:12px;margin-bottom:24px}#lobby .join-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;width:100%;max-width:none}#lobby .form-topline{grid-column:1/-1;margin-bottom:16px}#lobby .identity-options{min-width:0}#lobby .color-fieldset{margin-bottom:20px}#lobby .join-form>.lobby-error,#lobby .join-form>.play-button,#lobby .join-form>.form-footer{grid-column:1/-1}#lobby .join-form>.play-button{margin-top:20px;height:52px}#lobby .join-form>.lobby-error{margin:18px 0 -5px}#lobby .form-footer{margin-top:12px}#lobby .arena-label{top:170px;width:170px}#lobby .lobby-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:32px;padding-top:20px;flex-wrap:wrap}#lobby .server-line{position:relative;left:auto;right:auto;bottom:auto;margin-top:22px}.skin-upload-panel{display:grid;grid-template-columns:62px minmax(0,1fr);gap:0 13px;border:1px solid #b7c99d26;background:#111d15d9;padding:13px}.skin-preview-wrap{width:62px;height:62px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#263526,#152217);border:1px solid #b7c99d24;overflow:hidden}.skin-preview-wrap>span{font-size:30px;line-height:1;color:#7c9767}#skin-preview{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.skin-upload-content{min-width:0;padding-top:1px}.skin-heading{display:block;font-size:7px;letter-spacing:1.1px;font-weight:600;color:#c7d4be}.skin-upload-actions{display:flex;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap}.skin-upload-trigger{display:inline-flex;position:relative;align-items:center;min-height:27px;border:1px solid #d3ff5e50;background:#d3ff5e0b;padding:0 8px;color:var(--acid);font-size:7px;letter-spacing:.6px;font-weight:600;cursor:pointer;white-space:nowrap}.skin-upload-trigger:hover{background:#d3ff5e1a;border-color:#d3ff5e8a}.skin-upload-trigger:focus-within{outline:2px solid var(--acid);outline-offset:3px}#skin-upload{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skin-remove{border:0;background:none;padding:4px 0;color:#a5b39a;font-size:6px;letter-spacing:.6px}.skin-remove:hover{color:#eef4e7}.skin-status{display:block;margin-top:6px;font-size:8px;line-height:1.4;color:#90a17f;overflow-wrap:anywhere}.skin-help{grid-column:1/-1;font-size:9px;line-height:1.55;color:#9baa8e;margin:11px 0 0}.power-fieldset{padding:0 0 0 27px;margin:0;border:0;border-left:1px solid #d4eeb622;min-width:0}.power-fieldset>legend{float:left;display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;font-weight:600;color:#d4dfca;padding:0;margin:0 0 8px}.power-fieldset>legend>span{font-size:6px;color:#788b6b;letter-spacing:.8px;white-space:nowrap}.power-selection-help{clear:both;margin:0 0 13px;font-size:9px;line-height:1.5;color:#91a083}.power-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.power-option{min-width:0;min-height:59px;border:1px solid #3b4b34;background:#101e15ed;padding:10px 9px;display:flex;align-items:center;gap:9px;text-align:left;position:relative;transition:background .15s,border-color .15s}.power-option:hover{background:#23351be8;border-color:#a0bf78}.power-option[aria-pressed=true]{border-color:var(--acid);background:#d3ff5e12}.power-option:last-child{grid-column:1/-1}.power-option-icon{font-size:25px;line-height:1;color:#a1ba87;min-width:23px;text-align:center}.power-option[aria-pressed=true] .power-option-icon{color:var(--acid)}.power-option-copy{min-width:0}.power-option-copy>strong{display:block;font-weight:600;font-size:10px;letter-spacing:.2px;color:#e3ecd9}.power-option-copy>small{display:block;margin-top:5px;font-size:8px;color:#91a47f;white-space:nowrap}.power-option-copy>small>span{margin:0 3px;color:#607650}.power-option-check{margin-left:auto;align-self:flex-start;font-size:10px;color:var(--acid);opacity:0}.power-option[aria-pressed=true] .power-option-check{opacity:1}.power-description{font-size:10px;line-height:1.5;color:#c4d4b5;min-height:30px;margin:12px 0 5px}.power-selection-note{font-size:7px;line-height:1.6;color:#819473;margin:0}.power-panel{position:absolute;right:32px;bottom:99px;width:190px;pointer-events:auto}.power-button{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:57px;padding:10px 11px 13px;border:1px solid #d3ff5e66;background:#102014f2;text-align:left;overflow:hidden;color:#e5f0db;touch-action:manipulation}.power-button:not(:disabled):hover{border-color:var(--acid);background:#22351be8}.power-button:disabled{cursor:default;opacity:.72}.power-icon{font-size:28px;line-height:1;color:var(--acid);width:25px;text-align:center;flex-shrink:0}.power-button-copy{min-width:0}.power-name{display:block;font-size:11px;font-weight:600}.power-cost{display:block;margin-top:4px;font-size:8px;color:#9db18d}.power-status{font-size:7px;letter-spacing:.35px;margin-left:auto;color:var(--acid);text-align:right;max-width:65px;line-height:1.45;overflow-wrap:anywhere}.power-cooldown-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#d3ff5e15}.power-cooldown-fill{display:block;width:100%;height:100%;background:var(--acid);transform-origin:left center}.power-key-hint{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:6px;color:#9bad8d;font-size:7px}.power-key-hint .key{height:16px;min-width:16px;font-size:7px}.power-tap-hint{display:none}body[data-mode=playing] .power-panel{contain:layout style}@media(max-width:1190px){#lobby .arena-label{display:none}#lobby .lobby-content{width:min(800px,100%)}}@media(max-width:900px){#lobby .lobby-header{height:75px}#lobby .lobby-content{padding-top:28px}#lobby h1{font-size:72px}.power-panel{right:22px;bottom:91px;width:174px}}@media(max-width:740px){#lobby .lobby-content{width:100%;max-width:460px}#lobby .join-form{grid-template-columns:minmax(0,1fr);gap:0}#lobby .power-fieldset{padding:21px 0 0;margin-top:22px;border-left:0;border-top:1px solid #d4eeb622}#lobby .power-options{grid-template-columns:repeat(2,minmax(0,1fr))}#lobby .power-option:last-child{grid-column:1/-1}.power-option{min-height:61px;padding:11px 13px}.power-option-copy>strong{font-size:11px}.power-fieldset>legend{margin-bottom:9px}.power-description{min-height:0}#lobby .lobby-footer{margin-top:29px;gap:17px}#lobby .invite-area{margin-left:0}}@media(max-width:640px){#lobby.lobby{padding-bottom:24px}#lobby .lobby-content{padding-top:28px}#lobby h1{font-size:clamp(62px,16vw,76px);margin:19px 0 17px}#lobby .hero-description{font-size:12px;margin-bottom:24px}#lobby .join-form>.play-button{height:54px}#lobby .form-topline{margin-bottom:14px}.skin-upload-panel{padding:12px}.power-panel{left:50%;right:auto;bottom:62px;transform:translate(-50%);width:126px}.power-button{min-height:47px;padding:7px 8px 10px;gap:6px}.power-icon{font-size:22px;width:20px}.power-name{font-size:9px}.power-cost{font-size:7px;margin-top:3px}.power-status{font-size:6px;max-width:42px}.power-key-hint{font-size:6px;gap:3px;margin-top:4px}.power-key-hint .key{font-size:6px;height:13px;min-width:13px}.power-panel .power-key-hint{display:none}.touch-steering{gap:7px}.touch-controls{left:12px;right:12px}.touch-controls button{height:48px;min-width:48px}.touch-controls #boost-button{max-width:73px;min-width:64px;font-size:8px;padding:0 10px}.power-tap-hint{display:inline}}@media(pointer:coarse)and (min-width:641px){.power-panel{right:22px;bottom:119px}.power-button{min-height:62px}.power-tap-hint{display:inline}.hud-actions{bottom:16px}.diagnostics{bottom:2px}}@media(max-width:370px){.power-panel{left:53%;width:105px}.power-button{gap:5px;padding-left:6px;padding-right:6px}.power-icon{font-size:20px;width:18px}.power-status{font-size:5px;max-width:34px}.power-name{font-size:8px}.touch-steering{gap:5px}.touch-controls{left:9px;right:9px}.touch-controls button{height:43px;min-width:43px}.touch-controls #boost-button{min-width:58px;max-width:62px;padding:0 8px}.skin-upload-actions{gap:7px}.color-note{display:none}}#lobby .power-options .power-option:last-child{grid-column:auto}#skin-preview{object-fit:contain;background:#102014}#lobby .power-selection-help{line-height:1.65}.taunt-upload-panel{margin-top:16px;padding:13px;border:1px solid #b7c99d26;background:#111d15d9}#taunt-upload{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audio-editor{margin-top:12px;border-top:1px solid #b7c99d26;padding-top:12px}#audio-player{display:block;width:100%;height:34px;color-scheme:dark}#audio-waveform{display:block;width:100%;height:56px;margin:12px 0 8px;border:1px solid #394c33}.audio-cut-control{margin-top:8px}.audio-cut-control label{display:flex;justify-content:space-between;color:#a6b89e;font-size:8px;letter-spacing:.8px}.audio-cut-control output{color:#e7f4da;font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:0}.audio-cut-control input{display:block;width:100%;margin:5px 0;accent-color:var(--acid);cursor:pointer;min-height:22px}.audio-cut-summary{font-size:10px;color:#b7cba3;margin:10px 0}.audio-cut-actions{display:flex;gap:7px;flex-wrap:wrap}.audio-cut-actions button{flex:1;padding:9px 7px;min-height:35px;border:1px solid #879f6155;background:#192c1c;color:#cbe2b2;font-size:8px;white-space:nowrap}.audio-cut-actions #audio-apply{border-color:#d3ff5e80;color:var(--acid)}.audio-cut-actions #audio-apply:disabled{cursor:default;opacity:.65}.objective-panel{padding:7px 12px;border-left:2px solid #bedb7860;background:#0d1b12d9;color:#bbcbae;font-size:10px;line-height:1.55}.objective-panel p{margin:4px 0}#egg-status{color:#e5cafc}#mutation-status{color:#8ff0c8}.arena-event{padding:10px 14px;text-align:center;background:#15231bf2;border:1px solid #b5f98970;line-height:1.5}.arena-event strong{display:block;color:#d3ff8f;font-size:11px;letter-spacing:.6px}.arena-event span{display:block;color:#b7cbb9;font-size:10px;margin-top:3px}.arena-event[data-phase=warning]{border-color:#ffc66c8a;background:#2c2618ed}.arena-event[data-phase=warning] strong{color:#ffcf83}.arena-event[data-phase=active]{border-color:var(--event-color,#b5f989)}.arena-event[data-phase=active] strong{color:var(--event-color,#d3ff8f)}.arena-event[data-phase=rest]{border-color:#8da68730;background:#112018cf;padding:7px 12px}.arena-event[data-phase=rest] strong{font-size:9px;color:#a2b49a}.arena-event[data-phase=rest] span{display:none}#graphics-button{white-space:nowrap}@media(max-width:640px){.hud-actions{gap:4px}.hud-actions .hud-button{padding:0 7px;font-size:7px}}.arena-actions{position:absolute;right:32px;bottom:195px;width:190px;display:flex;pointer-events:auto}.arena-actions button{border:1px solid #81977b60;background:#102014ef;color:#d0dfc3;font-size:8px;min-height:29px;padding:5px 8px;flex:1;white-space:nowrap}.arena-actions button:hover,.arena-actions button.pressed{border-color:var(--acid);color:var(--acid)}.arena-actions button.recharging{opacity:.55}.arena-messages{position:fixed;z-index:5;top:24px;left:50%;transform:translate(-50%);width:min(380px,calc(100vw - 720px));display:flex;flex-direction:column;gap:7px;pointer-events:none}#arena-messages>:is(.arena-event,.notice,.pointer-hint,.objective-panel){position:relative;inset:auto;transform:none;width:100%;max-width:none;margin:0;flex-shrink:0}#arena-messages .notice{font-size:10px;padding:9px 12px;line-height:1.5}#arena-messages .pointer-hint{pointer-events:auto;gap:10px;padding:9px 11px;box-shadow:none}#arena-messages .pointer-hint p{white-space:normal;margin:3px 0 0;font-size:9px}#arena-messages .pointer-button{flex-shrink:0}@media(max-width:1100px){.arena-messages{top:208px;width:min(420px,calc(100vw - 44px))}.arena-actions{right:22px;bottom:185px;width:174px}}@media(max-width:740px){.arena-messages{top:156px;width:min(390px,calc(100vw - 32px));gap:5px}.arena-event{padding:7px 9px}.arena-event strong{font-size:9px}.arena-event span{font-size:8px}.objective-panel{font-size:9px;padding:5px 9px}.leaderboard li:nth-child(n+4){display:none}.arena-actions{right:16px;bottom:222px;width:130px}#arena-messages .notice{font-size:9px;padding:7px 9px}#arena-messages .pointer-hint p{font-size:8px}}@media(max-height:580px)and (min-width:741px)and (max-width:1100px){.arena-messages{top:125px;width:min(340px,calc(100vw - 440px));left:50%}.leaderboard li:nth-child(n+4){display:none}.arena-event{padding:6px 9px}.arena-event strong{font-size:9px}.arena-event span,.objective-panel{font-size:8px}#arena-messages .pointer-hint{flex-wrap:wrap;gap:6px}}#bonus-power-button{border-color:#bb98ff;color:#dfccff;background:#201a31}.arena-actions{flex-direction:column;gap:5px}.arena-actions #bonus-power-button{white-space:normal;line-height:1.5}.vyra-audio{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:12px;padding:12px;background:#091810;border:1px solid #617e454d;border-radius:8px;min-width:0;max-width:100%;container-type:inline-size}.vyra-audio[hidden],.vyra-audio audio[hidden]{display:none!important}.vyra-audio button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #758c4d50;border-radius:5px;background:transparent;color:#c4d1b6;cursor:pointer}.vyra-audio .audio-toggle{background:#d3ff5e;color:#12200c;border-color:#d3ff5e}.vyra-audio button:focus-visible,.vyra-audio input:focus-visible{outline:2px solid #d3ff5e;outline-offset:3px}.audio-play-symbol{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid currentColor;margin-left:3px}.is-playing .audio-play-symbol{width:11px;height:14px;border:0;border-left:4px solid;border-right:4px solid;margin:0}.audio-timeline{min-width:0}.audio-timing{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums;color:#a5b697}.audio-current{color:#e5efdc}.vyra-audio input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;min-width:0;--progress:0%}.vyra-audio input::-webkit-slider-runnable-track{height:4px;border-radius:3px;background:linear-gradient(to right,#d3ff5e var(--progress),#314331 var(--progress))}.vyra-audio input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:2px solid #091810;border-radius:50%;background:#d3ff5e;box-shadow:0 0 0 1px #d3ff5e66}.vyra-audio input::-moz-range-track{height:4px;border-radius:3px;background:#314331}.vyra-audio input::-moz-range-progress{height:4px;background:#d3ff5e}.vyra-audio input::-moz-range-thumb{width:9px;height:9px;border:2px solid #091810;border-radius:50%;background:#d3ff5e}.audio-volume{display:flex;align-items:center;gap:8px}.vyra-audio .audio-level{width:62px}.vyra-audio .audio-mute{border:0;width:36px}.audio-mute svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.audio-silent,.is-muted .audio-waves{display:none}.is-muted .audio-silent{display:block}.audio-player-error{grid-column:1/-1;color:#ffb79b;font-size:13px;margin:0}.vyra-audio button:disabled,.vyra-audio input:disabled{opacity:.45;cursor:default}@container (max-width:350px){.audio-volume .audio-level{display:none}}@media(max-width:480px){.vyra-audio{gap:10px;padding:10px}.audio-volume .audio-level{display:none}}@media(min-width:1920px){.audio-timing{font-size:15px}.vyra-audio{padding:16px}}.appearance-panel{min-width:0;margin:0 0 20px;padding:18px;border:1px solid #52674750;background:#102117ee;color:#cfdbc5}.appearance-panel h3{font-size:14px;letter-spacing:.6px;margin:0 0 18px;color:#c7d4be}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.appearance-grid>label{display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:0}.appearance-grid>label[hidden]{display:none}.appearance-color input{width:100%;height:44px;padding:5px;border:1px solid #536849;background:#0b1a12;cursor:pointer;border-radius:3px}.appearance-help,.appearance-photo-note{font-size:13px;line-height:1.6;color:#a5b697;margin:12px 0}.saved-looks{margin-top:20px;border-top:1px solid #53684960;padding-top:6px}.saved-looks summary{display:flex;align-items:center;gap:10px;cursor:pointer;min-height:48px;color:#e5efdc;font-size:15px;list-style:none}.saved-looks summary::-webkit-details-marker{display:none}.saved-looks summary:before{content:"+";font-size:20px;color:#d3ff5e}.saved-looks[open] summary:before{content:"−"}.look-count{margin-left:auto;font-size:12px;color:#9caf8d;font-variant-numeric:tabular-nums}.look-save{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:8px}.look-save label{flex:1 1 150px;display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:0}.look-save input{min-height:44px;width:100%;padding:10px;border:1px solid #536849;background:#0a1810;color:#e5efdc;font:inherit;border-radius:3px}.appearance-panel button{min-height:44px;padding:9px 12px;border:1px solid #708c4d80;background:#1b301e;color:#d3ff5e;font-size:12px;border-radius:3px}.appearance-panel button:disabled{opacity:.5;cursor:default}.appearance-panel :is(button,input,summary):focus-visible{outline:2px solid #d3ff5e;outline-offset:2px}.look-list{display:grid;gap:8px}.look-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto 36px;gap:10px;align-items:center;padding:10px;background:#0a1810;border:1px solid #53684950}.look-thumbnail{display:block;width:40px;height:40px;overflow:hidden;border-radius:5px}.look-thumbnail img{width:100%;height:100%;object-fit:cover}.look-copy{min-width:0}.look-copy strong{display:block;font-size:14px;overflow-wrap:anywhere}.look-copy small{display:block;font-size:11px;color:#a5b697;margin-top:4px}.appearance-panel .look-delete{color:#b4c4a8;padding:0;border-color:transparent;background:transparent;font-size:22px}.appearance-error{font-size:13px;color:#ffb79b;margin-bottom:0}.appearance-error[hidden]{display:none}@media(max-width:420px){.appearance-panel{padding:14px}.appearance-grid{grid-template-columns:1fr}.look-row{gap:6px;grid-template-columns:32px minmax(0,1fr) auto 32px;padding:8px}.look-thumbnail{width:32px;height:32px}.look-copy small{font-size:11px}}@media(min-width:1920px){.appearance-grid>label,.look-copy strong{font-size:18px}.appearance-help,.appearance-photo-note{font-size:16px}}.hub-lobby{position:fixed!important;inset:0;display:flex;flex-direction:column;padding:0 3vw!important;min-height:0!important;height:100svh;overflow:auto!important;background:transparent}body:not([data-mode=playing]):not([data-mode=dead]) .scene-shade{display:none}.hub-lobby .lobby-header{height:86px;min-height:86px}.hub-lobby .header-caption{font-size:8px;letter-spacing:2px}.hub-shell{--hub-gap:36px;display:grid;grid-template-columns:154px minmax(340px,1fr) minmax(265px,330px);gap:var(--hub-gap);flex:1;min-height:0;padding:14px 0 16px}.hub-nav{position:relative;display:flex;flex-direction:column;gap:8px;padding-top:12px}.hub-nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:15px 10px;background:transparent;border:1px solid transparent;font-size:12px;color:#a0b2a5}.hub-nav button span{font-size:8px;opacity:.5}.hub-nav button b{margin-left:auto;font-size:11px;font-weight:400}.hub-nav button.selected{border-color:#d3ff5e3d;background:#d3ff5e0c;color:#d3ff5e}.hub-nav button:hover{color:#edffdb}.hub-nav-bottom{margin-top:auto;font-size:9px;letter-spacing:1.2px;line-height:1.9;color:#62796a;padding:24px 10px}.hub-nav-bottom small{display:block;font-size:7px;margin-top:14px}.hub-nav:after{content:"";position:absolute;top:0;bottom:0;right:calc(var(--hub-gap) / -2);width:1px;background:#a2bd7952;pointer-events:none}.hub-panels{overflow:auto;scrollbar-width:thin;scrollbar-color:#465a39 transparent;padding-right:12px;min-width:0}.hub-page{max-width:770px;padding:18px 0}.hub-kicker{font-size:9px;letter-spacing:2px;color:#c3dfac;margin-bottom:20px}.hub-lobby h1{font:clamp(48px,5.1vw,82px)/.98 "Arial Narrow",Impact,sans-serif!important;letter-spacing:-1.8px;margin:0 0 20px;text-transform:uppercase}.hub-lobby h1 em{font-style:normal;color:#d3ff5e}.hub-page h2,.hub-room-card h2{font:clamp(32px,3vw,49px)/1.05 "Arial Narrow",Impact,sans-serif;letter-spacing:-1px;margin:0 0 20px;text-transform:uppercase;color:#edf4e7}.hub-intro{font-size:12px;line-height:1.7;color:#9db2a3;margin:0 0 27px}.hub-lobby .join-form{width:100%;max-width:none;background:transparent;border:0;padding:0;display:block}.hub-lobby .identity-options{display:block}.hub-lobby .form-fields{display:grid;grid-template-columns:1fr 1fr}.hub-lobby .field{background:#0c1b13c9;border-color:#48603e70}.hub-lobby .field input{width:100%;font-size:14px}.hub-lobby .play-button{margin-top:10px;height:56px}.hub-join-actions{display:flex;gap:10px;margin-top:10px}.hub-join-actions button,.hub-secondary{border:1px solid #4a614555;background:#14251d;color:#bed2b7;padding:14px 16px;font-size:10px;letter-spacing:.6px}.hub-join-actions button{flex:1}.hub-selected-mode{display:flex;width:100%;align-items:center;text-align:left;padding:16px 18px;gap:20px;margin-bottom:22px;background:#d3ff5e0a;border:1px solid #d3ff5e50;color:#e5f4d9}.hub-selected-mode strong{font-size:21px;display:block;margin:4px 0}.hub-selected-mode small{font-size:8px;letter-spacing:.6px;display:block;color:#b2c3a8}.hub-selected-mode b{margin-left:auto;font-size:8px;white-space:nowrap}.hub-mode-icon{font-size:31px;line-height:1;color:#d3ff5e}.hub-aside{display:flex;flex-direction:column;min-height:0;gap:16px}.hub-preview{height:100%;min-height:240px;flex:1;border:1px solid #9aac6b29;display:flex;flex-direction:column;justify-content:space-between;padding:15px;pointer-events:none;background:linear-gradient(0deg,#0a160ce0,transparent 50%)}.hub-preview span{font-size:8px;letter-spacing:1px;color:#bed39f}.hub-preview i{display:inline-block;width:5px;height:5px;background:#d3ff5e;border-radius:50%;margin-right:8px}.hub-preview small{font-size:7px;color:#a7b6a0;letter-spacing:2px}.hub-setting select,.hub-room-config select{padding:10px;background:#13271b;border:1px solid #6689564d;color:#e3efd9;font:12px inherit;border-radius:0;max-width:100%}.hub-avatar{width:28px;height:28px;min-width:28px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#152619;overflow:hidden;border-radius:6px}.hub-avatar img{width:100%;height:100%;object-fit:contain;background:#fff}.hub-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hub-mode-card{padding:20px;text-align:left;background:#102219dd;border:1px solid #54724940;color:#e7f0de;display:flex;flex-direction:column;min-height:224px}.hub-mode-card.selected{border-color:#d3ff5ea0;background:#233220a0}.hub-mode-card:hover{border-color:#d3ff5e70}.hub-mode-card small{font-size:7px;letter-spacing:.7px;color:#a3bb97;margin:18px 0 10px}.hub-mode-card strong{font-size:21px}.hub-mode-card p{font-size:11px;line-height:1.6;color:#acbda1;margin:10px 0 18px}.hub-mode-choose{font-size:8px;letter-spacing:1px;color:#d3ff5e;margin-top:auto}.hub-event-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hub-event-card{padding:18px;background:#14251ae0;border:1px solid #51664740}.hub-event-card>span{font-size:10px;color:var(--event-color)}.hub-event-card h3{font-size:15px;color:var(--event-color);margin:10px 0}.hub-event-card p{font-size:11px;color:#aabc9e;line-height:1.65;margin:0}.hub-page .color-fieldset{padding:18px;border:1px solid #52674750;background:#102117d9}.hub-page .skin-upload-panel,.hub-page .taunt-upload-panel{margin:0 0 20px;padding:18px;background:#102117ee}.hub-page .power-fieldset{padding:18px;border:1px solid #52674750;margin:0 0 20px;background:#102117ee}.hub-page .power-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-page .power-option{min-width:0}.hub-page .skin-preview-wrap{width:72px;height:88px}.hub-primary{background:#d3ff5e;color:#15220f;border:0;padding:18px 22px;font-size:10px;letter-spacing:1px;font-weight:700}.hub-primary:disabled{opacity:.45}.hub-setting{display:grid;grid-template-columns:1fr auto;gap:14px;font-size:13px;padding:22px;background:#102217cc;border:1px solid #536e4850;margin-bottom:14px}.hub-setting input{grid-column:1/-1;width:100%;accent-color:#d3ff5e}.hub-setting output{font-size:11px;color:#d3ff5e}.hub-controls{padding:22px;background:#102217c9;border:1px solid #536e4850}.hub-controls h3{font-size:15px;margin-top:0}.hub-controls p{font-size:11px;color:#aabea0;line-height:1.7}.hub-controls kbd{font:10px monospace;color:#e0efcf;padding:3px 6px;background:#83956120}.hub-lobby .lobby-footer,.hub-lobby .server-line{position:static!important;flex-shrink:0}.hub-lobby .lobby-footer{margin:0;padding:14px 0;flex-direction:row;align-items:center;gap:16px}.hub-lobby .server-line{padding:10px 0;font-size:6px;margin:0}.hub-lobby .control-guide{gap:16px}.hub-lobby .invite-area{margin-left:auto}.hub-overlay{position:fixed;inset:0;z-index:20;background:#05120cdd;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.hub-room-card{width:820px;max-width:100%;max-height:calc(100svh - 48px);overflow:auto;background:linear-gradient(140deg,#192a1d,#0b1811);border:1px solid #87aa6244;padding:32px;box-shadow:0 24px 90px #0006;scrollbar-width:thin}.hub-room-card>p{font-size:12px;line-height:1.6;color:#afc29f}.hub-room-card h2 span{color:#d3ff5e}.hub-room-config{display:flex;gap:14px;margin:20px 0}.hub-room-config label{display:grid;gap:7px;flex:1;font-size:10px;color:#adbf9e}.hub-members{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hub-member{display:flex;align-items:center;gap:9px;background:#698c4410;border:1px solid #6f904427;padding:10px;min-width:0}.hub-member strong{font-size:11px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-member-team{font-size:9px;color:var(--team-color,#8eaa7b)}.hub-member small{margin-left:auto;font-size:7px;color:#c4d9aa;white-space:nowrap}.hub-room-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}#room-error{color:#ffb7a3;min-height:18px;margin:8px 0}.hub-room-tip{font-size:10px!important;color:#79916e!important}.hub-highlights{display:flex;gap:12px;margin:20px 0}.hub-highlights>div{padding:16px;background:#c0e58310;color:#d3e5b8;font-size:10px;line-height:1.6;flex:1}.hub-result-row{display:flex;align-items:center;gap:14px;padding:12px;border-bottom:1px solid #79975530;font-size:12px}.hub-result-row>strong{flex:1}.hub-result-row>span:last-child{font-size:11px;color:#aabd98}.hub-result-row.winner{background:#d3ff5e12;color:#d3ff5e}.match-objective{padding:10px 14px;background:#14271aec;border:1px solid #b9e17455;color:#e2f5c7;font-size:10px;letter-spacing:.5px;text-align:center;line-height:1.5}.spectator-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:12;max-width:90vw;display:flex;gap:20px;align-items:center;background:#14251cef;padding:16px;border:1px solid #b1d57744;font-size:12px;color:#d6e6c2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #d3ff5e;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1150px){.hub-shell{--hub-gap:20px;grid-template-columns:120px minmax(290px,1fr) 250px}.hub-nav button{font-size:10px;gap:8px}.hub-lobby{padding:0 22px!important}.hub-lobby h1{font-size:57px!important}.hub-lobby .header-caption{display:none}.hub-member{flex-wrap:wrap}.hub-member strong{max-width:120px}}@media(max-width:900px){.hub-shell{grid-template-columns:1fr 240px;gap:16px;min-height:auto;display:grid}.hub-nav{grid-column:1/-1;flex-direction:row;gap:6px;padding:0 0 12px;border-bottom:1px solid #a2bd7952;overflow:auto;flex-shrink:0}.hub-nav:after{display:none}.hub-nav button{white-space:nowrap;padding:12px}.hub-nav-bottom{display:none}.hub-panels{overflow:visible;padding:0}.hub-lobby{display:block}.hub-aside{position:sticky;top:0;align-self:start;height:min(620px,calc(100svh - 40px))}.hub-lobby .lobby-header{height:72px;min-height:72px}.hub-lobby h1{font-size:54px!important}.hub-mode-grid,.hub-event-grid{grid-template-columns:1fr}.hub-nav button b{display:none}.hub-page{padding-top:18px}.hub-room-card{padding:24px}.hub-lobby .lobby-footer{display:flex;flex-wrap:wrap}.hub-preview{min-height:200px}.hub-setting{padding:16px}}@media(max-width:620px){.hub-shell{grid-template-columns:1fr}.hub-lobby{padding:0 16px!important}.hub-nav{gap:3px;justify-content:space-between}.hub-nav button{font-size:9px;padding:12px 7px;gap:5px}.hub-nav button span{display:none}.hub-lobby h1{font-size:58px!important}.hub-page{max-width:none}.hub-aside{position:static;height:320px;max-height:none}.hub-preview{height:100%;min-height:280px}.hub-mode-grid{grid-template-columns:1fr 1fr;gap:8px}.hub-mode-card{padding:14px}.hub-mode-card strong{font-size:18px}.hub-mode-card p{font-size:10px}.hub-lobby .color-options{gap:12px}.hub-overlay{padding:12px}.hub-room-card{padding:20px;max-height:calc(100svh - 24px)}.hub-members{grid-template-columns:1fr}.hub-room-config{flex-wrap:wrap}.hub-room-config label:first-child{flex-basis:100%}.hub-highlights{flex-direction:column}.hub-result-row{gap:8px;padding:12px 0;font-size:11px}.hub-result-row>span:last-child{max-width:100px;font-size:9px}.hub-room-actions>*{flex:1;white-space:nowrap}.hub-lobby .control-guide{display:none}.hub-lobby .invite-area{width:100%}.hub-selected-mode{padding:14px;gap:12px}.hub-lobby .scene-shade{opacity:.5}.spectator-bar{width:90vw;font-size:10px;gap:10px}.match-objective{font-size:8px}.hub-page .power-options{grid-template-columns:1fr 1fr}}.account-button{flex-shrink:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;border:1px solid #77945480;background:#172819;color:#d3ff5e;min-height:38px;padding:8px 14px;font-size:13px;font-weight:700}.account-save-error{margin:16px 0 0;color:#ffc29f;font-size:14px;line-height:1.5}.account-dialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:26px;background:#0c1b12;color:#e4ecd9;border:1px solid #6c8751;box-shadow:0 25px 100px #0008;scrollbar-width:thin;scrollbar-color:#789058 #0c1b12}.account-dialog::backdrop{background:#020b08d9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#adc78e;font-size:11px;letter-spacing:1.3px}.account-heading button{background:none;color:#d3ff5e;border:0;font-size:28px;min-width:36px;min-height:36px;padding:0}.account-dialog h2{font-size:clamp(25px,5vw,34px);letter-spacing:-1px;margin:14px 0}.account-dialog p{font-size:14px;line-height:1.5;color:#b1c3a5;margin:12px 0}.account-tabs{display:flex;gap:8px;margin:22px 0 18px}.account-dialog button{cursor:pointer}.account-tabs button,.account-actions button,#account-save-code{min-height:44px;padding:12px 14px;border:1px solid #6c875170;background:#192b1c;color:#dfedcc;font-size:13px}.account-tabs button{flex:1}.account-tabs [aria-pressed=true]{color:#d3ff5e;border-color:#d3ff5e;background:#26391b}#account-form{display:grid;gap:16px}.account-dialog label{display:grid;gap:8px;font-size:14px;color:#c1d3b2}.account-dialog input,.account-dialog textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #67844d90;background:#07140c;color:#f2f8e7;padding:13px 12px;font:16px inherit;font-size:16px;min-height:46px;border-radius:0;user-select:text;-webkit-user-select:text}.account-dialog input::placeholder{color:#7e9471;font-size:14px}.account-primary{width:100%;min-height:48px;margin-top:4px;padding:14px!important;border:0!important;background:#d3ff5e!important;color:#17200d!important;font-size:14px!important;font-weight:750}.account-link{border:0;background:none;color:#c3d49c;padding:10px 0;font-size:14px;text-decoration:underline}#account-error{color:#ffbd9f;min-height:0;overflow-wrap:anywhere}.account-actions{display:grid;gap:10px;margin-top:20px}#account-recovery-code{user-select:all;-webkit-user-select:all;resize:none;font-family:monospace;margin:8px 0 10px}#account-done{margin-top:12px}.account-dialog button:disabled{opacity:.55;cursor:wait}@media(max-width:620px){.account-button{max-width:140px;font-size:10px;min-height:30px;padding:6px 8px;margin-left:8px}.hub-lobby .lobby-header{gap:8px}.account-dialog{padding:18px}.account-dialog h2{margin-top:10px}.account-tabs{margin-top:14px}.account-dialog p{font-size:13px}}@media(max-height:500px){.account-dialog{max-height:calc(100dvh - 12px);padding:16px}.account-dialog h2{font-size:24px}.account-dialog p{margin:8px 0}}.account-dialog{max-height:min(calc(100dvh - 24px),calc(var(--app-height,100dvh) - 24px))}@media(max-width:460px){.account-button{max-width:140px;margin-left:auto}}.room-browser{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(var(--app-height,100dvh) - 24px);margin:auto;padding:24px;background:#0b1911;color:#e4ecd9;border:1px solid #6c875180;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#789058 #0c1b12}.room-browser::backdrop{background:#020b08de;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.entry-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.entry-header button,.entry-text-button{background:none;border:0;color:#c9e6a9;min-height:44px;padding:8px 0;font-size:13px}.entry-header #entry-close{margin-left:auto;min-width:44px;font-size:28px}.room-browser h2{font-size:clamp(27px,5vw,36px);line-height:1.15;margin:16px 0 24px;letter-spacing:-1px}.entry-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-choices button{display:flex;flex-direction:column;gap:12px;min-height:140px;padding:20px;text-align:left;background:#15271b;border:1px solid #71935470;color:#dce9ce}.entry-choices button:hover,.entry-room:not(:disabled):hover{border-color:#d3ff5e}.entry-choices strong{font-size:21px}.entry-choices span{font-size:14px;line-height:1.5;color:#b3c7a6}.room-browser .identity-options,.room-browser .form-fields{display:block;width:100%;min-width:0}.room-browser .room-field{box-sizing:border-box;width:100%;padding:14px 16px}.room-browser .room-field label{font-size:14px;margin-bottom:8px;line-height:1.4}.room-browser .room-field input{width:100%;font-size:18px;min-height:30px;line-height:1.5;padding:0;letter-spacing:1px}.room-browser .room-icon{display:none}.room-browser .field-help{font-size:13px;line-height:1.5;color:#a5ba98;margin:10px 0 0}.room-browser .entry-text-button{margin:4px 0 12px}.entry-label{display:grid;gap:8px;font-size:14px;margin-bottom:20px}.room-browser select{box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;padding:10px;background:#14261b;border:1px solid #6c875170;color:#e2edda;font:inherit;font-size:14px}.room-browser #entry-submit{width:100%;min-height:48px;margin-top:12px}.room-browser button{cursor:pointer;overflow-wrap:anywhere}.room-browser button:disabled{cursor:default;opacity:.5}.room-browser #entry-error{font-size:14px;line-height:1.5;color:#ffc29f;margin:12px 0 0}.room-browser [hidden]{display:none!important}#public-rooms{margin-top:28px;border-top:1px solid #78966335;padding-top:20px}.entry-list-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}.entry-list-heading h3{font-size:18px;margin:0}.entry-list-heading select{max-width:210px}#entry-list-status{font-size:14px;line-height:1.5;color:#adc39e}#entry-room-list{display:grid;gap:10px}.entry-room{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;width:100%;padding:16px;text-align:left;background:#13251a;color:#dfead4;border:1px solid #617d4b66}.entry-room-copy{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.entry-room strong{font-size:18px}.entry-room-copy>span{font-size:14px}.entry-room small{font-size:12px;line-height:1.5;color:#a7bd99}.entry-room-action{font-size:12px;color:#d3ff5e;flex-shrink:0;max-width:100px;text-align:right}.room-browser :focus-visible{outline:2px solid #d3ff5e;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hub-room-config .room-toggle{display:flex;align-items:center;gap:10px;flex-basis:100%;font-size:14px}.hub-room-config .room-toggle input{width:20px;height:20px;flex-shrink:0;accent-color:#d3ff5e}.hub-room-config select:disabled{opacity:.75}.hub-room-card .room-capacity-note{font-size:13px;line-height:1.5;color:#adc19d;margin:0 0 16px}.hub-room-config label{min-width:0}.hub-room-config select{max-width:100%}@media(max-width:480px){.room-browser{padding:16px}.entry-choices{grid-template-columns:1fr}.entry-choices button{min-height:110px;padding:16px;gap:8px}.entry-room{padding:12px;gap:10px}.entry-room-action{font-size:11px;max-width:80px}.entry-list-heading select{max-width:100%;width:100%}.room-browser .room-field input{font-size:16px}}.power-catalog-controls{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.power-categories{display:flex;flex-wrap:wrap;gap:5px;width:100%}.power-categories button{padding:9px 10px;border:1px solid #566f4c60;background:#0b1a13;color:#b6c8ad;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer}.power-categories button[aria-pressed=true]{color:#d3ff5e;border-color:#d3ff5e99;background:#253519}.power-search{width:100%;padding:11px 12px;background:#091910;border:1px solid #526a4766;color:#edf4e5;font-size:12px;outline-offset:3px}.power-result-count{font-size:10px;color:#9ab092;min-height:16px}.power-inspector{border:1px solid color-mix(in srgb,var(--power-color),transparent 65%);background:#0a1b13;margin:12px 0 16px}.power-inspector-info{padding:14px}.power-inspector-label{display:block;font-size:9px;letter-spacing:1.5px;color:var(--power-color);margin-bottom:8px}.power-inspector-title{font-size:19px;color:#ebf4df;display:block}.power-inspector-stats{font-size:10px;color:var(--power-color);margin:7px 0}.power-inspector .power-description{font-size:12px;line-height:1.6;margin:10px 0;min-height:0}.power-counter{font-size:11px;line-height:1.6;color:#9cb591;margin:0;border-top:1px solid #78966330;padding-top:10px}.hub-page .power-options{max-height:none;overflow:visible;align-content:start}.power-options .power-option[hidden]{display:none!important}.power-options .power-option-icon{color:var(--power-color)}.power-options .power-option.selected{border-color:var(--power-color)}.power-effects-status{background:#112720e8;border:1px solid #74cba14d;padding:8px 12px;color:#bcf5d1;font-size:10px;line-height:1.5;letter-spacing:.25px;text-align:center;max-width:620px}body:not([data-mode=playing]) .power-effects-status{display:none}@media(max-width:620px){.power-categories button{flex:1;padding:9px 7px;font-size:9px}.power-effects-status{font-size:9px}.power-inspector-info{padding:12px}.power-inspector-title{font-size:17px}}body.spectating #game-canvas{touch-action:none;cursor:grab}body.spectating #game-canvas:active{cursor:grabbing}body.spectating #arena-messages{display:none}#spectator-view{position:fixed;inset:0;z-index:12;pointer-events:none;color:#e8f3df}.spectator-info{position:absolute;top:calc(var(--safe-top) + 18px);left:calc(var(--safe-left) + 18px);width:min(330px,calc(100% - var(--safe-left) - var(--safe-right) - 36px));padding:16px;background:#0b1b13eb;border:1px solid #a5c37a55;max-height:calc(var(--app-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - var(--spectator-controls-height, 210px) - 50px);overflow:auto;pointer-events:auto;overscroll-behavior:contain;scrollbar-width:thin}.spectator-live{display:flex;align-items:center;gap:8px;color:#d3ff5e;font-size:11px;letter-spacing:1px}.spectator-live i{width:6px;height:6px;border-radius:50%;background:currentColor}.spectator-live span{margin-left:auto;color:#b4c6a9;letter-spacing:0}.spectator-profile{display:flex;gap:12px;align-items:center;margin:14px 0 10px;min-width:0}#spectator-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:7px;overflow:hidden}#spectator-photo{width:100%;height:100%;object-fit:contain;background:#fff}.spectator-profile>div{min-width:0}#spectator-name{display:block;overflow-wrap:anywhere;font-size:21px}#spectator-team{display:block;font-size:11px;color:#b4c6a9;margin-top:3px}.spectator-stats{font-size:13px;line-height:1.5}.spectator-power,.spectator-match,.spectator-event{font-size:12px;line-height:1.5;margin-top:6px;color:#bad39e}.spectator-match{padding-top:8px;border-top:1px solid #a5c37a30}.spectator-event{color:#b9dbff}.spectator-controls{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 16px);transform:translate(-50%);width:min(1000px,calc(100% - var(--safe-left) - var(--safe-right) - 32px));display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:1px solid #a5c37a55;background:#0b1b13f5;pointer-events:auto;max-height:calc(var(--app-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - 32px);overflow:auto;scrollbar-width:thin}.spectator-controls button,.spectator-controls select{min-height:44px;border:1px solid #83996b60;background:#16291b;padding:10px 12px;color:#ddead2;font-family:inherit;font-size:12px}.spectator-controls button:hover,.spectator-controls button[aria-pressed=true]{color:#d3ff5e;border-color:#d3ff5e;background:#26381b}.spectator-controls .spectator-primary{background:#d3ff5e;color:#15220f;font-weight:700}.spectator-controls button:disabled{cursor:default;opacity:.45}.spectator-follow{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;flex:1 1 260px;gap:6px;min-width:0}.spectator-follow select{min-width:0;width:100%;font-size:16px}.spectator-follow button{padding:0;font-size:26px}.spectator-camera,.spectator-actions,.spectator-zoom{display:flex;gap:6px;align-items:center}.spectator-zoom button{width:44px;padding:8px;font-size:18px}.spectator-zoom span{font-size:10px;color:#adc09b}.spectator-actions{margin-left:auto}#spectator-hint{flex:1 0 100%;margin:0;font-size:11px;color:#a6bc97;text-align:center;line-height:1.5}@media(max-width:720px){.spectator-info{top:calc(var(--safe-top) + 10px);left:calc(var(--safe-left) + 10px);padding:12px;width:min(300px,calc(100% - var(--safe-left) - var(--safe-right) - 20px))}#spectator-name{font-size:18px}.spectator-profile{margin:10px 0 6px}.spectator-controls{bottom:calc(var(--safe-bottom) + 10px);width:calc(100% - var(--safe-left) - var(--safe-right) - 20px);padding:8px;gap:6px}.spectator-follow{flex-basis:100%}.spectator-camera{flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr 1.1fr}.spectator-controls button{font-size:11px;padding:8px}.spectator-follow button{font-size:26px}.spectator-zoom{gap:4px}.spectator-zoom span{display:none}.spectator-actions{flex:1;justify-content:flex-end}#spectator-hint{font-size:10px}}@media(max-height:560px)and (min-width:600px){.spectator-info{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 10px);width:235px;padding:10px}.spectator-profile{margin:6px 0;gap:8px}#spectator-avatar{width:28px;height:28px;flex-basis:28px}#spectator-name{font-size:16px}#spectator-team,.spectator-live{font-size:10px}.spectator-stats,.spectator-power,.spectator-match,.spectator-event{font-size:10px;margin-top:3px}.spectator-match{padding-top:4px}.spectator-controls{bottom:calc(var(--safe-bottom) + 8px);padding:8px;gap:6px}.spectator-follow{flex:1 1 200px}.spectator-camera{display:flex;flex:0 1 auto}.spectator-controls button{font-size:10px;padding:8px}.spectator-follow button{font-size:24px}#spectator-hint{display:none}}@media(min-width:1800px)and (min-height:900px){.spectator-info{width:400px;padding:22px}#spectator-name{font-size:28px}.spectator-stats,.spectator-power,.spectator-match,.spectator-event{font-size:16px}.spectator-controls{width:min(1300px,92%);padding:18px}.spectator-controls button,.spectator-controls select{font-size:16px;min-height:52px}}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--ui-space: clamp(12px, 2vw, 32px)}html,body{min-width:0;overflow:hidden}#lobby.hub-lobby .color-fieldset{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;margin:0 0 20px;padding:18px}#lobby.hub-lobby .color-title{margin:0;padding:0;font-size:15px;line-height:1.5;color:#c3d1b9;overflow-wrap:anywhere}#lobby.hub-lobby .color-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));width:100%;min-width:0;gap:8px}#lobby.hub-lobby .color-options .color-swatch{width:44px;height:44px;justify-self:center;padding:5px}#lobby.hub-lobby .custom-color-control{display:grid;grid-template-columns:minmax(0,1fr) 52px auto;align-items:center;gap:12px;min-width:0;padding-top:14px;border-top:1px solid #78966335;font-size:14px;line-height:1.5}#lobby.hub-lobby .custom-color-control input{width:52px;min-width:0;height:44px;padding:4px;border:1px solid #78966370;background:#0b1710;cursor:pointer}#lobby.hub-lobby .custom-color-control output{font:12px ui-monospace,monospace;color:#b8cba7}#lobby.hub-lobby .custom-color-control>span{min-width:0;overflow-wrap:anywhere}#lobby.hub-lobby .lobby-footer .invite-area{width:auto;flex-shrink:0;margin-left:auto}body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true],[contenteditable=true] *{-webkit-user-select:text;user-select:text}button,a,select,input[type=range],.skin-upload-trigger{touch-action:manipulation}button{overflow-wrap:anywhere}img{-webkit-user-drag:none}.touch-control-guide{display:none;font-size:13px;line-height:1.5;color:#b3c6b8}body[data-touch=true] #lobby.hub-lobby .control-guide{display:none}body[data-touch=true] .touch-control-guide{display:block}#lobby.hub-lobby{height:var(--app-height, 100dvh);min-height:0!important;overflow:hidden!important;display:flex;padding:var(--safe-top) max(var(--ui-space),var(--safe-right)) var(--safe-bottom) max(var(--ui-space),var(--safe-left))!important;font-size:16px}#lobby.hub-lobby .lobby-header{flex:0 0 auto;min-height:68px;height:clamp(68px,10dvh,96px);gap:20px}#lobby.hub-lobby .header-caption{font-size:11px;letter-spacing:1.5px}#lobby.hub-lobby .network-status{font-size:11px;letter-spacing:.8px}#lobby.hub-lobby .hub-shell{--hub-gap: clamp(20px, 2.5vw, 40px);flex:1 1 0;min-height:0;min-width:0;overflow:hidden;display:grid;grid-template-columns:170px minmax(0,1fr) minmax(230px,28%);grid-template-rows:minmax(0,1fr);gap:var(--hub-gap);padding:16px 0}#lobby.hub-lobby .hub-nav{min-height:0;overflow:auto;gap:8px;padding:8px 16px 8px 0;margin-right:calc(var(--hub-gap) / -2);border-right:1px solid #a2bd7952;scrollbar-width:thin;scrollbar-color:#647e4c transparent}#lobby.hub-lobby .hub-nav:after{display:none}#lobby.hub-lobby .hub-nav button{flex-shrink:0;min-height:48px;padding:12px;font-size:15px;gap:12px}#lobby.hub-lobby .hub-nav button span{font-size:11px}#lobby.hub-lobby .hub-nav-bottom{padding:16px 12px 0;font-size:11px}#lobby.hub-lobby .hub-nav-bottom small{font-size:10px}#lobby.hub-lobby .hub-panels{min-height:0;min-width:0;padding:0;overflow:hidden;contain:paint}#lobby.hub-lobby .hub-page{width:100%;max-width:none;height:100%;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding:12px 12px 24px 0;scrollbar-width:thin;scrollbar-color:#647e4c #0c1a12;scrollbar-gutter:stable}#lobby.hub-lobby #hub-home{padding:0;overflow:hidden;scrollbar-gutter:auto}#hub-form-slot{height:100%;min-height:0}#lobby.hub-lobby .join-form{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;gap:0;margin:0;padding:0;overflow:hidden}.hub-home-scroll{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 12px 16px 0;scrollbar-width:thin;scrollbar-color:#647e4c #0c1a12;scrollbar-gutter:stable}.hub-home-actions{flex:0 0 auto;min-width:0;padding:12px 12px 0 0;background:#08130e;border-top:1px solid #78966335}#lobby.hub-lobby .hub-home-actions .play-button{width:100%;min-height:48px;height:auto;margin:0;padding:15px 20px;font-size:15px}#lobby.hub-lobby .hub-join-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:10px}#lobby.hub-lobby .hub-join-actions button{min-width:0;min-height:44px;padding:12px 8px;font-size:12px;line-height:1.4;letter-spacing:.3px}#lobby.hub-lobby h1{font-size:clamp(36px,4.4vw,80px)!important;margin:0 0 18px;line-height:1.04;letter-spacing:-1px;overflow-wrap:anywhere}#lobby.hub-lobby .hub-kicker{font-size:12px;letter-spacing:1.3px;margin-bottom:14px}#lobby.hub-lobby .hub-intro{font-size:16px;line-height:1.6;margin:0 0 22px;color:#b3c6b8}#lobby.hub-lobby .hub-page h2{font-size:clamp(30px,3vw,54px)}#lobby.hub-lobby .identity-options{min-width:0;width:100%}#lobby.hub-lobby .form-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%}#lobby.hub-lobby .form-fields .field{width:100%;min-width:0;padding:14px 16px 12px}#lobby.hub-lobby #hub-custom-visual .name-field{width:100%;min-width:0;padding:18px;margin:0 0 20px}#lobby.hub-lobby .field:focus-within{border-color:#d3ff5e}#lobby.hub-lobby .field label{display:block;font-size:14px;line-height:1.4;margin-bottom:10px}#lobby.hub-lobby .field input{width:100%;min-width:0;font-size:18px;line-height:1.5;padding:0}#lobby.hub-lobby .field-icon,#lobby.hub-lobby .room-icon{display:none}#lobby.hub-lobby .field-help{font-size:13px;line-height:1.6;margin:12px 0 0}#lobby.hub-lobby .lobby-error{font-size:14px;margin:12px 0 0}#lobby.hub-lobby .hub-selected-mode{gap:16px;padding:16px}#lobby.hub-lobby .hub-selected-mode>span:nth-child(2){min-width:0}#lobby.hub-lobby .hub-selected-mode strong{font-size:24px;overflow-wrap:anywhere}#lobby.hub-lobby .hub-selected-mode small{font-size:12px;line-height:1.5}#lobby.hub-lobby .hub-selected-mode b{font-size:11px}#lobby.hub-lobby .hub-aside{min-height:0;min-width:0;height:auto;max-height:none;position:static;align-self:stretch}#lobby.hub-lobby .hub-preview{min-height:0;height:100%;padding:16px;overflow:hidden}#lobby.hub-lobby .hub-preview span,#lobby.hub-lobby .hub-preview small{font-size:11px;letter-spacing:1px}#lobby.hub-lobby .lobby-footer{flex:0 0 auto;margin:0;padding:12px 0;gap:16px;flex-wrap:wrap}#lobby.hub-lobby .control-guide{flex-wrap:wrap;gap:12px}#lobby.hub-lobby .control-item,#lobby.hub-lobby .footer-label,#lobby.hub-lobby .invite-area{font-size:11px}#lobby.hub-lobby .key{font-size:10px;height:22px}#lobby.hub-lobby .server-line{margin:0;padding:8px 0 12px;font-size:10px;gap:12px}#lobby.hub-lobby .server-line>span:last-child{overflow-wrap:anywhere;text-align:right}#lobby.hub-lobby :is(.hub-mode-grid,.hub-event-grid){grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}#lobby.hub-lobby .hub-mode-card{padding:20px;min-width:0;min-height:240px}#lobby.hub-lobby .hub-mode-card strong{font-size:24px}#lobby.hub-lobby .hub-mode-card small,#lobby.hub-lobby .hub-mode-choose{font-size:12px}#lobby.hub-lobby :is(.hub-mode-card p,.hub-event-card p){font-size:15px;line-height:1.6}#lobby.hub-lobby .hub-event-card h3{font-size:20px}#lobby.hub-lobby .hub-event-card>span{font-size:12px}#lobby.hub-lobby :is(fieldset,.skin-upload-panel,.taunt-upload-panel,.hub-setting,.hub-controls){min-width:0;max-width:100%}#lobby.hub-lobby .skin-upload-panel{grid-template-columns:72px minmax(0,1fr)}#lobby.hub-lobby .power-fieldset{margin:0 0 20px;padding:18px;border:1px solid #52674750}#lobby.hub-lobby :is(legend,.skin-heading){font-size:14px;line-height:1.5;letter-spacing:.6px}#lobby.hub-lobby legend span{font-size:11px}#lobby.hub-lobby :is(.skin-help,.skin-status,.power-selection-help,.power-selection-note,.color-note){font-size:13px;line-height:1.65;overflow-wrap:anywhere}#lobby.hub-lobby .skin-upload-trigger{min-height:44px;padding:10px 12px;font-size:12px;white-space:normal}#lobby.hub-lobby .skin-remove{min-height:44px;font-size:12px;padding:8px}#lobby.hub-lobby .color-options{flex-wrap:wrap;gap:12px}#lobby.hub-lobby .color-swatch{width:40px;height:40px}#lobby.hub-lobby .audio-editor{min-width:0}#lobby.hub-lobby #audio-player{width:100%;min-width:0;max-width:100%}#lobby.hub-lobby #audio-waveform{width:100%}#lobby.hub-lobby .audio-cut-control label,#lobby.hub-lobby .audio-cut-summary{font-size:13px}#lobby.hub-lobby input[type=range]{min-width:0;width:100%;min-height:36px}#lobby.hub-lobby .audio-cut-actions{display:flex;flex-wrap:wrap;gap:10px}#lobby.hub-lobby .audio-cut-actions button{min-height:44px;flex:1 1 140px;font-size:12px;padding:10px;white-space:normal}#lobby.hub-lobby .power-categories button{min-height:44px;font-size:13px}#lobby.hub-lobby .power-search{font-size:16px;min-height:44px}#lobby.hub-lobby .power-result-count{font-size:13px}#lobby.hub-lobby .power-inspector-label{font-size:12px}#lobby.hub-lobby .power-inspector-title{font-size:23px}#lobby.hub-lobby .power-inspector-stats{font-size:13px;line-height:1.5}#lobby.hub-lobby :is(.power-description,.power-counter){font-size:14px;line-height:1.6}#lobby.hub-lobby .power-options{grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr))}#lobby.hub-lobby .power-option:last-child{grid-column:auto}#lobby.hub-lobby .power-option{min-height:76px;padding:12px;gap:10px}#lobby.hub-lobby .power-option-copy>strong{font-size:15px;line-height:1.35}#lobby.hub-lobby .power-option-copy>small{font-size:12px;margin-top:5px}#lobby.hub-lobby .hub-setting{font-size:16px}#lobby.hub-lobby .hub-setting output{font-size:14px}#lobby.hub-lobby .hub-setting select{font-size:16px;min-width:0}#lobby.hub-lobby .hub-controls p{font-size:14px}#lobby.hub-lobby .hub-controls kbd{font-size:12px}.hub-primary,.hub-secondary{min-height:44px;font-size:14px;line-height:1.4;white-space:normal}.hub-room-card{max-height:calc(var(--app-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - 32px);min-width:0;overflow-x:hidden}.hub-room-card h2{overflow-wrap:anywhere}.hub-room-card>p,.hub-room-config label,.hub-member strong,.hub-result-row{font-size:15px}.hub-room-card .hub-kicker,.hub-member small,.hub-member-team,.hub-room-tip{font-size:12px!important}.hub-room-config{flex-wrap:wrap}.hub-room-config label{min-width:0;flex:1 1 150px}.hub-room-config select{min-height:44px;font-size:16px;width:100%}.hub-room-actions>button{min-width:0;flex:1 1 180px;white-space:normal}.hub-member{flex-wrap:wrap}.hub-result-row>strong{min-width:0;overflow-wrap:anywhere}.hub-highlights{flex-wrap:wrap}.hub-highlights>div{min-width:140px;font-size:14px}@media(max-width:1100px){#lobby.hub-lobby .hub-shell{grid-template-columns:140px minmax(0,1fr) 220px;--hub-gap: 20px}#lobby.hub-lobby .header-caption{display:none}#lobby.hub-lobby .hub-nav button{padding:12px 8px;font-size:14px;gap:8px}}@media(max-width:960px){#lobby.hub-lobby .hub-shell{grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:auto minmax(0,1fr);gap:12px 20px}#lobby.hub-lobby .hub-nav{grid-column:1 / -1;flex-direction:row;border-right:0;border-bottom:1px solid #a2bd7952;margin:0;padding:0 0 10px;overflow-x:auto}#lobby.hub-lobby .hub-nav button{white-space:nowrap;min-height:44px;padding:10px 14px}#lobby.hub-lobby .hub-nav-bottom{display:none}#lobby.hub-lobby .hub-panels,#lobby.hub-lobby .hub-aside{grid-row:2}#lobby.hub-lobby .hub-selected-mode{flex-wrap:wrap;gap:10px}#lobby.hub-lobby .hub-selected-mode b{margin-left:auto}#lobby.hub-lobby .form-fields{grid-template-columns:minmax(0,1fr)}#lobby.hub-lobby .server-line{padding-bottom:6px}}@media(max-width:720px){#lobby.hub-lobby .lobby-header{height:60px;min-height:60px;gap:12px}#lobby.hub-lobby .network-status{font-size:10px}#lobby.hub-lobby .hub-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px;padding:10px 0}#lobby.hub-lobby .hub-nav{gap:4px;justify-content:flex-start;padding-bottom:8px}#lobby.hub-lobby .hub-nav button{font-size:14px;padding:10px 12px}#lobby.hub-lobby .hub-nav button span{display:none}#lobby.hub-lobby .hub-preview{padding:10px 12px}#lobby.hub-lobby .hub-preview span,#lobby.hub-lobby .hub-preview small{font-size:10px}#lobby.hub-lobby .hub-page,.hub-home-scroll{padding-right:6px}.hub-home-actions{padding-right:6px;padding-top:8px}#lobby.hub-lobby .hub-home-actions .play-button{min-height:44px;padding:12px 16px}#lobby.hub-lobby .hub-join-actions{margin-top:8px;gap:8px}#lobby.hub-lobby .hub-join-actions button{font-size:11px;padding:8px}#lobby.hub-lobby .lobby-footer{padding:6px 0}#lobby.hub-lobby .control-guide,#lobby.hub-lobby .server-line>span:first-child{display:none}body[data-touch=true] .touch-control-guide{display:none}#lobby.hub-lobby .invite-area{width:auto;margin-left:0}#lobby.hub-lobby .server-line{position:absolute!important;bottom:calc(var(--safe-bottom) + 8px);right:max(var(--safe-right),var(--ui-space));left:auto;width:auto;max-width:70%;padding:0}#lobby.hub-lobby .server-line>span:last-child{max-width:100%}#lobby.hub-lobby .hub-setting{grid-template-columns:minmax(0,1fr) auto;padding:16px}#lobby.hub-lobby .hub-setting select{grid-column:1 / -1}.hub-overlay{padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left))}.hub-room-card{padding:20px}.hub-members{grid-template-columns:minmax(0,1fr)}}@media(max-height:540px){#lobby.hub-lobby .lobby-header{height:48px;min-height:48px}#lobby.hub-lobby .hub-nav-bottom,#lobby.hub-lobby .server-line,#lobby.hub-lobby .control-guide{display:none}#lobby.hub-lobby .lobby-footer{padding:5px 0}#lobby.hub-lobby .hub-shell{padding:8px 0}#lobby.hub-lobby .hub-home-actions .play-button{min-height:44px;padding:10px 16px}}@media(max-width:720px){#lobby.hub-lobby[data-menu-page=home] .lobby-header{height:48px;min-height:48px}#lobby.hub-lobby[data-menu-page=home] .hub-shell{grid-template-rows:auto minmax(0,1fr);gap:8px;padding:6px 0}#lobby.hub-lobby[data-menu-page=home] .hub-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding-bottom:6px;overflow:visible}#lobby.hub-lobby[data-menu-page=home] .hub-nav button{justify-content:center;min-width:0;min-height:44px;padding:8px 2px;font-size:clamp(11px,3.1vw,14px)}#lobby.hub-lobby #hub-home .hub-home-scroll{display:flex;flex-direction:column;gap:8px;padding:0;scrollbar-gutter:auto}#lobby.hub-lobby #hub-home .hub-home-scroll>*{flex:0 0 auto}#lobby.hub-lobby #hub-home :is(.hub-kicker,.hub-intro,.field-help){display:none}#lobby.hub-lobby #hub-home h1{font-size:clamp(24px,6.8vw,34px)!important;margin:0}#lobby.hub-lobby #hub-home .hub-selected-mode{flex-wrap:nowrap;min-height:64px;gap:10px;padding:10px 12px;margin:0}#lobby.hub-lobby #hub-home .hub-selected-mode>span:nth-child(2){flex:1}#lobby.hub-lobby #hub-home .hub-selected-mode small:first-child{display:none}#lobby.hub-lobby #hub-home .hub-selected-mode strong{font-size:20px;line-height:1.15;margin:0 0 4px}#lobby.hub-lobby #hub-home .hub-selected-mode small{font-size:11px;line-height:1.35;letter-spacing:0}#lobby.hub-lobby #hub-home .hub-selected-mode b{font-size:10px}#lobby.hub-lobby #hub-home .hub-mode-icon{flex:0 0 24px;font-size:26px}#lobby.hub-lobby #hub-home .room-field{padding:8px 12px}#lobby.hub-lobby #hub-home .room-field label{font-size:12px;margin-bottom:4px}#lobby.hub-lobby #hub-home .room-field input{font-size:16px;line-height:1.5}#lobby.hub-lobby #hub-home .hub-home-actions{padding:8px 0 0}#lobby.hub-lobby #hub-home .hub-join-actions{margin-top:6px;gap:6px}#lobby.hub-lobby #hub-home .hub-join-actions button{letter-spacing:0}#lobby.hub-lobby #hub-home .lobby-error{font-size:12px;line-height:1.4;margin:0}}@media(max-width:720px)and (max-height:600px){#lobby.hub-lobby #hub-home h1{font-size:24px!important}#lobby.hub-lobby #hub-home h1 br{display:none}#lobby.hub-lobby #hub-home h1 em:before{content:" "}}@media(max-width:720px)and (max-height:520px){#lobby.hub-lobby #hub-home h1{display:none}}@media(max-width:720px),(max-width:1100px)and (max-height:540px)and (any-pointer:coarse){#lobby.hub-lobby .hub-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px}#lobby.hub-lobby .hub-panels{grid-column:1;grid-row:2}#lobby.hub-lobby .hub-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-row:1;grid-column:1;gap:2px;margin:0;padding:0 0 6px;overflow:visible;border-right:0;border-bottom:1px solid #a2bd7952}#lobby.hub-lobby .hub-nav button{justify-content:center;min-width:0;min-height:44px;padding:8px 2px;font-size:clamp(11px,3.1vw,14px)}#lobby.hub-lobby .hub-nav button span{display:none}#lobby.hub-lobby .hub-aside{display:block;flex:0 0 auto;width:100%;height:clamp(360px,55svh,440px);min-height:360px;margin:8px 0}#lobby.hub-lobby #hub-custom .hub-aside{margin:0 0 24px}#lobby.hub-lobby .hub-preview{height:100%;min-height:360px}}.menu-keyboard-open #lobby.hub-lobby .hub-shell{grid-template-rows:auto minmax(0,1fr)}.menu-keyboard-open #lobby.hub-lobby :is(.hub-aside,.lobby-header,.lobby-footer,.server-line){display:none}.menu-keyboard-open #lobby.hub-lobby .hub-panels{grid-column:1 / -1;grid-row:2}.menu-keyboard-open #lobby.hub-lobby .hub-nav{grid-column:1 / -1;grid-row:1;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #a2bd7952;margin:0;padding:0 0 6px}.menu-keyboard-open #lobby.hub-lobby .hub-nav-bottom{display:none}.menu-keyboard-open #lobby.hub-lobby .hub-join-actions{margin-top:4px}@media(min-width:1800px)and (min-height:900px){#lobby.hub-lobby{--ui-space: 4vw}#lobby.hub-lobby .hub-shell{grid-template-columns:clamp(190px,11vw,300px) minmax(0,1fr) minmax(330px,29%)}#lobby.hub-lobby .hub-nav button{font-size:clamp(18px,1vw,28px);min-height:64px}#lobby.hub-lobby :is(.hub-intro,.hub-mode-card p,.hub-event-card p,.field input){font-size:clamp(18px,1vw,28px)}#lobby.hub-lobby :is(.field label,.skin-help,.skin-status,.power-description,.power-counter,.power-option-copy>strong,.hub-join-actions button){font-size:clamp(16px,.85vw,24px)}#lobby.hub-lobby :is(.hub-kicker,.hub-selected-mode small,.power-option-copy>small,.power-inspector-stats){font-size:clamp(14px,.75vw,20px)}#lobby.hub-lobby .hub-home-actions .play-button{min-height:64px;font-size:20px}#lobby.hub-lobby h1{font-size:clamp(80px,4.4vw,160px)!important}#lobby.hub-lobby .hub-page h2{font-size:clamp(48px,2.8vw,96px)}#lobby.hub-lobby :is(.hub-mode-card strong,.hub-selected-mode strong,.power-inspector-title){font-size:clamp(26px,1.4vw,44px)}#lobby.hub-lobby :is(.network-status,.hub-preview span,.hub-preview small,.skin-heading,.hub-setting,.hub-controls p){font-size:clamp(14px,.85vw,24px)}}body[data-mode=playing],body[data-mode=dead]{overflow:hidden;overscroll-behavior:none}body[data-mode=playing] #game-canvas{touch-action:none}.hud{inset:0;width:100%;height:var(--app-height, 100dvh)}.hud-top-left{top:calc(var(--safe-top) + 20px);left:calc(var(--safe-left) + 24px)}.scoreboard{top:calc(var(--safe-top) + 64px);left:calc(var(--safe-left) + 24px)}.stat-label{font-size:11px;letter-spacing:.5px}.score-primary>strong{font-size:clamp(38px,3vw,56px)}.score-secondary>strong{font-size:20px}.leaderboard-panel{top:calc(var(--safe-top) + 20px);right:calc(var(--safe-right) + 24px);width:220px}.panel-heading{font-size:11px}.leaderboard li,.leaderboard li .leaderboard-name{font-size:13px}.leaderboard li>strong{font-size:12px}.hud-bottom-left{left:calc(var(--safe-left) + 24px);bottom:calc(var(--safe-bottom) + 24px)}.map-caption{font-size:10px}.boost-panel{bottom:calc(var(--safe-bottom) + 30px)}.boost-topline,.boost-help{font-size:10px}.hud-actions{bottom:calc(var(--safe-bottom) + 18px);right:calc(var(--safe-right) + 24px);max-width:calc(100vw - 280px);flex-wrap:wrap;justify-content:flex-end}.hud-button{min-height:38px;height:auto;font-size:11px;padding:10px 12px}.diagnostics{right:calc(var(--safe-right) + 24px);bottom:calc(var(--safe-bottom) + 2px);font-size:10px}.power-panel{left:auto;right:calc(var(--safe-right) + 24px);bottom:calc(var(--safe-bottom) + 82px);transform:none;width:240px}.power-button{width:100%;min-height:76px;padding:12px;gap:10px;touch-action:none}.power-name{font-size:14px;line-height:1.3}.power-cost{font-size:12px}.power-status{font-size:11px;max-width:83px}.power-key-hint{font-size:11px}.arena-actions{right:calc(var(--safe-right) + 24px);bottom:calc(var(--safe-bottom) + 194px);width:240px;flex-direction:column}.arena-actions button{min-width:0;min-height:44px;font-size:12px;line-height:1.4;padding:10px;touch-action:none;white-space:normal}.arena-messages{top:calc(var(--safe-top) + 20px);width:min(460px,calc(100vw - 620px));gap:7px;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 130px);overflow:hidden}.arena-event strong{font-size:13px}.arena-event span{font-size:12px;line-height:1.45}.arena-event[data-phase=rest] strong{font-size:11px}.objective-panel,.power-effects-status,.match-objective,#arena-messages .notice{font-size:12px}#arena-messages .pointer-hint p{font-size:11px}.pointer-button{height:auto;min-height:38px;font-size:10px}.hud-compact-actions{display:none}.hud-combat{display:contents}#touch-look-hint{position:fixed;z-index:3;left:calc(var(--safe-left) + 16px);bottom:calc(var(--safe-bottom) + 74px);max-width:135px;font-size:11px;line-height:1.5;letter-spacing:.5px;color:#bad0b2;text-shadow:0 1px 4px #000;pointer-events:none;transition:opacity .15s}.touch-looking #touch-look-hint{opacity:.2}.death-screen{padding:max(16px,var(--safe-top)) max(16px,var(--safe-right)) max(16px,var(--safe-bottom)) max(16px,var(--safe-left));overflow:auto}.death-card{width:450px;max-width:100%;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 32px);overflow:auto}.death-card>p{font-size:15px}.death-card .play-button,.death-card .text-button{min-height:44px;height:auto;padding:14px;font-size:13px}.death-stats .stat-label{font-size:11px}.spectator-bar{bottom:calc(var(--safe-bottom) + 16px);flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 32px)}@media(max-width:1280px),(any-pointer:coarse),(max-height:560px){.hud-top-left{display:none}.scoreboard{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 14px);gap:16px;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 125px)}.score-primary>strong{font-size:34px}.score-secondary>strong{font-size:17px}.stat-label{font-size:10px;letter-spacing:.3px}.score-secondary .stat-label{font-size:9px}.hud-bottom-left{left:auto;right:calc(var(--safe-right) + 14px);top:calc(var(--safe-top) + 12px);bottom:auto}.map-wrap{width:86px;height:86px}.map-caption{display:none}.leaderboard-panel{display:none;width:240px;max-width:calc(100vw - 28px);top:calc(var(--safe-top) + 85px);left:calc(var(--safe-left) + 14px);right:auto;z-index:8;background:#0a1b13fa;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 170px);overflow:auto;pointer-events:auto;overscroll-behavior:contain}.hud-ranking-open .leaderboard-panel{display:block}.leaderboard li:nth-child(n){display:flex;font-size:13px;padding:9px 0}.hud-compact-actions{position:absolute;z-index:9;left:calc(var(--safe-left) + 14px);bottom:calc(var(--safe-bottom) + 16px);display:flex;gap:8px;pointer-events:auto}.hud-compact-actions button{min-width:62px;min-height:44px;border:1px solid #9ab28d66;background:#0c2015ed;padding:10px;color:#d8e9cc;font-size:11px}.hud-compact-actions button[aria-expanded=true]{color:#d3ff5e;border-color:#d3ff5e}.hud-actions{display:none;position:absolute;z-index:9;left:calc(var(--safe-left) + 14px);right:auto;bottom:calc(var(--safe-bottom) + 68px);width:205px;max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 160px);overflow:auto;padding:10px;border:1px solid #b5cf7f66;background:#0a1b13fa;flex-direction:column;gap:8px}.hud-options-open .hud-actions{display:flex}.hud-actions button{width:100%;min-height:44px;font-size:12px}.diagnostics{right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 2px);font-size:9px}.arena-messages{top:calc(var(--safe-top) + 110px);left:50%;width:min(540px,calc(100vw - var(--safe-left) - var(--safe-right) - 28px));max-height:max(40px,calc(var(--app-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - var(--combat-height, 215px) - 230px));gap:5px;overflow-y:auto;pointer-events:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#657d4a #102219;touch-action:pan-y}.arena-messages>*{flex-shrink:0}.arena-event{padding:8px 10px}.arena-event strong{font-size:12px}.arena-event span{font-size:11px}.objective-panel,.power-effects-status,.match-objective,#arena-messages .notice{font-size:11px;padding:7px 10px}.boost-panel{left:auto;right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 89px);width:192px;transform:none}.boost-help{display:none}.boost-topline{font-size:9px;gap:8px;margin-bottom:5px}.boost-topline strong{font-size:17px}.power-panel{left:auto;right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 119px);width:192px;transform:none}.power-panel .power-key-hint{display:none}.power-button{min-height:76px;padding:10px;gap:7px}.power-icon{width:23px;font-size:24px}.power-name{font-size:13px}.power-cost{font-size:11px}.power-status{max-width:67px;font-size:10px}.arena-actions{left:auto;right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 203px);width:192px}.arena-actions button{min-height:44px;font-size:11px}.touch-controls{left:auto;right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 16px);width:auto}.touch-controls #boost-button{width:92px;height:64px;min-height:64px;max-width:none;padding:8px;border-radius:18px;font-size:12px;line-height:1.5}.touch-controls #boost-button.pressed{background:#446722ed;border-color:#d3ff5e}.crosshair{opacity:.5}.hud-combat{position:absolute;right:calc(var(--safe-right) + 14px);bottom:calc(var(--safe-bottom) + 89px);display:flex;flex-direction:column;gap:8px;width:192px;max-height:calc(var(--app-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - 215px);overflow:auto;pointer-events:auto;scrollbar-width:thin}.hud-combat>:is(.boost-panel,.power-panel,.arena-actions){position:static;width:100%;transform:none;flex:0 0 auto}.hud-combat .boost-panel{order:2}.hud-combat .arena-actions{order:-1}.hud-combat .arena-actions:has(button[hidden]){display:none}.hud-combat .power-button{display:grid;grid-template-columns:24px minmax(0,1fr)}.hud-combat .power-status{grid-column:1 / -1;max-width:none;width:100%;margin:0;text-align:left}}@media(max-width:380px){.scoreboard{gap:10px}.score-primary>strong{font-size:30px}.score-secondary>strong{font-size:15px}.score-secondary .stat-label{font-size:8px}.map-wrap{width:72px;height:72px}.arena-messages{top:calc(var(--safe-top) + 95px)}.hud-compact-actions{gap:5px}.hud-compact-actions button{min-width:56px;padding:8px;font-size:10px}#touch-look-hint{max-width:110px;font-size:10px}}@media(max-height:560px)and (min-width:600px){.hud-top-left{display:none}.scoreboard{top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 14px);max-width:200px;gap:10px;flex-wrap:wrap}.score-primary{flex-basis:100%}.score-primary>strong{font-size:30px}.stat-label{font-size:9px}.arena-messages{top:calc(var(--safe-top) + 12px);width:min(460px,calc(100vw - var(--safe-left) - var(--safe-right) - 440px));max-height:max(40px,calc(var(--app-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - var(--combat-height, 215px) - 50px))}.arena-event strong{font-size:11px}.arena-event span,.objective-panel,.power-effects-status,.match-objective,#arena-messages .notice{font-size:10px;line-height:1.4}.arena-event{padding:6px 8px}.hud-bottom-left{top:calc(var(--safe-top) + 12px);right:calc(var(--safe-right) + 14px);left:auto;bottom:auto}.map-wrap{width:72px;height:72px}.map-caption{display:none}.power-panel{bottom:calc(var(--safe-bottom) + 16px);right:calc(var(--safe-right) + 112px);width:188px}.power-button{min-height:64px;padding:8px}.arena-actions{bottom:calc(var(--safe-bottom) + 92px);right:calc(var(--safe-right) + 14px);width:200px}.boost-panel{bottom:calc(var(--safe-bottom) + 90px);right:calc(var(--safe-right) + 230px);width:160px;left:auto;transform:none}.boost-topline{font-size:8px}.touch-controls #boost-button{width:84px}.hud-combat{right:calc(var(--safe-right) + 112px);bottom:calc(var(--safe-bottom) + 16px);width:230px;max-height:calc(var(--app-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - 140px)}#touch-look-hint{bottom:calc(var(--safe-bottom) + 74px);max-width:170px;font-size:10px}.death-card h2{font-size:40px;margin:18px 0}.death-stats{padding:12px 0;margin-bottom:14px}}@media(min-width:1800px)and (min-height:900px){.scoreboard{gap:32px}.stat-label{font-size:14px}.leaderboard-panel{width:300px}.leaderboard li,.leaderboard li .leaderboard-name{font-size:17px}.arena-messages{width:min(620px,calc(100vw - 860px))}.arena-event strong{font-size:17px}.arena-event span,.objective-panel,.match-objective,.power-effects-status{font-size:15px}.power-panel{width:300px;bottom:calc(var(--safe-bottom) + 100px)}.power-button{min-height:92px}.power-name{font-size:18px}.power-cost,.power-status{font-size:14px}.arena-actions{width:300px;bottom:calc(var(--safe-bottom) + 228px)}.arena-actions button,.hud-button{font-size:15px;min-height:48px}}.career-page{color:#dbe9d4}.career-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.career-filters label{display:grid;gap:8px;font-size:14px}.career-filters select{width:100%;min-width:0;min-height:44px;color:#e5f1dc;background:#12281b;border:1px solid #546c47;padding:10px;font:inherit}.career-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0}.career-toolbar button,.match-all-button{background:#152a1c;color:#d8edc6;border:1px solid #526b45;min-height:44px;padding:10px 14px;font-size:12px;cursor:pointer}.career-toolbar button:disabled{opacity:.4;cursor:default}.career-toolbar span,#career-status,.career-history-note,.career-empty{color:#a8c09c;font-size:14px;line-height:1.6}.career-ranking-row{display:grid;grid-template-columns:minmax(4ch,max-content) 36px minmax(0,1fr) minmax(0,auto);align-items:center;gap:12px;width:100%;text-align:left;background:#102218;color:#e1eed9;border:1px solid #40563a;padding:12px;margin-bottom:7px;cursor:pointer}.career-ranking-row.is-self{border-color:#b5da68;background:#1d3020}.career-position{color:#d3ff5e;font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.career-avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;color:#102015;font-size:13px;font-weight:700;border-radius:5px;overflow:hidden}.career-avatar img{width:100%;height:100%;object-fit:contain;background:#fff}.career-name{font-size:16px;min-width:0;overflow-wrap:anywhere}.career-name small{display:block;color:#abc09d;font-size:12px;line-height:1.5;margin-top:5px}.career-metric{min-width:0;font-size:15px;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#career-personal{margin-top:16px;border-top:1px solid #47613b;padding-top:10px}#career-personal-label{margin:0 0 8px;font-size:13px;color:#b8c9ab;line-height:1.5}#career-details{margin-top:24px;border-top:1px solid #47613b}#career-details>summary{min-height:44px;padding:12px 0;color:#b8c9ab;cursor:pointer;font-size:14px}#career-details>summary:focus-visible,.career-ranking-row:focus-visible{outline:2px solid #d3ff5e;outline-offset:-2px}#career-profile{padding-top:8px}.career-profile-heading{display:flex;align-items:center;gap:12px}.career-page h3{font-size:19px;margin:20px 0 14px}.career-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.career-totals>div{display:grid;gap:8px;padding:14px 10px;background:#15291b}.career-totals strong{font-size:25px;color:#d3ff5e}.career-totals span{font-size:12px;line-height:1.4}.career-versus{font-size:15px;line-height:1.7;padding:14px;border-left:2px solid #d3ff5e;background:#c1ed6610}.career-rival{display:flex;align-items:center;width:100%;gap:10px;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #37512f;color:#dcebcf;text-align:left;font-size:14px}.career-rival span:not(.career-avatar){flex:1;min-width:0;overflow-wrap:anywhere}.career-rival strong{white-space:nowrap;color:#d3ff5e}.career-history-row{padding:14px;background:#102218;border:1px solid #30482b;margin:8px 0;line-height:1.6}.career-history-row time{display:block;color:#dbe9d4;font-size:14px;font-weight:600}.career-history-row p{margin:8px 0;font-size:14px}.career-history-row small{font-size:12px;color:#afc59e}#match-ranking{width:320px;max-width:calc(100vw - 28px);pointer-events:auto}.match-score-labels{color:#a1b790;font-size:10px;letter-spacing:.7px;text-align:right;margin:8px 0}.leaderboard .match-score-row,.match-score-row{display:grid!important;grid-template-columns:18px 22px minmax(0,1fr) 42px 25px 25px;gap:6px;align-items:center;padding:9px 0;border-bottom:1px solid #506c3733;color:#e0ebd8;font-size:12px!important}.match-score-row .career-avatar{width:22px;height:22px;font-size:10px}.match-score-row.is-self{color:#d3ff5e}.match-score-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-score-name small{display:block;color:#9caf92;font-size:10px;overflow:hidden;text-overflow:ellipsis}.match-kills,.match-deaths,.match-points{text-align:right;font-variant-numeric:tabular-nums}.match-position{opacity:.6;font-size:10px}.match-all-button{width:100%;margin-top:10px}.match-score-dialog{z-index:35}.match-all-rows{margin-top:20px}.match-ranking-rule{font-size:13px;line-height:1.5;color:#adc19d}.match-all-rows .match-score-row{grid-template-columns:24px 30px minmax(0,1fr) 65px 40px 40px;font-size:15px!important;gap:10px}.match-all-rows .career-avatar{width:30px;height:30px}.match-all-rows .match-score-name{white-space:normal;overflow-wrap:anywhere}.match-all-rows .match-score-name small{font-size:12px;margin-top:5px}.kill-feed{display:none;flex-direction:column;gap:3px;width:min(100%,390px);align-self:flex-end;pointer-events:none}body[data-mode=playing] .kill-feed:not(:empty){display:flex}.kill-feed-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:5px 8px;background:#08180ebd;border-left:2px solid #708965;color:#dcead3;font-size:11px;line-height:1.3}.kill-feed-row.is-self{border-left-color:#d3ff5e}.kill-feed-row .career-avatar{width:18px;height:18px;font-size:9px}.kill-feed-name{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kill-feed-action{color:#d3ff5e}.kill-feed-weapon{color:#b4c7a3;font-size:10px;max-width:84px}.kill-feed-badge{flex-basis:100%;font-size:9px;letter-spacing:.5px;color:#d3ff5e;padding-left:23px}@media(max-width:1280px),(any-pointer:coarse),(max-height:560px){.scoreboard .score-secondary:has(#length-value){display:none}.kill-feed-row:nth-last-child(n+3){display:none}.kill-feed{width:min(100%,340px)}.kill-feed-row{padding:4px 7px}}@media(max-width:620px){#lobby.hub-lobby[data-menu-page=home] .hub-nav button{font-size:clamp(10px,2.8vw,13px);white-space:normal}.career-filters{grid-template-columns:1fr}.career-ranking-row{grid-template-columns:minmax(4ch,max-content) 30px minmax(0,1fr);gap:8px}.career-metric{grid-column:3;text-align:left;font-size:14px}.career-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.match-all-rows .match-score-row{grid-template-columns:18px 22px minmax(0,1fr) 40px 25px 25px;font-size:12px!important;gap:5px}.match-all-rows .career-avatar{width:22px;height:22px}.match-all-rows .match-score-name small{font-size:10px}}@media(min-width:1800px)and (min-height:900px){.career-name,.career-metric,.career-page h3{font-size:22px}.career-filters label,.career-toolbar button,.career-rival,.career-history-row p{font-size:18px}.career-name small,.career-totals span,.career-history-row small,.career-history-row time{font-size:15px}#match-ranking{width:390px}.leaderboard .match-score-row{font-size:15px!important}.kill-feed-row{font-size:14px}}select.vyra-select-native{display:none!important}.vyra-select{display:block;min-width:0;max-width:100%;position:relative;font:inherit}.vyra-select>.vyra-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;min-height:46px;margin:0;padding:11px 14px;border:1px solid #6f8c5470;border-radius:4px;background:#14271b;color:#e3efd7;text-align:left;font:inherit;font-size:15px;line-height:1.4;letter-spacing:0;cursor:pointer;touch-action:manipulation;transition:border-color .12s,background .12s}.vyra-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vyra-select-arrow{flex:0 0 7px;width:7px;height:7px;margin:0 3px 4px 0;border-right:2px solid #b6cf92;border-bottom:2px solid #b6cf92;transform:rotate(45deg);transition:transform .12s}.vyra-select-trigger[aria-expanded=true]{border-color:#bfe85c;background:#1c3120}.vyra-select-trigger[aria-expanded=true] .vyra-select-arrow{transform:rotate(225deg);margin-top:5px}.vyra-select>.vyra-select-trigger:hover:not(:disabled){border-color:#a7c77b}.vyra-select>.vyra-select-trigger:focus-visible{outline:2px solid #d3ff5e;outline-offset:3px}.vyra-select>.vyra-select-trigger:disabled{opacity:.5;cursor:default}.vyra-select-menu{position:fixed;inset:auto;z-index:10000;box-sizing:border-box;margin:0;padding:5px;border:1px solid #8ba65d;border-radius:5px;background:#0d1e14;color:#e3efd7;box-shadow:0 12px 32px #0008;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;max-width:calc(100vw - 16px);font:15px/1.45 Segoe UI,Arial,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:auto}.vyra-select-menu[hidden]{display:none!important}.vyra-select-menu::backdrop{background:transparent;pointer-events:none}.vyra-select-menu>.vyra-select-option{position:relative;min-height:44px;display:flex;align-items:center;padding:10px 38px 10px 12px;border:1px solid transparent;border-radius:3px;overflow-wrap:anywhere;cursor:pointer}.vyra-select-menu>.vyra-select-option[aria-selected=true]{color:#d3ff5e;background:#d3ff5e0b}.vyra-select-menu>.vyra-select-option[aria-selected=true]:after{content:"✓";position:absolute;right:12px;color:#d3ff5e;font-size:16px}.vyra-select-menu>.vyra-select-option.is-active{background:#2b4427;border-color:#a0c96475;color:#f0ffdb}.vyra-select-menu>.vyra-select-option[aria-disabled=true]{opacity:.4;cursor:default}.vyra-select-menu>.vyra-select-option[hidden]{display:none!important}.entry-list-heading>.vyra-select{width:210px;max-width:100%}.hub-room-config label>.vyra-select,.career-filters label>.vyra-select,.entry-label>.vyra-select{width:100%}.spectator-follow>.vyra-select{width:100%;min-width:0}@media(max-width:720px){#lobby.hub-lobby .hub-setting>.vyra-select{grid-column:1/-1}.vyra-select>.vyra-select-trigger{font-size:16px;min-height:48px}.vyra-select-menu{font-size:16px}.vyra-select-menu>.vyra-select-option{min-height:48px}}@media(max-width:480px){.entry-list-heading>.vyra-select{width:100%}}@media(prefers-reduced-motion:reduce){.vyra-select-trigger,.vyra-select-arrow{transition:none}}:root{color-scheme:dark;--scroll-track:#0a170f;--scroll-thumb:#607f48;--scroll-hover:#b1d16e}html,body,body *{scrollbar-width:thin!important;scrollbar-color:var(--scroll-thumb) var(--scroll-track)!important}@supports selector(::-webkit-scrollbar){html,body,body *{scrollbar-width:auto!important;scrollbar-color:auto!important}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px;min-height:32px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background-color:#d3ff5e}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:var(--scroll-track)}}body .hub-overlay{overflow:hidden;min-height:0}body .hub-overlay>.hub-room-card{max-height:100%;min-height:0;overflow:auto;overscroll-behavior:contain}:root{--hud-gap: clamp(8px, 1.2vw, 22px)}#hud{position:fixed;inset:0;z-index:4;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--hud-gap);width:100%;height:var(--app-height, 100dvh);min-height:0;padding:calc(var(--safe-top) + var(--hud-gap)) calc(var(--safe-right) + var(--hud-gap)) calc(var(--safe-bottom) + var(--hud-gap)) calc(var(--safe-left) + var(--hud-gap));overflow:hidden;pointer-events:none;font-size:clamp(13px,.85vw,20px);background:linear-gradient(180deg,#031009ad,transparent 130px),linear-gradient(0deg,#03100970,transparent 150px)}#hud>*{min-width:0;min-height:0}#hud .hud-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}#hud .scoreboard{position:static;display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(12px,2vw,30px);max-width:none;min-width:0}#hud .scoreboard>div{min-width:0;flex-basis:auto;padding:0}#hud .stat-label{font-size:.78em;letter-spacing:.06em;line-height:1.4;color:#bac7b4}#hud .scoreboard strong{display:block;margin:0;font-family:inherit;font-size:1.8em;line-height:1.15;font-weight:650;letter-spacing:-.04em;overflow-wrap:anywhere}#hud .score-kills strong{font-size:1.5em}#hud .hud-compact-actions{position:static;display:flex;gap:6px;flex-shrink:0;pointer-events:auto}#hud .hud-compact-actions button{min-width:62px;min-height:44px;padding:10px 13px;background:#0b1912cf;border:1px solid #b8d39a38;border-radius:6px;color:#e1ecd8;font-size:.86em;letter-spacing:.03em}#hud .hud-compact-actions kbd{margin-left:5px;color:#9fb28f;font:inherit;font-size:.85em}#hud .hud-compact-actions button[aria-expanded=true]{color:var(--acid);border-color:#d3ff5e80}body[data-touch=true] #hud .hud-compact-actions kbd{display:none}#hud button:hover,#hud summary:hover{border-color:#caff6970}#hud :is(button,summary):focus-visible{outline:2px solid var(--acid);outline-offset:-3px}#hud .hud-information{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:var(--hud-gap);align-items:start;overflow:hidden}#hud .hud-activity{grid-column:2;grid-row:1;justify-self:end;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;min-width:0;min-height:0;width:min(100%,22em);max-height:100%;overflow:hidden;pointer-events:none}#hud .hud-activity:has(.kill-feed:empty):has(.match-mini[hidden]){display:none}#hud .match-mini{grid-row:2;min-width:0;min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain;padding:10px 12px;border:1px solid #b8d39a30;border-radius:6px;background:#0b1912e6;pointer-events:auto;touch-action:pan-y}#hud .match-mini-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding-bottom:8px;font-size:.78em;color:#b4c7a7}#hud .match-mini-heading strong{font-weight:600;letter-spacing:.04em}#hud .match-mini-heading span{margin-left:auto}#hud .match-mini-row{display:grid;grid-template-columns:16px 20px minmax(0,1fr) 48px 28px;gap:6px;align-items:center;min-height:32px;font-size:.9em;border-top:1px solid #a7c1841c}#hud .match-mini-row.is-self{color:var(--acid);background:#d3ff5e08}#hud .match-mini-row.infection-row .match-mini-position{color:var(--infection-color);opacity:1;border-left:2px solid currentColor;padding-left:3px}#hud .match-mini-row .career-avatar{width:20px;height:20px;font-size:10px}#hud .match-mini-position{opacity:.6;font-size:.85em}#hud .match-mini-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud .match-mini-points,#hud .match-mini-kills{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}#hud .match-mini-kills{opacity:.7}#hud .match-mini-empty{font-size:.9em;line-height:1.4;margin:8px 0}#hud #arena-messages{grid-column:1;grid-row:1;justify-self:start;position:static;inset:auto;transform:none;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:min(24em,100%);min-height:0;max-height:min(100%,32vh);margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:auto;pointer-events:none;touch-action:pan-y}#hud #arena-messages>*{flex:0 0 auto;min-width:0}#hud #arena-messages :is(#arena-event,#pointer-hint){pointer-events:auto}#hud #arena-event{order:-5;padding:0;border:0;border-left:2px solid var(--event-color, #d3ff5e);border-radius:3px;background:#0b1912b8;color:var(--event-color, #d3ff5e);text-align:left;animation:none}#hud #arena-event[data-phase=warning]{border-color:var(--event-color)}#hud #event-description summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 9px;list-style:none;cursor:pointer}#hud #event-description summary::-webkit-details-marker{display:none}#hud #event-description summary:after{content:"+";flex-shrink:0;font-size:16px;font-weight:400;opacity:.7}#hud #event-description[open] summary:after{content:"−"}#hud #event-title{flex:1;min-width:0;font-size:1em;line-height:1.35;font-weight:600;letter-spacing:0;color:inherit;overflow-wrap:anywhere}#hud #event-timer{margin:0;font-size:1em;font-weight:600;color:inherit;white-space:nowrap}#hud #event-detail{display:block;padding:0 9px 8px;font-size:.92em;line-height:1.5;color:#c4d3bb}#hud #event-alert{display:block;margin:0;padding:0 9px 7px;font-size:.92em;line-height:1.4;color:#fff0b3}#hud #arena-messages :is(.objective-panel,.power-effects-status,.match-objective,.notice){position:static;inset:auto;transform:none;width:100%;max-width:100%;margin:0;padding:4px 8px;border:0;border-radius:3px;background:#0a1a1185;font-size:.92em;line-height:1.4;letter-spacing:0;text-align:left;overflow-wrap:anywhere}#hud #notice{order:-6}#hud #match-objective{order:-4;background:transparent;text-shadow:0 1px 3px #000}#hud #egg-panel{position:static;inset:auto;transform:none;width:100%;max-width:100%;margin:0 0 6px;padding:4px 0;border:0;border-radius:0;background:transparent;text-align:left;font-size:.85em;line-height:1.4;overflow-wrap:anywhere;text-shadow:0 1px 3px #000;pointer-events:none}#hud #egg-panel p{margin:2px 0}#hud #arena-messages .pointer-hint{position:static;inset:auto;transform:none;width:100%;max-width:100%;margin:0;padding:0;border:0;background:none;box-shadow:none;pointer-events:auto}#hud .pointer-button{min-height:44px;height:auto;width:100%;padding:8px;font-size:.85em;background:#0b1912d9;border:1px solid #b8d39a30;border-radius:5px}#hud #touch-look-hint{position:static;inset:auto;transform:none;max-width:100%;width:100%;margin:0;padding:4px;font-size:.85em;text-align:center;line-height:1.4;letter-spacing:0}body.touch-look-learned #touch-look-hint{display:none}#hud .kill-feed{grid-row:1;order:0;width:min(100%,21em);min-width:0;max-height:100%;justify-self:end;align-self:start;gap:3px;overflow:hidden;pointer-events:none}#hud .kill-feed-row{display:grid;grid-template-columns:16px minmax(0,1fr) 12px 16px minmax(0,1fr);gap:4px;align-items:center;min-height:27px;font-size:max(12px,.85em);padding:4px 6px;border-radius:3px;border:0;background:#08130eb3;animation:kill-feed-lifetime 4s ease-out both}#hud .kill-feed-row.is-self{border:0;box-shadow:inset 2px 0 #d3ff5e}#hud .kill-feed-row .career-avatar{width:16px;height:16px;font-size:9px;border-radius:3px}#hud .kill-feed-action{text-align:center;color:#adbda5}#hud .kill-feed-row:nth-last-child(n+3){display:none}#hud .kill-feed-badge{grid-column:2 / -1;padding:0;font-size:.9em;letter-spacing:0}@keyframes kill-feed-lifetime{0%{opacity:0}6%,78%{opacity:1}to{opacity:0}}#hud .hud-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--hud-gap)}#hud .hud-bottom-left{position:static;inset:auto;margin:0;flex:0 0 auto;width:clamp(96px,14vw,184px);min-width:0}#hud .map-wrap{width:clamp(96px,11vw,180px);max-width:100%;height:auto;aspect-ratio:1;box-shadow:none;background:#091a12a6}#hud .map-north{font-size:9px;top:5px}#hud .hud-combat{position:static;inset:auto;transform:none;display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:7px;width:min(22em,100%);min-width:0;max-height:none;overflow:visible;pointer-events:none}body[data-touch=true] #hud .hud-combat{grid-template-columns:minmax(0,1fr) clamp(56px,5vw,88px);width:min(28em,100%)}#hud .hud-combat>:is(.boost-panel,.power-panel,.arena-actions,.touch-controls){position:static;inset:auto;transform:none;width:100%;min-width:0;margin:0}#hud .power-panel{order:0;grid-column:1;grid-row:2}#hud .power-button{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:3px 9px;align-items:center;width:100%;min-height:70px;height:100%;padding:9px 11px 12px;border:1px solid #b8d39a50;border-radius:7px;background:#0a1a12e6;overflow:hidden;pointer-events:auto;touch-action:none}#hud .power-icon{grid-column:1;grid-row:1 / 3;width:24px;font-size:24px;line-height:1}#hud .power-button-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;min-width:0}#hud .power-name{min-width:0;font-size:1em;line-height:1.3;overflow-wrap:anywhere}#hud .power-cost{margin:0;font-size:.85em;line-height:1.3;white-space:nowrap;color:#a9bd9e}#hud .power-status{grid-column:2;width:100%;max-width:none;margin:0;font-size:.8em;line-height:1.35;text-align:left;overflow-wrap:anywhere}#hud .power-cooldown-track{position:absolute;left:0;right:0;bottom:0;height:3px}#hud .power-button:disabled{opacity:.78;cursor:default}#hud .is-ready .power-button{border-color:#d3ff5e85}#hud .boost-panel{order:0;grid-column:1 / -1;grid-row:3}#hud .boost-topline{font-size:.75em;line-height:1.3;letter-spacing:.02em;margin:0 0 4px;gap:8px}#hud .boost-topline strong{font-size:1em;font-weight:500}#hud .boost-topline small{font-size:.85em}#hud .boost-track{height:3px;border-radius:2px}#hud .arena-actions{order:0;grid-column:1 / -1;grid-row:1;display:flex}#hud .arena-actions:has(button[hidden]){display:none}#hud .arena-actions button{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid #d3ff5e60;border-radius:6px;background:#0a1a12e6;font-size:.9em;line-height:1.3;white-space:normal;pointer-events:auto;touch-action:none}#hud .touch-controls{grid-column:2;grid-row:2;display:flex;pointer-events:none}#hud .touch-controls #boost-button{width:100%;max-width:none;min-width:0;height:100%;min-height:70px;border:1px solid #b8d39a60;border-radius:7px;padding:6px;background:#132514e6;font-size:.85em;line-height:1.3;letter-spacing:.02em;pointer-events:auto}#hud #boost-button.pressed{background:#365924f0;border-color:var(--acid)}#match-options{width:min(430px,calc(100% - var(--safe-left) - var(--safe-right) - 24px));max-width:none;max-height:calc(var(--app-height, 100dvh) - var(--safe-top) - var(--safe-bottom) - 24px);margin:auto;padding:clamp(16px,3vw,28px);border:1px solid #a6c77555;border-radius:10px;background:#0b1b12;color:#e7efdf;overflow:auto;overscroll-behavior:contain;font-size:clamp(14px,.9vw,20px)}#match-options::backdrop{background:#020a07b8}#match-options .hud-dialog-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}#match-options h2{margin:0;font-size:1.65em;font-weight:600;letter-spacing:-.04em}#hud-options-close{min-width:44px;min-height:44px;background:transparent;border:1px solid #b8d39a45;border-radius:6px;color:#d3ff5e}#match-options .hud-room{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px;padding:0;border:0;font-size:1em;letter-spacing:0;overflow-wrap:anywhere}#match-options .hud-actions{position:static;inset:auto;display:flex;flex-direction:column;gap:8px;width:100%;max-width:none;max-height:none;padding:0;border:0;background:none;overflow:visible}#match-options .hud-button{width:100%;min-height:44px;height:auto;padding:12px;font-size:.9em;border-radius:5px;letter-spacing:.02em}#match-options #finish-session{order:5;color:#eab5a5}#match-options .diagnostics{position:static;display:flex;flex-wrap:wrap;gap:16px;margin:16px 0 0;font-size:.9em;color:#a6bc9d;letter-spacing:0}#match-options .hud-controls-help,#match-options .hud-live-note{font-size:.86em;line-height:1.5;color:#b4c6a9;margin:16px 0 0}#match-options :focus-visible{outline:2px solid var(--acid);outline-offset:-3px}.match-score-dialog .match-player-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:14px}.match-player-summary strong{color:var(--acid)}.match-player-summary>span{margin-left:auto}.match-score-dialog .hub-room-card{width:min(780px,100%);padding:clamp(14px,3vw,30px)}.match-score-dialog .hub-room-card h2{margin:0 0 16px;font-size:clamp(24px,3vw,40px)}.match-score-dialog .match-all-rows{margin-top:14px}.match-score-dialog .hub-secondary{position:sticky;top:0;z-index:1;width:100%;min-height:44px;background:#172c1c}body:has(#match-options[open]) #hud,body:has(.match-score-dialog:not([hidden])) #hud{visibility:hidden}body:has(#match-options[open]) #crosshair,body:has(.match-score-dialog:not([hidden])) #crosshair{visibility:hidden}body:not([data-mode=playing])>#arena-messages{top:calc(var(--safe-top) + 12px);width:min(440px,calc(100% - 24px));max-height:calc(var(--app-height, 100dvh) - 24px);z-index:50}body:not([data-mode=playing])>#arena-messages>:not(#notice){display:none}@media(max-width:600px){#hud{font-size:13px}#hud .hud-compact-actions button{min-width:58px;padding:8px 10px}#hud .hud-combat{width:min(270px,100%);gap:5px}#hud .power-button{grid-template-columns:minmax(0,1fr);padding:8px 9px 11px}#hud .power-icon{display:none}#hud .power-status{grid-column:1}#hud .power-button-copy{gap:2px 6px}#hud .hud-information{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:5px}#hud .hud-activity{grid-column:1;grid-row:1;max-height:min(26vh,16em);width:min(82%,22em)}#hud #arena-messages{grid-column:1;grid-row:2;width:min(100%,24em);max-height:min(100%,28vh)}#hud .kill-feed-row:nth-last-child(n+2){display:none}#hud .hud-compact-actions kbd{display:none}#hud .match-mini{padding:8px}#hud .match-mini-row{grid-template-columns:12px minmax(0,1fr) 38px 22px;gap:4px;min-height:30px;font-size:11px}#hud .match-mini-row .career-avatar{display:none}}@media(max-width:359px){#hud .scoreboard{gap:10px}#hud .scoreboard strong{font-size:1.6em}#hud .hud-bottom-left,#hud .map-wrap{width:84px}#hud .hud-compact-actions{gap:4px}#hud .hud-compact-actions button{min-width:52px;padding:8px}}@media(max-width:279px){#hud .hud-topbar{flex-wrap:wrap;gap:6px}#hud .hud-compact-actions{margin-left:auto}#hud .hud-bottom-left .map-wrap{display:none}#hud .hud-bottom-left:has(#egg-panel[hidden]){display:none}}@media(min-width:1800px)and (min-height:900px){#match-options{width:min(560px,calc(100% - 48px))}#match-options .hud-button,#hud .hud-compact-actions button{min-height:52px}.match-score-dialog .hub-room-card{width:min(960px,100%)}.match-score-dialog .match-player-summary{font-size:18px}}@media(max-height:500px){#hud{gap:6px}#hud .hud-bottom-left,#hud .map-wrap{width:84px}#hud .scoreboard strong{font-size:1.5em}#hud .stat-label{font-size:.72em}#hud #arena-messages{max-height:100%}#hud .power-button,#hud .touch-controls #boost-button{min-height:56px}#hud .power-button-copy{flex-wrap:nowrap}#hud .power-cost{margin-left:auto}#hud .kill-feed-row:nth-last-child(n+2){display:none}#hud #touch-look-hint{display:none}}@media(prefers-reduced-motion:reduce){#hud *{animation:none!important;transition:none!important}}#lobby.hub-lobby .hub-preview{position:relative;pointer-events:auto;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:linear-gradient(0deg,#07160cab,transparent 25%,transparent 85%,#07160c66)}#lobby.hub-lobby .hub-preview.is-dragging{cursor:grabbing}#lobby.hub-lobby .hub-preview:focus{outline:none}.hub-preview>.preview-title{pointer-events:none}.preview-stage{position:absolute;inset:0;pointer-events:none}.preview-footer{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;pointer-events:none}#lobby.hub-lobby .hub-preview .preview-help{flex:1 1 100%;font-size:11px;line-height:1.5;letter-spacing:0;color:#c5d7bb;text-shadow:0 1px 4px #000}#lobby.hub-lobby .hub-preview .preview-help span{font:inherit;letter-spacing:inherit;color:inherit}.preview-help-touch{display:none}.preview-actions{display:grid;grid-template-columns:minmax(44px,1fr) repeat(3,44px);width:100%;gap:4px;pointer-events:auto}.preview-actions button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #8fa77b66;border-radius:4px;background:#0b1b13e8;color:#d7efb9;font:22px/1 system-ui,sans-serif;cursor:pointer;touch-action:manipulation}.preview-actions button:disabled{opacity:.4;cursor:default}#lobby.hub-lobby .preview-actions .preview-power{width:100%;min-width:0;display:flex;justify-content:center;gap:6px;padding:0 6px}#lobby.hub-lobby .preview-power .preview-power-icon{flex-shrink:0;font-size:18px;letter-spacing:0}#lobby.hub-lobby .preview-power .preview-power-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;letter-spacing:0}.preview-actions .preview-power:disabled{opacity:.7}#lobby.hub-lobby .preview-compact .preview-power-name{display:none}.preview-actions button:not(:disabled):active{border-color:#d3ff5e;background:#284026}#lobby.hub-lobby .preview-compact .preview-help{display:none}.preview-compact .preview-footer{bottom:6px;right:6px}.preview-narrow .preview-footer{left:auto;width:92px}.preview-narrow .preview-actions{grid-template-columns:repeat(2,44px)}@media(hover:hover){.preview-actions button:not(:disabled):hover{border-color:#d3ff5e;color:#d3ff5e}}@media(any-pointer:coarse){.preview-help-desktop{display:none}.preview-help-touch{display:inline}}@media(max-width:720px),(max-width:1100px)and (max-height:540px)and (any-pointer:coarse){.preview-stage{top:36px;bottom:94px}.preview-footer{left:12px;right:12px;bottom:12px}#lobby.hub-lobby .hub-preview .preview-help{font-size:11px}.preview-actions{grid-template-columns:minmax(44px,1fr) repeat(3,44px);gap:6px}}