*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:root{--bg: #0e1116;--panel: rgba(20, 26, 34, .92);--accent: #ffb300;--accent2: #29b6f6;--danger: #ef5350;--text: #e8eef5;--muted: #9aa7b4}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;touch-action:none}#app{width:100vw;height:100vh;position:relative}canvas{display:block;position:absolute;inset:0}.menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(circle at 50% 30%,#1b2735,#0b0f14 70%);z-index:20;padding:20px}.logo{font-size:clamp(38px,8vw,82px);font-weight:900;letter-spacing:2px;text-align:center;line-height:1;text-shadow:0 6px 0 rgba(0,0,0,.35)}.logo .a1{color:var(--accent)}.logo .a2{color:var(--accent2)}.tagline{color:var(--muted);font-size:15px;margin-top:-8px;text-align:center}.card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px;width:min(440px,92vw);display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #00000080}.field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}input[type=text]{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0d1218;color:var(--text);font-size:16px;outline:none}input[type=text]:focus{border-color:var(--accent)}.skins{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.skin{width:66px;height:78px;border-radius:12px;border:2px solid transparent;cursor:pointer;background:#0d1218;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;transition:transform .1s}.skin img{width:48px;height:48px;object-fit:contain;image-rendering:auto}.skin .skin-name{font-size:10px;color:var(--muted);white-space:nowrap}.skin.active .skin-name{color:var(--accent)}.skin:hover{transform:translateY(-2px)}.skin.active{border-color:var(--accent);box-shadow:0 0 0 2px #ffb3004d}.btn{padding:16px;border-radius:12px;border:none;font-size:18px;font-weight:800;letter-spacing:1px;cursor:pointer;background:linear-gradient(180deg,#ffce54,#f6a623);color:#2b1a00;transition:transform .08s,filter .1s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.hint{color:var(--muted);font-size:13px;text-align:center;line-height:1.6}.hint kbd{background:#0d1218;border:1px solid rgba(255,255,255,.15);border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-size:12px;color:var(--text)}.status{font-size:15px;color:var(--accent2);min-height:20px;text-align:center}.hud{position:absolute;inset:0;pointer-events:none;z-index:10;display:none}.hud.on{display:block}.topbar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:center}.pill{background:#0a0e14bf;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:8px 18px;font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px}.pill .dot{width:9px;height:9px;border-radius:50%;background:var(--danger)}.pill.kills{color:var(--accent)}.zone-timer{position:absolute;top:60px;left:50%;transform:translate(-50%);font-size:13px;color:var(--muted);background:#0a0e1499;padding:4px 12px;border-radius:20px}.zone-timer.warn{color:var(--danger)}.minimap{position:absolute;right:14px;top:14px;width:180px;height:180px;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:#0a0e1499;pointer-events:auto;cursor:crosshair}.feed{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:6px;max-width:300px}.feed .row{background:#0a0e14b3;border-radius:8px;padding:5px 10px;font-size:13px;animation:fade .3s}.feed .row .k{color:var(--accent);font-weight:700}.feed .row .v{color:var(--muted)}@keyframes fade{0%{opacity:0;transform:translate(-10px)}}.vitals{position:absolute;bottom:22px;left:50%;transform:translate(-50%);width:min(420px,80vw);display:flex;flex-direction:column;gap:6px}.bar{height:20px;border-radius:6px;background:#00000080;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.bar>span{display:block;height:100%;transition:width .12s}.bar .lbl{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;text-shadow:0 1px 2px #000}.bar.hp>span{background:linear-gradient(90deg,#66bb6a,#43a047)}.bar.sh{height:14px}.bar.sh>span{background:linear-gradient(90deg,#4fc3f7,#039be5)}.inventory{position:absolute;bottom:22px;right:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.weapon-slots{display:flex;gap:8px}.slot{width:88px;height:54px;border-radius:10px;background:#0a0e14bf;border:2px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;position:relative}.slot.active{border-color:var(--accent)}.slot .num{position:absolute;top:3px;left:6px;font-size:10px;color:var(--muted)}.slot .wn{font-weight:800;font-size:13px}.ammo{font-size:22px;font-weight:900;color:var(--text)}.ammo .res{font-size:14px;color:var(--muted)}.consumables{display:flex;gap:8px}.cons{width:46px;height:46px;border-radius:10px;background:#0a0e14bf;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;position:relative;pointer-events:auto;cursor:pointer}.cons .cnt{font-size:14px;font-weight:800}.cons .key{position:absolute;top:2px;right:4px;font-size:9px;color:var(--muted)}.cons.empty{opacity:.35}.cons.nade{border-color:#43a047}.cons.nade .cnt{color:#7cff9b}.action-bar{position:absolute;bottom:90px;left:50%;transform:translate(-50%);width:260px;text-align:center;display:none}.action-bar.on{display:block}.action-bar .track{height:8px;border-radius:4px;background:#00000080;overflow:hidden;margin-top:4px}.action-bar .track>span{display:block;height:100%;background:var(--accent);width:0%}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#06090dd9;z-index:30;text-align:center;padding:20px}.overlay.on{display:flex}.overlay h1{font-size:clamp(34px,7vw,66px);font-weight:900}.overlay h1.win{color:var(--accent)}.overlay h1.lose{color:var(--danger)}.overlay .place{font-size:22px;color:var(--text)}.overlay .stats{color:var(--muted);font-size:16px}.touch{position:absolute;inset:0;z-index:15;pointer-events:none;display:none}.touch.on{display:block}.stick{position:absolute;bottom:40px;left:40px;width:130px;height:130px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;pointer-events:auto}.stick .knob{position:absolute;width:56px;height:56px;border-radius:50%;background:#ffffff40;left:37px;top:37px}.modes{display:flex;gap:8px}.mode{flex:1;padding:12px;border-radius:10px;border:2px solid rgba(255,255,255,.12);background:#0d1218;color:var(--text);font-weight:700;cursor:pointer;transition:all .1s}.mode:hover{border-color:#ffffff4d}.mode.active{border-color:var(--accent2);background:#29b6f626;color:#fff}.account{border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.acc-tabs{display:flex;gap:6px;margin-bottom:10px}.acc-tab{flex:1;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600}.acc-tab.active{background:#ffffff14;color:var(--text)}.acc-form{display:flex;flex-direction:column;gap:8px}.acc-form input{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0d1218;color:var(--text);font-size:14px;outline:none}.acc-form input:focus{border-color:var(--accent2)}.btn.small{padding:10px;font-size:14px}.acc-error{color:var(--danger);font-size:13px;min-height:16px;text-align:center}.logged{text-align:center;display:flex;flex-direction:column;gap:8px}.acc-stats{font-size:13px;color:var(--muted)}.board{width:100%;border-collapse:collapse;font-size:13px}.board th,.board td{padding:6px 8px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.board th{color:var(--muted);font-weight:600}.board td:first-child{color:var(--accent);font-weight:700}.board-loading{text-align:center;color:var(--muted);padding:12px;font-size:14px}.topright{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.topright .minimap{position:static;right:auto;top:auto}.iconbtns{display:flex;gap:6px;pointer-events:auto}.iconbtn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0a0e14bf;cursor:pointer;font-size:16px}.pill#modePill{color:var(--accent2)}.teammates{position:absolute;left:14px;top:130px;display:none;flex-direction:column;gap:6px;width:190px}.mate{background:#0a0e14b8;border:1px solid rgba(80,230,120,.35);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:8px;font-size:13px}.mate.downed{border-color:var(--danger)}.mate.dead{opacity:.45}.mate .mn{font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mate .mbar{width:50px;height:6px;background:#00000080;border-radius:3px;overflow:hidden}.mate .mbar>span{display:block;height:100%;background:#43a047}.chat-area{position:absolute;left:14px;bottom:120px;width:min(360px,60vw)}.chat-log{display:flex;flex-direction:column;gap:3px;margin-bottom:6px;max-height:160px;overflow:hidden}.chat-log .crow{background:#0a0e1499;border-radius:6px;padding:3px 8px;font-size:13px;width:fit-content;max-width:100%}.chat-log .tt{color:#6f9;font-weight:700}.chat-input{display:none;width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--accent2);background:#0a0e14eb;color:var(--text);font-size:14px;outline:none;pointer-events:auto}.emotes{position:absolute;left:14px;bottom:22px;display:flex;gap:5px;pointer-events:auto}.ebtn{width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0a0e14b8;cursor:pointer;font-size:18px;transition:transform .08s}.ebtn:hover{transform:translateY(-3px);border-color:var(--accent)}.downed-banner{position:absolute;top:96px;left:50%;transform:translate(-50%);background:#c81e1ed9;color:#fff;padding:10px 22px;border-radius:30px;font-weight:800;font-size:16px;display:none;animation:pulseDown 1s infinite}.downed-banner.on{display:block}@keyframes pulseDown{50%{opacity:.6}}@media (max-width: 820px){.minimap{width:120px;height:120px}.slot{width:64px;height:44px}.emotes .ebtn{width:32px;height:32px;font-size:15px}.chat-area{bottom:150px}}.rotate-note{display:none;position:fixed;inset:0;z-index:9999;background:#0a0e14;color:#e8eef5;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:18px;padding:24px}.rotate-inner{display:flex;flex-direction:column;gap:14px;align-items:center}.rotate-icon{font-size:54px;animation:rothint 1.6s ease-in-out infinite}@keyframes rothint{50%{transform:rotate(90deg)}}@media (max-width: 900px) and (orientation: portrait) and (pointer: coarse){.rotate-note{display:flex}}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:none}#game{display:block;width:100vw;height:100vh}