:root{--blue:#2f6bff;--yellow:#ffd23f;--red:#ff3d6e;--green:#2fd35a;--ink:#16213a;--card:#fffffff0;--font:"Nunito", system-ui, sans-serif;--title:"Bungee", "Arial Black", sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#3d8bff;margin:0;overflow:hidden}#app,#game{position:fixed;inset:0}.game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}button{font-family:var(--font);cursor:pointer;color:var(--ink);background:#e8eefc;border:none;border-radius:14px;padding:10px 16px;font-size:16px;font-weight:900;transition:transform 60ms;box-shadow:0 4px #00000040}button:active{transform:translateY(3px);box-shadow:0 1px #00000040}button.big{font-family:var(--title);padding:14px 22px;font-size:22px}input,select{font-family:var(--font);color:var(--ink);background:#fff;border:3px solid #c9d6f5;border-radius:12px;outline:none;padding:10px 12px;font-size:18px;font-weight:800}input:focus,select:focus{border-color:var(--blue)}.dot{vertical-align:middle;border:2px solid #00000040;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.screen{z-index:20;background:radial-gradient(circle at 50% 0,#79b8ff,#2f6bff 60%,#1b3fa8);flex-direction:column;align-items:center;padding:18px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.screen:empty{display:none}.logo{font-family:var(--title);flex-direction:column;align-items:center;margin:3vh 0 2vh;line-height:.95;display:flex;transform:rotate(-3deg)}.logo span:first-child{color:var(--yellow);text-shadow:0 6px #c2410c,0 10px 18px #00000059;font-size:clamp(44px,10vw,96px)}.logo span:last-child{color:#fff;text-shadow:0 6px 0 var(--red), 0 10px 18px #00000059;font-size:clamp(52px,12vw,120px)}.logo.small span{font-size:40px!important}.menu-card{background:var(--card);border-radius:22px;flex-direction:column;gap:12px;width:min(420px,100%);padding:20px;display:flex;box-shadow:0 10px 30px #0000004d}.menu-card label{flex-direction:column;gap:6px;font-weight:900;display:flex}.menu-card h2{font-family:var(--title);margin:0}button.host{background:var(--yellow)}button.join{background:#7fe3ff}button.go{background:var(--green);color:#fff;text-shadow:0 2px #0000004d}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:8px;text-align:center;font-family:var(--title);flex:1;min-width:0;font-size:26px}.error{color:#d62d4a;min-height:1em;font-weight:900}.howto{text-align:center;color:#fff;text-shadow:0 2px #00000040;max-width:640px;margin-top:16px;font-weight:800}.howto .keys{opacity:.9;margin-top:8px;font-size:13px;display:block}#app.touch .howto .keys{display:none}.version{color:#fff9;font-size:12px;position:fixed;bottom:6px;right:10px}.spinner{border:5px solid #c9d6f5;border-top-color:var(--blue);border-radius:50%;width:40px;height:40px;margin:8px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lobby-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;width:min(1000px,100%);display:grid}.card{background:var(--card);border-radius:20px;padding:16px;box-shadow:0 8px 22px #00000040}.card h3{font-family:var(--title);margin:0 0 10px;font-weight:400}.code-card{text-align:center}.code-card .label{color:#6b7a99;font-weight:900}.code-card .code{font-family:var(--title);letter-spacing:8px;color:var(--blue);font-size:64px}.code-card p{margin:8px 0 0}.small{color:#6b7a99;font-size:13px}.seat{border:3px solid;border-radius:14px;align-items:center;gap:4px;margin-bottom:8px;padding:8px 10px;font-size:18px;display:flex}.seat.empty{color:#8b97b3;font-style:italic}.seat .kick{background:#ffd6de;margin-left:auto;padding:2px 8px;font-size:13px}.opt{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-weight:800;display:flex}.opt select{padding:6px 8px;font-size:15px}.chat-card{flex-direction:column;min-height:200px;display:flex}.chat-log{flex:1;max-height:200px;margin-bottom:8px;font-size:14px;overflow-y:auto}.chat-log .sys{color:#6b7a99;font-style:italic}.chat-card input{padding:8px;font-size:15px}.lobby-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:16px;padding:8px;display:flex;position:sticky;bottom:0}.waiting{color:#fff;text-shadow:0 2px #0000004d;font-size:20px;font-weight:900}.screen.select{padding:10px}.sel-head{align-items:center;gap:16px;width:100%;max-width:1300px;display:flex}.sel-head h1{font-family:var(--title);color:#fff;text-shadow:0 3px #0000004d;flex:1;margin:0;font-size:clamp(18px,3.4vw,34px);font-weight:400}.sel-timer{font-family:var(--title);color:var(--blue);background:#fff;border-radius:16px;padding:2px 14px;font-size:34px}.sel-timer.low{color:var(--red);animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}.sel-body{flex:1;gap:12px;width:100%;max-width:1300px;min-height:0;display:flex}.sel-main{flex:1;padding:4px;overflow-y:auto}.sel-main h2{color:#fff;font-family:var(--title);text-shadow:0 2px #0000004d;margin:14px 0 8px;font-weight:400}.sel-main h2 small{font-family:var(--font);font-size:14px}.bot-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.bot-card{text-align:left;background:linear-gradient(160deg, var(--c), color-mix(in srgb, var(--c) 60%, #000));color:#fff;border:4px solid #0000;flex-direction:column;gap:4px;padding:10px;display:flex}.bot-card.chosen{box-shadow:0 0 0 4px var(--yellow), 0 6px 0 #0000004d;border-color:#fff;transform:scale(1.03)}.bc-name{font-family:var(--title);text-shadow:0 2px #00000059;font-size:20px}.bc-style{opacity:.9;font-size:13px}.bc-stats{text-shadow:0 1px #0006;font-size:12px}.bc-stats div{justify-content:space-between;display:flex}.bc-stats .bar{letter-spacing:-1px;color:var(--yellow);white-space:nowrap}.bc-stats .bar i{color:#0000004d;font-style:normal}.badge{background:#00000059;border-radius:8px;margin-top:4px;padding:3px 6px;font-size:11px}.badge.tf{background:#1b9aff}.badge.sw{background:#ff5a2f}.pilot-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.pilot-card{text-align:center;background:#fff;border:4px solid #0000;padding:8px}.pilot-card.chosen{border-color:var(--c);box-shadow:0 0 0 4px var(--yellow), 0 6px 0 #0000004d}.pc-face{font-size:34px}.pc-name{font-size:15px}.pc-desc{color:#4a5878;font-size:12px;font-weight:700}.sel-side{flex-direction:column;gap:8px;width:min(340px,38vw);display:flex;overflow-y:auto}.preview-box{background:radial-gradient(circle,#d8ecff,#8fb8ff);border-radius:18px;flex-shrink:0;height:200px;overflow:hidden}canvas.preview{width:100%;height:100%;display:block}.sel-info{background:var(--card);border-radius:18px;padding:10px 12px;font-size:13px}.sel-info h2{font-family:var(--title);text-shadow:0 2px #0003;margin:0;font-weight:400}.sel-info p{margin:4px 0;font-weight:800}.sel-info ul{margin:0;padding-left:16px}.picks{flex-direction:column;gap:4px;display:flex}.pick-row{background:var(--card);border-left:6px solid;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;display:flex}.pick-row span:nth-child(3){text-align:right;flex:1}.rdy{color:#1a9c41;font-weight:900}.nrdy{color:#8b97b3}button.ready{background:var(--green);color:#fff;flex-shrink:0;position:sticky;bottom:0}button.ready.is-ready{background:#8b97b3;font-size:16px}.screen.podium{pointer-events:none;background:0 0;justify-content:space-between}.screen.podium>*{pointer-events:auto}.pod-title{font-family:var(--title);color:var(--yellow);text-shadow:0 4px #c2410c,0 8px 14px #0006;text-align:center;font-size:clamp(26px,5vw,54px);animation:.6s infinite alternate pulse}.pod-list{flex-direction:column;gap:6px;width:min(560px,100%);margin-top:auto;display:flex}.pod-row{background:var(--card);border-radius:14px;align-items:center;gap:8px;padding:8px 12px;font-size:18px;display:flex;box-shadow:0 4px #0003}.pod-row .medal{text-align:center;width:34px;font-size:28px}.pod-row .place{font-family:var(--title);width:70px;font-size:14px}.pod-row.place-0{background:linear-gradient(90deg,#fff3b0,gold);transform:scale(1.04)}.pod-row.place-1{background:linear-gradient(90deg,#f4f6fa,#c0c8d0)}.pod-row.place-2{background:linear-gradient(90deg,#ffe4c8,#e0a067)}.pod-row .pod-bot{color:#4a5878;margin-left:auto;font-size:14px}.pod-row .pod-ko{font-family:var(--title);text-align:right;min-width:70px;font-size:16px}.pod-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin:12px 0;display:flex}.hud{pointer-events:none;z-index:5;color:#fff;text-shadow:0 2px #00000073;font-weight:900;position:absolute;inset:0}.hud-top{text-align:center;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hud-round{opacity:.9;font-size:14px}.hud-timer{font-family:var(--title);font-size:34px}.hud-timer.low{color:#ff5a5a;animation:.5s infinite alternate pulse}.hud-scores{flex-direction:column;gap:3px;display:flex;position:absolute;top:8px;right:8px}.sc-row{background:#0a143280;border-radius:10px;align-items:center;min-width:130px;padding:3px 10px;font-size:14px;display:flex}.sc-row b{font-family:var(--title);margin-left:auto;padding-left:10px;font-weight:400}.sc-row.me{outline:2px solid var(--yellow)}.hud-feed{flex-direction:column;gap:3px;max-width:45vw;display:flex;position:absolute;top:8px;left:8px}.feed-row{background:#0a143280;border-radius:10px;padding:3px 10px;font-size:14px}.crosshair{width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair i{background:#fff;position:absolute;box-shadow:0 0 2px #000}.crosshair i:first-child{width:2px;height:9px;top:0;left:14px}.crosshair i:nth-child(2){width:2px;height:9px;bottom:0;left:14px}.crosshair i:nth-child(3){width:9px;height:2px;top:14px;left:0}.crosshair i:nth-child(4){width:9px;height:2px;top:14px;right:0}.crosshair b{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:13px;left:13px}.hitmarker{color:#ffe14d;opacity:0;font-size:30px;transition:opacity 50ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-center{font-family:var(--title);color:var(--yellow);text-shadow:0 6px #c2410c,0 10px 20px #0006;font-size:clamp(60px,14vw,140px);position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.hud-banner{font-family:var(--title);opacity:0;white-space:nowrap;font-size:clamp(28px,6vw,56px);transition:all .2s;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)scale(.6)}.hud-banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.hud-banner.good{color:var(--yellow);text-shadow:0 4px #c2410c,0 8px 14px #0006}.hud-hurt{opacity:0;background:radial-gradient(circle,#0000 50%,#ff0028cc);position:absolute;inset:0}.hud-dead{text-align:center;background:#0a14328c;border-radius:18px;padding:14px 26px;font-size:22px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.dead-title{font-family:var(--title);color:#ff6b6b;font-size:40px;font-weight:400}.hud-bottom{text-align:center;width:min(420px,60vw);position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hud-botname{margin-bottom:3px;font-size:15px}.hud-botname span{opacity:.8;font-size:13px}.hud-hp{background:#0a1432a6;border:3px solid #fff;border-radius:14px;height:26px;position:relative;overflow:hidden}.hud-hp.danger{border-color:#ff5a5a;animation:.35s infinite alternate pulse}.hud-hp-fill{width:100%;transition:width .15s;position:absolute;inset:0}.hud-hp-text{white-space:pre;font-size:15px;line-height:20px;position:relative}.hud-form{background:#0a14328c;border-radius:10px;height:18px;margin-top:4px;font-size:12px;line-height:18px;position:relative;overflow:hidden}.hud-form-fill{background:linear-gradient(90deg,#4fb3ff,#a0e0ff);position:absolute;inset:0}.hud-form span{position:relative}.hud-slots{gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.slot{text-align:center;background:#0a143299;border:3px solid #fff9;border-radius:14px;width:62px;height:62px;position:relative;overflow:hidden}.slot.ready{border-color:#fff}.slot.none{opacity:.3}.slot-special{border-color:var(--yellow)!important}.slot.active{box-shadow:0 0 12px #7fe3ff;border-color:#7fe3ff!important}.slot-icon{font-size:26px;line-height:40px}.slot-cd{font-family:var(--title);background:#0009;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;bottom:0;left:0;right:0}.slot-key{font-size:11px;position:absolute;top:1px;left:4px}.slot-name{white-space:nowrap;font-size:8.5px;line-height:1;position:absolute;bottom:1px;left:0;right:0;overflow:hidden}#app.touch .hud-slots{display:none}.hud-board,.hud-results{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board{background:#0a1432d1;border-radius:18px;min-width:min(520px,92vw);padding:12px 18px}.board h2{font-family:var(--title);text-align:center;color:var(--yellow);margin:0 0 8px;font-weight:400}.board table{border-collapse:collapse;width:100%;font-size:16px}.board th{opacity:.8;text-align:left;font-size:12px}.board td{padding:4px 6px}.board tr.me td{background:#ffd23f33}.board .num{text-align:center}.board .big{font-family:var(--title);font-size:20px;font-weight:400}.board .dim{opacity:.7}.res-next{text-align:center;margin-top:8px;font-size:16px}.hud-click{text-align:center;background:#0a1432b3;border-radius:14px;padding:10px 18px;font-size:22px;position:absolute;top:62%;left:50%;transform:translate(-50%)}.hud-click small{opacity:.8;font-size:12px;display:block}.net-down .hud:after{content:"Reconnecting...";background:#ff3d6e;border-radius:10px;padding:4px 12px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.tags{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.nametag{text-align:center;text-shadow:0 2px #0009;white-space:nowrap;font-size:15px;font-weight:900;position:absolute;top:0;left:0}.nt-hp{background:#0000008c;border:2px solid #fff;border-radius:6px;width:70px;height:9px;margin:2px auto 0;overflow:hidden}.nt-fill{height:100%}.nametag.mine .nt-name,.nametag.mine .nt-hp{display:none}.bubble{color:var(--ink);text-shadow:none;background:#fff;border-radius:12px;margin-bottom:6px;padding:4px 10px;font-size:15px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 3px #00000040}.touch-ui{z-index:6;touch-action:none;position:fixed;inset:0}.stick-base{pointer-events:none;background:#ffffff14;border:3px dashed #ffffff59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute}.stick-base.on{background:#ffffff2e;border:3px solid #ffffff8c}.stick-knob{background:#ffffff59;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick-base.on .stick-knob{background:#fffc}.stick-look .stick-knob{box-shadow:inset 0 0 0 4px #ffd23fb3}.tbtn{color:#fff;text-shadow:0 1px #000;background:#0a143273;border:3px solid #ffffffbf;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute}.tbtn.down{background:#ffd23f99}.tbtn.cooling{opacity:.55}.tb-icon{font-size:20px;line-height:1}.tb-label{font-size:11px}.tb-cd{font-family:var(--title);font-size:20px;position:absolute}.tb-jump{right:calc(16px + env(safe-area-inset-right));background:#2fd35a80;width:84px;height:84px;bottom:16px}.tb-jump .tb-label{font-size:15px}.tb-fire{right:calc(110px + env(safe-area-inset-right));background:#ff3d6e80;width:66px;height:66px;bottom:12px}.tb-fire.auto{box-shadow:0 0 0 4px #ff3d6ee6,0 0 18px #ff3d6ee6}.tb-alt{right:calc(22px + env(safe-area-inset-right));width:60px;height:60px;bottom:112px}.tb-q{right:calc(98px + env(safe-area-inset-right));width:58px;height:58px;bottom:90px}.tb-e{right:calc(102px + env(safe-area-inset-right));width:52px;height:52px;bottom:160px}.tb-r{right:calc(26px + env(safe-area-inset-right));border-color:var(--yellow);width:60px;height:60px;bottom:184px}#app.touch .hud-scores{transform-origin:100% 0;transform:scale(.8)}.tb-t{left:calc(14px + env(safe-area-inset-left));width:44px;height:44px;top:60px}#app.touch .hud-bottom{width:min(300px,40vw);left:40%}#app.touch .crosshair{transform:translate(-50%,-50%)scale(1.2)}@media (width<=1150px){.hud-bottom{text-align:left;width:min(360px,38vw);left:12px;transform:none}}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:30;background:#ffd23f;border-radius:12px;padding:6px 14px;font-weight:900;display:block;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}}@media (height<=500px){.logo{margin:4px 0}.logo span:first-child{font-size:40px}.logo span:last-child{font-size:48px}.howto{display:none}.hud-timer{font-size:24px}.preview-box{height:120px}.bot-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.bc-stats{display:none}.sel-info{font-size:11px}}.hud-frozen{color:#e9fbff;text-shadow:0 0 12px #39c6ff,0 3px #1a6f9a;pointer-events:none;justify-content:center;align-items:center;padding-top:22vh;font:900 clamp(28px,6vw,56px) system-ui,sans-serif;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 120px 40px #aaebffbf}.fs-tip{border:2px solid var(--yellow);text-align:center;background:#fff6d6;border-radius:12px;padding:8px 10px;font-size:13px;font-weight:800;line-height:1.25}