:root{--bg-deep: #120b26;--bg-panel: rgba(24, 16, 46, .82);--panel-border: rgba(160, 130, 255, .22);--ink: #f3efff;--ink-dim: #b9aed6;--accent-hot: #ff7b3d;--accent-cyan: #38e1ff;--accent-gold: #ffc857;--danger: #ff4d6d;--ok: #74e84f;--radius-lg: 22px;--radius-md: 14px;--radius-sm: 9px;--shadow-panel: 0 18px 50px rgba(0, 0, 0, .45);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg-deep);font-family:var(--font);color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.btn{appearance:none;border:1px solid var(--panel-border);background:linear-gradient(180deg,#5a3ea08c,#3422698c);color:var(--ink);font-family:var(--font);font-weight:700;letter-spacing:.06em;border-radius:var(--radius-md);padding:13px 26px;font-size:16px;cursor:pointer;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease;min-height:48px}.btn:hover{filter:brightness(1.25)}.btn:active{transform:scale(.96)}.btn.primary{background:linear-gradient(180deg,#ff8a4d,#e8541f);border-color:#ffbe8c8c;color:#fff;box-shadow:0 6px 24px #ff6e3259}.btn.cyan{background:linear-gradient(180deg,#38e1ffbf,#148cc8a6);border-color:#a0ebff80;color:#04202c}.btn.small{padding:8px 14px;min-height:40px;font-size:14px;border-radius:var(--radius-sm)}.btn:disabled{opacity:.45;cursor:default;transform:none}.panel{background:var(--bg-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}input[type=text]{background:#0a061899;border:1px solid var(--panel-border);color:var(--ink);border-radius:var(--radius-sm);padding:12px 14px;font-size:16px;font-family:var(--font);width:100%}input[type=text]:focus{outline:1px solid var(--accent-cyan)}input[type=range]{accent-color:var(--accent-cyan);width:100%}#loading{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 70%,#2b1650,#120b26 70%);transition:opacity .5s ease}#loading.done{opacity:0;pointer-events:none}#loading .logo-mini{font-size:clamp(28px,6vw,44px);font-weight:900;letter-spacing:.14em;background:linear-gradient(180deg,#ffd9a0,#ff7b3d);-webkit-background-clip:text;background-clip:text;color:transparent}#loading .bar{width:min(320px,60vw);height:10px;border-radius:99px;background:#ffffff17;overflow:hidden}#loading .bar>i{display:block;height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-hot));transition:width .25s ease}#hud{position:absolute;inset:0;pointer-events:none;z-index:20;padding:calc(env(safe-area-inset-top,0px) + 12px) calc(env(safe-area-inset-right,0px) + 14px) calc(env(safe-area-inset-bottom,0px) + 12px) calc(env(safe-area-inset-left,0px) + 14px)}#topbar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px}#timer{font-size:clamp(24px,4vw,34px);font-weight:900;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 2px 12px rgba(0,0,0,.7)}#timer.urgent{color:var(--danger);animation:pulse 1s infinite}#match-label{font-size:11px;font-weight:800;letter-spacing:.3em;color:var(--ink-dim);text-transform:uppercase}@keyframes pulse{50%{opacity:.55}}#btn-pause{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 14px);pointer-events:auto;z-index:22;font-size:12px;font-weight:800;padding:6px 14px;background:#0a0618a6;border:1px solid var(--panel-border)}#btn-pause:hover{border-color:var(--accent-cyan);background:#38e1ff24}#killfeed{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 14px);display:flex;flex-direction:column;gap:6px;max-width:46vw}.kf-entry{background:#0c071cb8;border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:6px 12px;font-size:13px;font-weight:700;animation:kf-in .25s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kf-entry .k{color:var(--accent-gold)}.kf-entry .v{color:var(--danger)}.kf-entry.fade{opacity:0;transition:opacity .6s ease}@keyframes kf-in{0%{transform:translate(-14px);opacity:0}}#minimap-wrap{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 14px)}#minimap{width:128px;height:128px;border-radius:var(--radius-md);background:#0c071ca8;border:1px solid var(--panel-border)}@media (max-width: 720px){#minimap{width:92px;height:92px}}#score-strip{position:absolute;right:calc(env(safe-area-inset-right,0px) + 14px);top:calc(env(safe-area-inset-top,0px) + 156px);display:flex;flex-direction:column;gap:4px;align-items:flex-end}.ss-row{display:flex;align-items:center;gap:7px;background:#0c071c99;border-radius:99px;padding:3px 10px 3px 5px;font-size:12px;font-weight:700;border:1px solid transparent}.ss-row.me{border-color:var(--accent-cyan)}.ss-row .dot{width:11px;height:11px;border-radius:50%}.ss-row .nm{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-dim)}.ss-row .sc{color:var(--ink);font-variant-numeric:tabular-nums}@media (max-width: 720px){#score-strip{display:none}}#health-wrap{position:absolute;left:calc(env(safe-area-inset-left,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:min(240px,38vw)}#health-label{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--ink-dim);margin-bottom:5px;text-transform:uppercase}#hp-num{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:0}#health-track{height:16px;border-radius:99px;background:#0a0618b3;border:1px solid var(--panel-border);overflow:hidden}#health-bar{height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,var(--ok),#b7ff8f);transition:width .18s ease,background .3s ease}#health-bar.hurt{background:linear-gradient(90deg,var(--danger),#ff9a6b)}#weapon-card{position:absolute;right:calc(env(safe-area-inset-right,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);min-width:168px;padding:10px 14px;border-radius:var(--radius-md);background:var(--bg-panel);border:1px solid var(--panel-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .2s ease,box-shadow .2s ease}#weapon-card.armed{border-color:var(--wc, var(--accent-gold));box-shadow:0 0 18px color-mix(in srgb,var(--wc, #ffc857) 40%,transparent)}#wc-name{font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}#weapon-card.armed #wc-name{color:var(--wc, var(--accent-gold))}#ammo-pips{display:flex;gap:5px;margin-top:8px;height:10px;align-items:center}.pip{width:9px;height:9px;border-radius:3px;background:var(--wc, var(--accent-gold));box-shadow:0 0 6px color-mix(in srgb,var(--wc, #ffc857) 70%,transparent)}.pip.off{background:#ffffff24;box-shadow:none}#wc-empty{font-size:12px;color:var(--ink-dim);font-weight:700;letter-spacing:.08em}#hitmarker{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%) rotate(45deg) scale(.6);opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}#hitmarker:before,#hitmarker:after{content:"";position:absolute;background:#fff;box-shadow:0 0 8px #ffdca0e6}#hitmarker:before{left:50%;top:0;width:3px;height:100%;margin-left:-1.5px}#hitmarker:after{top:50%;left:0;height:3px;width:100%;margin-top:-1.5px}#hitmarker.show{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}#damage-vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(255,30,60,.45) 100%);transition:opacity .5s ease;pointer-events:none}#damage-vignette.show{opacity:1;transition:opacity .05s ease}#boost-lines{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(80,220,255,.22) 100%);transition:opacity .25s ease}#boost-lines.show{opacity:1}#respawn-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:#0a04168c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}#respawn-title{font-size:clamp(26px,5vw,44px);font-weight:900;letter-spacing:.3em;color:var(--danger);text-shadow:0 0 30px rgba(255,77,109,.5)}#respawn-count{font-size:20px;color:var(--ink-dim);font-variant-numeric:tabular-nums}#countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(90px,22vw,210px);font-weight:900;color:var(--ink);text-shadow:0 0 40px rgba(255,170,90,.65),0 6px 0 rgba(120,40,20,.55);pointer-events:none}#countdown span{display:inline-block;animation:cd-pop .9s ease both}#countdown .go{color:var(--ok)}@keyframes cd-pop{0%{transform:scale(2.2);opacity:0}30%{transform:scale(1);opacity:1}80%{opacity:1}to{transform:scale(.9);opacity:0}}#scoreboard-toggle{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);pointer-events:auto}#scoreboard-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:min(420px,88vw);padding:18px 20px;z-index:30}#scoreboard-panel h3{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:12px;text-align:center}.sb-row{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:7px 8px;border-radius:var(--radius-sm);font-size:14px;font-weight:700}.sb-row:nth-child(2n){background:#ffffff0b}.sb-row.me{outline:1px solid var(--accent-cyan)}.sb-row .rank{color:var(--ink-dim);font-variant-numeric:tabular-nums}.sb-row .name-cell{display:flex;align-items:center;gap:8px;overflow:hidden}.sb-row .cdot{width:12px;height:12px;border-radius:50%;flex:none}.sb-row .pts{font-variant-numeric:tabular-nums;color:var(--accent-gold)}.sb-tag{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--ink-dim);border:1px solid var(--panel-border);border-radius:4px;padding:1px 5px}.screen{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(180deg,#0a051840,#0a0518c7)}.title-logo{font-size:clamp(40px,9vw,84px);font-weight:900;line-height:.95;letter-spacing:.06em;text-align:center;background:linear-gradient(180deg,#ffe3b0 10%,#ff9a4d 55%,#ff5e3d 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 30px rgba(255,110,50,.35))}.title-sub{text-align:center;color:var(--ink-dim);letter-spacing:.42em;font-size:clamp(10px,2vw,13px);font-weight:800;text-transform:uppercase;margin-top:10px}.menu-card{width:min(430px,94vw);padding:26px 24px;display:flex;flex-direction:column;gap:16px;max-height:92vh;overflow-y:auto}.field label{display:block;font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:7px}.color-row{display:flex;gap:9px;flex-wrap:wrap}.swatch{width:38px;height:38px;border-radius:12px;cursor:pointer;border:2px solid transparent;transition:transform .1s ease,border-color .1s ease;position:relative}.swatch:hover{transform:translateY(-2px)}.swatch.sel{border-color:#fff;box-shadow:0 0 0 3px #ffffff40}.swatch.taken{opacity:.28;pointer-events:none}.swatch.taken:after{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:15px}.menu-buttons{display:flex;flex-direction:column;gap:10px}.row-split{display:flex;gap:10px}.row-split>*{flex:1}.link-btn{background:none;border:none;color:var(--ink-dim);font-family:var(--font);font-weight:700;font-size:13px;letter-spacing:.1em;cursor:pointer;text-decoration:underline dotted}.link-btn:hover{color:var(--ink)}.join-info{font-size:12.5px;line-height:1.5;color:var(--ink-dim);background:#0a061880;border-radius:var(--radius-sm);padding:10px 12px}.join-info b{color:var(--accent-cyan);font-weight:800}.status-line{font-size:12px;color:var(--ink-dim);text-align:center;letter-spacing:.06em}.status-line.err{color:var(--danger);font-weight:700}.lobby-card{width:min(520px,94vw);padding:22px;display:flex;flex-direction:column;gap:14px;max-height:92vh;overflow-y:auto}.lobby-head{display:flex;align-items:baseline;justify-content:space-between}.lobby-head h2{font-size:22px;letter-spacing:.12em;font-weight:900}.lobby-head .code{font-size:12px;color:var(--ink-dim);font-weight:700}.player-list{display:flex;flex-direction:column;gap:7px}.pl-row{display:flex;align-items:center;gap:10px;background:#0a061880;border-radius:var(--radius-md);padding:9px 12px;font-weight:700;font-size:14.5px}.pl-row .cdot{width:15px;height:15px;border-radius:50%;flex:none;box-shadow:0 0 10px currentColor}.pl-row .pl-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-row .tag{font-size:10px;font-weight:800;letter-spacing:.1em;padding:2px 7px;border-radius:5px;border:1px solid var(--panel-border);color:var(--ink-dim)}.pl-row .tag.host{color:var(--accent-gold);border-color:#ffc85780}.pl-row .tag.ready{color:var(--ok);border-color:#74e84f80}.lobby-actions{display:flex;flex-direction:column;gap:9px}.host-note{text-align:center;font-size:12px;color:var(--ink-dim)}.arena-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.arena-card{appearance:none;display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:#0a061880;color:var(--ink);font-family:var(--font);cursor:pointer;transition:border-color .12s ease,transform .08s ease,box-shadow .12s ease}.arena-card:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff59}.arena-card.sel{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #38e1ff40,inset 0 0 18px #38e1ff12}.arena-card:disabled{opacity:.55;cursor:default}.arena-card .arena-name{font-weight:800;font-size:14px;letter-spacing:.04em}.arena-card .arena-tag{font-size:11px;color:var(--ink-dim)}.results-card{width:min(480px,94vw);padding:26px 24px;display:flex;flex-direction:column;gap:16px;text-align:center;max-height:92vh;overflow-y:auto}.winner-line{font-size:clamp(20px,4.5vw,30px);font-weight:900;letter-spacing:.06em}.podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:8px 0 4px}.pedestal{width:86px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#ffffff24,#ffffff08);border:1px solid var(--panel-border);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;gap:3px}.pedestal .medal{font-size:22px}.pedestal .p-name{font-size:12.5px;font-weight:800;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pedestal .p-score{font-size:17px;font-weight:900;color:var(--accent-gold)}.pedestal.first{width:104px;height:132px;order:2}.pedestal.second{height:98px;order:1}.pedestal.third{height:78px;order:3}.results-table{text-align:left}.results-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.modal-bg{position:absolute;inset:0;z-index:55;background:#060310b3;display:flex;align-items:center;justify-content:center;padding:20px}#settings-modal{z-index:60}#pause-modal{z-index:55}.settings-card{width:min(400px,92vw);padding:22px;display:flex;flex-direction:column;gap:16px}.pause-card{width:min(340px,90vw)}.settings-card h3{font-size:16px;letter-spacing:.2em;text-transform:uppercase}.vol-row{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;font-size:13px;font-weight:700;color:var(--ink-dim)}.qual-row{display:flex;gap:8px}.qual-btn{flex:1;padding:10px 0;text-align:center;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:#0a061880;font-weight:800;font-size:13px;cursor:pointer;color:var(--ink-dim);font-family:var(--font)}.qual-btn.sel{color:var(--ink);border-color:var(--accent-cyan);background:#38e1ff1f}#touch-ui{position:absolute;inset:0;z-index:25;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}#touch-mode-bar{position:absolute;left:calc(env(safe-area-inset-left,0px) + 16px);bottom:calc(env(safe-area-inset-bottom,0px) + clamp(138px,26vw,168px));pointer-events:auto;z-index:26}.touch-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:99px;background:#120c24bf;border:1.5px solid rgba(185,174,214,.35);color:var(--ink);font-family:var(--font);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;touch-action:none;transition:border-color .15s ease,background .15s ease,transform .1s ease}.touch-pill:active{border-color:var(--accent-cyan);background:#38e1ff26;transform:scale(.96)}.touch-pill .pill-icon{color:var(--accent-cyan);font-size:12px}#touch-steer-zone{position:absolute;left:calc(env(safe-area-inset-left,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);pointer-events:auto;touch-action:none;z-index:26}#steer-buttons{display:flex;gap:12px;align-items:center;touch-action:none}#touch-ui.mode-buttons #steer-buttons{display:flex}#touch-ui.mode-buttons #joy-zone,#touch-ui.mode-joystick #steer-buttons{display:none}#touch-ui.mode-joystick #joy-zone{display:block}.tbtn-steer{width:clamp(74px,16vw,98px);height:clamp(66px,14vw,86px);border-radius:18px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#120c26b8;border:2px solid rgba(185,174,214,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0006;transition:border-color .12s ease,background .12s ease,transform .08s ease,box-shadow .12s ease}.tbtn-steer .steer-svg{width:30px;height:30px;color:var(--accent-cyan);transition:transform .1s ease,color .1s ease}.tbtn-steer .steer-txt{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--ink-dim);transition:color .1s ease}.tbtn-steer.active,.tbtn-steer:active{background:radial-gradient(circle at 50% 50%,#38e1ff73,#14508c8c);border-color:var(--accent-cyan);box-shadow:0 0 24px #38e1ffa6;transform:scale(.94)}.tbtn-steer.active .steer-svg,.tbtn-steer:active .steer-svg{color:#fff;transform:scale(1.18)}.tbtn-steer.active .steer-txt,.tbtn-steer:active .steer-txt{color:#fff}#joy-zone{position:relative;width:clamp(150px,30vw,220px);height:clamp(130px,26vw,170px);pointer-events:auto;touch-action:none}#joy-base{position:absolute;width:124px;height:124px;border-radius:50%;border:2px solid rgba(185,174,214,.4);background:radial-gradient(circle,#140c28bf 45%,#2d1c5a73);opacity:.7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .2s ease,border-color .2s ease;touch-action:none}.joy-ring{position:absolute;inset:14px;border-radius:50%;border:1.5px dashed rgba(185,174,214,.25);pointer-events:none}.joy-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;font-weight:900;color:#b9aed673;pointer-events:none}.joy-arrow-l{left:8px}.joy-arrow-r{right:8px}#joy-knob{position:absolute;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#cabfff,#7d68c9);border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 18px #0009,0 0 14px #b9aed680;left:36px;top:36px;pointer-events:none;touch-action:none}#joy-zone.active #joy-base{opacity:.98;border-color:var(--accent-cyan)}#touch-buttons{position:absolute;right:calc(env(safe-area-inset-right,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:auto;z-index:26}.touch-btn-row{display:flex;gap:10px;align-items:center}.tbtn{border-radius:50%;border:2px solid rgba(185,174,214,.4);background:#140c28a6;color:var(--ink);font-family:var(--font);font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .08s ease,filter .1s ease,border-color .12s ease,box-shadow .12s ease}.tbtn:active,.tbtn.active{transform:scale(.94)}#tbtn-rev{width:clamp(56px,12vw,68px);height:clamp(56px,12vw,68px);background:#231019b8;border-color:#ff785073}#tbtn-rev .tbtn-icon{font-size:18px;line-height:1;color:#f96}#tbtn-rev .tbtn-sub{font-size:9px;font-weight:900;letter-spacing:.12em;color:#fa8}#tbtn-rev.active,#tbtn-rev:active{background:radial-gradient(circle at 35% 30%,#ff5a32bf,#b41e14cc);border-color:#f53;box-shadow:0 0 20px #ff5032a6}#tbtn-drift{width:clamp(56px,12vw,68px);height:clamp(56px,12vw,68px);background:#10182db8;border-color:#38e1ff73}#tbtn-drift .tbtn-icon{font-size:17px;line-height:1;color:var(--accent-cyan)}#tbtn-drift .tbtn-sub{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--accent-cyan)}#tbtn-drift.on,#tbtn-drift.active,#tbtn-drift:active{background:radial-gradient(circle at 35% 30%,#38e1ffbf,#1478b4b3);border-color:var(--accent-cyan);box-shadow:0 0 20px #38e1ffa6}#tbtn-fire{width:clamp(86px,18vw,102px);height:clamp(86px,18vw,102px);background:radial-gradient(circle at 35% 30%,#ff8a4de6,#c83c14cc);border-color:#ffaa78a6;box-shadow:0 4px 18px #00000073}#tbtn-fire .tbtn-icon{font-size:22px;line-height:1}#tbtn-fire .tbtn-title{font-size:13px;font-weight:900;letter-spacing:.12em;color:#fff}#tbtn-fire.armed{box-shadow:0 0 28px color-mix(in srgb,var(--wc, #ffc857) 65%,transparent);border-color:var(--wc, #ffc857)}#tbtn-fire.active,#tbtn-fire:active{filter:brightness(1.25);transform:scale(.93)}@media (pointer: coarse),(max-width: 900px){#health-wrap{top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 14px);bottom:auto;width:clamp(140px,24vw,190px);z-index:20}#killfeed{top:calc(env(safe-area-inset-top,0px) + 48px);left:calc(env(safe-area-inset-left,0px) + 14px)}#weapon-card{bottom:calc(env(safe-area-inset-bottom,0px) + clamp(165px,28vw,195px));right:calc(env(safe-area-inset-right,0px) + 14px);padding:8px 12px;min-width:140px;z-index:20}}#rotate-hint{position:absolute;inset:0;z-index:70;display:none;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:var(--bg-deep);font-weight:800;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;font-size:14px}@media (orientation: portrait) and (max-width: 560px){#rotate-hint.suggest{display:flex}}#rotate-hint .phone{width:46px;height:78px;border:3px solid var(--ink-dim);border-radius:10px;animation:rotate-phone 1.6s ease infinite}@keyframes rotate-phone{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}body.perf-med #weapon-card,body.perf-med #respawn-overlay,body.perf-med .touch-pill,body.perf-med .tbtn-steer,body.perf-med #joy-base,body.perf-med .tbtn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.perf-med #weapon-card,body.perf-med #respawn-overlay{background:#160e28eb}body.perf-med .touch-pill,body.perf-med #joy-base,body.perf-med .tbtn{background:#140c26d1}body.perf-med .tbtn-steer{background:#140c26b8}body.perf-low *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.perf-low .panel{background:#120b22f0}#conn-toast{position:absolute;z-index:65;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%);padding:9px 18px;border-radius:99px;background:#781428d9;border:1px solid rgba(255,100,130,.5);font-size:13px;font-weight:700}