@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Exo+2:wght@400;600;700;900&display=swap";:root{--red: #FF4757;--green: #2ED573;--blue: #1E90FF;--gold: #FFD700;--dark: #0d0d1a;--dark2: #12122a;--dark3: #1a1a3e;--mid: #252550;--light: #e0e0ff;--muted: #8888aa;--font-game: "Press Start 2P", monospace;--font-ui: "Exo 2", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--dark);color:var(--light);font-family:var(--font-ui);overflow:hidden;height:100vh;height:100dvh;width:100vw;-webkit-user-select:none;user-select:none}.app-rehydrate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--dark);color:var(--muted)}.app-rehydrate__text{font-size:15px;font-weight:600;margin:0}.landing{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,#1a0a3e 0%,var(--dark) 60%),radial-gradient(ellipse at 80% 20%,#0a1a3e 0%,transparent 50%)}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 30% 80%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 50% 40%,rgba(255,255,255,.9) 0%,transparent 100%),radial-gradient(1px 1px at 70% 60%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 90% 10%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 15% 90%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 45% 15%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(1px 1px at 85% 75%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(2px 2px at 25% 55%,rgba(255,200,255,.5) 0%,transparent 100%),radial-gradient(2px 2px at 65% 35%,rgba(200,220,255,.5) 0%,transparent 100%);animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.7}to{opacity:1}}.landing-content{position:relative;z-index:1;width:min(700px,96vw);display:flex;flex-direction:column;gap:20px;padding:20px 0}.logo-area{text-align:center;animation:floatIn .8s ease-out}@keyframes floatIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.logo-kart{font-size:64px;animation:bounce 2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 20px rgba(255,71,87,.6))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-title{font-family:var(--font-game);font-size:clamp(24px,5vw,40px);color:var(--red);text-shadow:0 0 30px rgba(255,71,87,.5),4px 4px 0 #660000;letter-spacing:4px;line-height:1.2;margin-top:12px}.logo-title span{color:var(--gold);text-shadow:0 0 30px rgba(255,215,0,.5),4px 4px 0 #664400}.logo-sub{color:var(--muted);font-size:14px;margin-top:8px;letter-spacing:2px}.tab-row{display:flex;gap:8px;justify-content:center}.tab-btn{background:transparent;border:2px solid var(--mid);color:var(--muted);padding:8px 24px;border-radius:8px;font-family:var(--font-ui);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:var(--blue);color:var(--blue)}.tab-btn.active{border-color:var(--red);color:var(--red);background:#ff47571a}.card{background:#12122ae6;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.card-split{display:flex;gap:16px;margin-top:16px;align-items:stretch}.panel{flex:1;display:flex;flex-direction:column;gap:12px}.panel h3{font-size:14px;font-weight:700;color:var(--muted);letter-spacing:1px}.divider-v{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1px;padding:0 8px;position:relative}.divider-v:before,.divider-v:after{content:"";position:absolute;left:50%;width:1px;background:var(--mid);height:30%}.divider-v:before{top:0}.divider-v:after{bottom:0}.inp{width:100%;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:8px;color:var(--light);font-family:var(--font-ui);font-size:15px;font-weight:600;padding:10px 14px;outline:none;transition:border-color .2s,box-shadow .2s}.inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1e90ff26}.inp-code{font-family:var(--font-game);font-size:20px;letter-spacing:4px;text-align:center;text-transform:uppercase}.btn{padding:11px 22px;border-radius:8px;border:none;font-family:var(--font-ui);font-weight:700;font-size:14px;cursor:pointer;transition:all .15s;letter-spacing:.5px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-create{background:var(--red);color:#fff;box-shadow:0 4px 20px #ff475766}.btn-create:hover:not(:disabled){background:#ff6070;box-shadow:0 4px 28px #ff475799}.btn-join{background:var(--blue);color:#fff;box-shadow:0 4px 20px #1e90ff66}.btn-join:hover:not(:disabled){background:#3aa0ff;box-shadow:0 4px 28px #1e90ff99}.btn-ready{background:var(--green);color:#000;box-shadow:0 4px 20px #2ed57366}.btn-ready:hover{box-shadow:0 4px 28px #2ed57399}.btn-start{background:var(--gold);color:#000;box-shadow:0 4px 20px #ffd70066}.btn-start:hover:not(:disabled){box-shadow:0 4px 28px #ffd70099}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--mid)}.btn-ghost:hover{color:var(--light);border-color:#ffffff4d}.btn-sm{padding:7px 14px;font-size:12px}.err{color:var(--red);font-size:13px;margin-top:10px;text-align:center}.muted{color:var(--muted);font-size:13px}.controls-hint{display:flex;gap:12px;justify-content:center;color:var(--muted);font-size:12px;flex-wrap:wrap}.room-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-height:240px;overflow-y:auto}.room-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 14px}.room-row:hover{background:#ffffff12}.lobby{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#1a0a3e 0%,var(--dark) 70%);z-index:0}.lobby-inner{position:relative;z-index:1;width:min(960px,100%);max-width:100vw;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px;max-height:100dvh;overflow-y:auto}.lobby-showcase{position:relative;border-radius:16px;min-height:120px;overflow:hidden;background:linear-gradient(145deg,#ff47571f,#1e90ff14,#0d0d1af2);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0f;perspective:420px}.lobby-showcase__glow{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(circle at 50% 60%,rgba(255,71,87,.35),transparent 55%),radial-gradient(circle at 30% 40%,rgba(30,144,255,.2),transparent 45%);animation:lobbyGlow 5s ease-in-out infinite alternate;pointer-events:none}@keyframes lobbyGlow{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.lobby-showcase__track{position:absolute;inset:auto 8% 12%;height:28%;border-radius:8px;background:repeating-linear-gradient(90deg,#ffffff0f 0,#ffffff0f 24px,#ffffff05 24px,#ffffff05 48px);transform:rotateX(58deg);transform-origin:50% 100%;opacity:.85;pointer-events:none}.lobby-showcase__kart{position:absolute;left:50%;bottom:18%;width:140px;height:80px;margin-left:-70px;perspective:200px;pointer-events:none}.lobby-showcase__kart-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:lobbyKartDrive 4.5s ease-in-out infinite}@keyframes lobbyKartDrive{0%,to{transform:translateY(0) rotateY(-18deg) rotateX(12deg)}50%{transform:translateY(-6px) rotateY(18deg) rotateX(10deg)}}.lobby-kart__body{position:absolute;left:12%;top:32%;width:76%;height:38%;border-radius:10px;background:linear-gradient(165deg,#ff8a9b 0%,var(--red) 45%,#992233 100%);box-shadow:0 10px 24px #0000008c,inset 0 -6px 12px #00000059;transform:translateZ(12px)}.lobby-kart__spoiler{position:absolute;left:6%;top:38%;width:18%;height:28%;background:#222;border-radius:4px;transform:rotate(-8deg) translateZ(14px);box-shadow:4px 4px #0006}.lobby-kart__cockpit{position:absolute;right:22%;top:30%;width:22%;height:22%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff59,#000000a6);transform:translateZ(18px);box-shadow:inset 0 0 8px #000c}.lobby-kart__wheel{position:absolute;width:18%;height:18%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#666,#111);box-shadow:0 3px 6px #0009}.lobby-kart__wheel--1{left:14%;top:58%;transform:translateZ(8px)}.lobby-kart__wheel--2{left:44%;top:62%;transform:translateZ(10px)}.lobby-kart__wheel--3{right:18%;top:58%;transform:translateZ(8px)}.lobby-kart__wheel--4{right:6%;top:46%;width:14%;height:14%;transform:translateZ(6px)}.lobby-showcase__tag{position:absolute;right:14px;top:10px;margin:0;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#ffffff73}.kart-badge-3d{--kart: var(--red);width:44px;height:44px;flex-shrink:0;perspective:100px;display:grid;place-items:center}.kart-badge-3d__spin{position:relative;width:36px;height:28px;transform-style:preserve-3d;animation:kartBadgeIdle 5s ease-in-out infinite}@keyframes kartBadgeIdle{0%,to{transform:rotateY(-28deg) rotateX(8deg)}50%{transform:rotateY(28deg) rotateX(8deg)}}.kart-badge-3d__hull{position:absolute;left:10%;top:28%;width:72%;height:42%;border-radius:6px;background:linear-gradient(145deg,rgba(255,255,255,.35),transparent 40%),var(--kart);box-shadow:0 6px 12px #00000073,inset 0 -4px 8px #00000040;transform:translateZ(10px)}.kart-badge-3d__roof{position:absolute;right:22%;top:22%;width:26%;height:26%;border-radius:40%;background:#00000073;transform:translateZ(14px)}.kart-badge-3d__nose{position:absolute;right:2%;top:34%;width:18%;height:26%;background:linear-gradient(180deg,#00000026,#00000073),var(--kart);border-radius:4px;transform:translateZ(12px) rotate(-6deg)}.kart-badge-3d__wheel{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#777,#0a0a0a)}.kart-badge-3d__wheel--fl{left:6px;bottom:2px;transform:translateZ(6px)}.kart-badge-3d__wheel--fr{left:22px;bottom:0;transform:translateZ(8px)}.kart-badge-3d__wheel--bl{right:22px;bottom:2px;transform:translateZ(6px)}.kart-badge-3d__wheel--br{right:6px;bottom:4px;transform:translateZ(4px)}.lobby-header{display:flex;align-items:center;justify-content:space-between}.lobby-title{font-family:var(--font-game);font-size:clamp(14px,3vw,22px);color:var(--gold);text-shadow:0 0 20px rgba(255,215,0,.4)}.code-bar{display:flex;align-items:center;gap:12px;background:#12122ae6;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 20px;flex-wrap:wrap}.code-label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:1px}.code-value{font-family:var(--font-game);font-size:clamp(14px,4.5vw,24px);color:var(--gold);letter-spacing:clamp(2px,1.5vw,6px);text-shadow:0 0 20px rgba(255,215,0,.5);flex:1;min-width:0;word-break:break-all}.lobby-body{display:grid;grid-template-columns:1fr 300px;gap:16px}.players-panel,.chat-panel{background:#12122ae6;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px}.players-panel h3,.chat-panel h3{font-size:13px;font-weight:700;letter-spacing:1px;color:var(--muted)}.players-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:320px;overflow-y:auto}.player-card{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px;transition:all .2s}.player-card.ready{border-color:#2ed5734d;background:#2ed5730d}.player-card.me{border-color:#ffd7004d}.player-card.empty{opacity:.3}.player-kart{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.empty-slot{background:transparent;border:2px dashed rgba(255,255,255,.1);font-size:16px;color:var(--muted)}.player-info{flex:1;min-width:0}.player-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ready-status{font-size:11px}.ready-status.yes{color:var(--green)}.ready-status.no{color:var(--muted)}.badge-host{background:var(--gold);color:#000;font-size:9px;padding:2px 5px;border-radius:4px;margin-left:4px;font-weight:900}.badge-me{background:var(--blue);color:#fff;font-size:9px;padding:2px 5px;border-radius:4px;margin-left:4px}.color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lobby-actions{display:flex;gap:10px;flex-wrap:wrap}.start-hint{color:var(--green);font-size:13px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-panel{max-height:420px;flex:1;min-height:0}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;min-height:120px;max-height:min(36vh,220px)}.chat-msg{font-size:13px;line-height:1.4}.chat-from{font-weight:700;color:var(--blue)}.chat-input-row{display:flex;gap:8px}.game-screen{position:relative;width:100vw;max-width:100%;height:100vh;height:100dvh;background:var(--dark);overflow:hidden;display:flex;flex-direction:column}.hud-bar{height:52px;min-height:52px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));background:#0d0d1af2;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px;z-index:10;flex-shrink:0}.hud-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.hud-center{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.hud-right{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hud-voice{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:min(240px,42vw)}.hud-voice-btn{padding:4px 8px!important;font-size:10px!important;font-weight:700;display:inline-flex;align-items:center;gap:4px;max-width:104px}.hud-voice-btn--off{opacity:.75;border-color:#ff475773!important}.hud-voice-btn__lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-voice-live{color:var(--green);font-size:11px;line-height:1;animation:pulse 1.2s ease-in-out infinite}.hud-voice-err{color:var(--gold);font-size:10px;font-weight:700;white-space:nowrap}.hud-map-toggle{padding-left:10px;padding-right:10px;max-width:110px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:4px}.hud-map-toggle__icon{flex-shrink:0;font-size:13px;line-height:1}.hud-map-toggle__txt{opacity:.9}.hud-state{font-family:var(--font-game);font-size:clamp(9px,2vw,11px);color:var(--red);white-space:nowrap}.hud-hp{display:flex;align-items:center;gap:6px;font-size:clamp(10px,2.4vw,12px);font-weight:700}.hp-track{width:clamp(56px,18vw,100px);height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.hp-fill{height:100%;border-radius:4px;transition:width .2s,background .2s}.hud-item{font-size:clamp(10px,2.5vw,13px);min-width:0}.item-badge{background:#ffffff1a;padding:3px 8px;border-radius:6px;font-weight:700;white-space:nowrap}.boost-badge{color:var(--gold);font-size:clamp(10px,2.4vw,12px);font-weight:700;animation:pulse .5s ease-in-out infinite}.shield-badge{color:var(--green);font-size:clamp(10px,2.4vw,12px);font-weight:700}.game-arena{position:relative;flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;padding:0 max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));perspective:900px}.game-arena__frame{position:absolute;top:8px;right:12px;bottom:12px;left:12px;border-radius:18px;pointer-events:none;overflow:hidden;z-index:0;border:1px solid rgba(255,71,87,.35);box-shadow:0 0 0 1px #ffd7001f,0 20px 60px #000000a6,inset 0 0 80px #ff475714;background:radial-gradient(ellipse at 50% 0%,rgba(255,71,87,.15),transparent 55%),radial-gradient(ellipse at 80% 100%,rgba(30,144,255,.12),transparent 50%)}.game-arena__grid{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;transform:rotateX(68deg) translateY(18%);transform-origin:50% 100%;animation:arenaGridDrift 18s linear infinite;opacity:.5}@keyframes arenaGridDrift{0%{background-position:0 0,0 0}to{background-position:0 240px,240px 0}}.game-arena__rings{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;border:2px solid rgba(255,71,87,.12);animation:ringPulse 3.5s ease-in-out infinite;box-shadow:0 0 40px #ff47571f}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.03);opacity:.85}}.game-arena__corner-kart{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(72px,12%);width:72px;height:56px;z-index:4;pointer-events:none;perspective:140px;opacity:.92;filter:drop-shadow(0 12px 20px rgba(0,0,0,.5))}.game-arena__corner-kart-spin{width:100%;height:100%;transform-style:preserve-3d;animation:cornerKartSpin 9s linear infinite}@keyframes cornerKartSpin{0%{transform:rotateY(0) rotateX(12deg)}to{transform:rotateY(360deg) rotateX(12deg)}}.corner-kart__chassis{position:absolute;top:18%;right:8%;bottom:18%;left:8%;border-radius:8px;background:linear-gradient(145deg,#ffd93d,var(--gold),#886600);box-shadow:0 8px 16px #00000073;transform:translateZ(10px)}.corner-kart__fin{position:absolute;left:8%;top:28%;width:22%;height:36%;background:#2a2a3e;border-radius:4px;transform:translateZ(14px) skewY(-6deg)}.corner-kart__wheel{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#888,#111);bottom:8%}.corner-kart__wheel--a{left:18%;transform:translateZ(8px)}.corner-kart__wheel--b{right:18%;transform:translateZ(8px)}.game-canvas-wrap{position:relative;z-index:2;flex:1;min-width:0;min-height:0;margin:12px 16px 14px;border-radius:14px;overflow:hidden;box-shadow:0 24px 48px #0000008c,0 0 0 1px #ffffff0f,inset 0 1px #ffffff0d;background:#070712}.game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;background:#0d0d1a}.rotate-device-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 30%,rgba(255,71,87,.25),var(--dark) 65%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rotate-device-card{text-align:center;max-width:340px;padding:28px 22px;border-radius:20px;background:#12122af2;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 60px #ff475740}.rotate-device-title{font-family:var(--font-game);font-size:clamp(11px,3.5vw,14px);color:var(--gold);margin:16px 0 10px;line-height:1.4}.rotate-device-hint{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.rotate-device-icon{margin-top:20px;font-size:42px;color:var(--red);animation:rotateHint 2.2s ease-in-out infinite}@keyframes rotateHint{0%,to{transform:rotate(0)}40%{transform:rotate(-90deg)}60%{transform:rotate(-90deg)}}.rotate-device-kart{width:100px;height:72px;margin:0 auto;perspective:120px}.rotate-device-kart-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:rotateDeviceKart 3s ease-in-out infinite}@keyframes rotateDeviceKart{0%,to{transform:rotateY(-35deg) rotateX(15deg)}50%{transform:rotateY(35deg) rotateX(15deg)}}.rotate-kart__body{position:absolute;left:14%;top:32%;width:58%;height:40%;border-radius:10px;background:linear-gradient(145deg,var(--blue),#0d3d6b);transform:translateZ(12px);box-shadow:0 10px 20px #00000080}.rotate-kart__wing{position:absolute;top:28%;width:22%;height:34%;background:#1e1e36;border-radius:4px}.rotate-kart__wing--l{left:4%;transform:translateZ(8px) rotate(6deg)}.rotate-kart__wing--r{right:4%;transform:translateZ(8px) rotate(-6deg)}.scoreboard{position:absolute;top:max(58px,calc(52px + env(safe-area-inset-top)));right:max(8px,env(safe-area-inset-right));background:#0d0d1ad9;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;min-width:160px;max-width:min(42vw,220px);z-index:12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score-title{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:1px;margin-bottom:8px;text-align:center}.score-row{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 0}.score-row.me{color:var(--gold);font-weight:700}.score-row.dead{opacity:.4}.score-rank{color:var(--muted);font-size:10px;width:20px}.score-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.score-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-pts{color:var(--muted);font-size:11px}.minimap{position:absolute;bottom:max(72px,calc(env(safe-area-inset-bottom) + 58px));right:max(8px,env(safe-area-inset-right));background:#0d0d1ad9;border:1px solid rgba(255,71,87,.3);border-radius:8px;overflow:hidden;z-index:12;line-height:0}.minimap-svg{width:clamp(96px,28vw,168px);height:auto;display:block}.touch-steer-zones{position:absolute;left:0;right:0;top:52px;bottom:0;display:none;flex-direction:row;z-index:9;pointer-events:none;touch-action:none}@media (pointer: coarse){.touch-steer-zones{display:flex}}.steer-zone{flex:1;min-width:0;pointer-events:auto;background:transparent;-webkit-tap-highlight-color:transparent;touch-action:none}.touch-use-corner{position:absolute;left:max(10px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:15;display:none;flex-direction:column;align-items:flex-start;gap:4px;pointer-events:none}.touch-use-corner .use-btn{pointer-events:auto}@media (pointer: coarse){.touch-use-corner{display:flex}}.touch-use-hint{margin:0;padding-left:4px;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff6;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}.use-btn{width:84px;height:84px;border-radius:50%;background:linear-gradient(165deg,#ff475773,#ff475738);border:2px solid var(--red);color:#fff;font-weight:800;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px;box-shadow:0 10px 28px #ff475740,inset 0 1px #ffffff26}.use-btn__emoji{font-size:26px;line-height:1}.use-btn__text{font-size:11px;letter-spacing:.08em}.use-btn:active{background:#ff4757a6;transform:scale(.96)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-card{background:#12122afa;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:max(24px,env(safe-area-inset-top)) 28px 32px;text-align:center;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;box-shadow:0 0 80px #ff47574d}.overlay-card h2{font-family:var(--font-game);font-size:clamp(14px,4vw,22px);color:var(--gold);margin-bottom:24px}.final-scores{display:flex;flex-direction:column;gap:10px}.final-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ffffff0a;border-radius:8px;font-weight:700;font-size:15px}.final-row.winner{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);font-size:18px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mid);border-radius:2px}@media (max-width: 720px){.game-arena__corner-kart{width:52px;height:42px;opacity:.72;bottom:max(64px,14%)}.game-canvas-wrap{margin:8px 10px 10px}.scoreboard{min-width:118px;padding:6px 8px;font-size:11px}.score-row{font-size:11px;gap:4px}.use-btn{width:76px;height:76px}.use-btn__emoji{font-size:22px}.hud-map-toggle{max-width:88px;font-size:10px;padding-left:8px;padding-right:8px}}@media (max-width: 680px){.lobby-body{grid-template-columns:1fr}.players-grid{grid-template-columns:1fr;max-height:min(50vh,360px)}.lobby-showcase{min-height:100px}.code-bar{padding:12px 14px;gap:8px}.card-split{flex-direction:column}.divider-v{flex-direction:row;height:auto;padding:8px 0}.divider-v:before,.divider-v:after{top:50%;left:0;width:30%;height:1px}.divider-v:before{left:0}.divider-v:after{left:auto;right:0}}@media (max-width: 400px){.kart-badge-3d{width:40px;height:40px}}