*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:#0c1520;color:#fff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#game{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#game canvas{display:block}.hidden{display:none!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#timer{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:clamp(20px,4vw,30px);font-weight:800;background:#0a121c8c;padding:4px 18px;border-radius:999px;font-variant-numeric:tabular-nums}#timer.low{color:#ff5252}#leaderboard{position:absolute;top:max(10px,env(safe-area-inset-top));right:10px;background:#0a121c8c;border-radius:12px;padding:8px 10px;min-width:160px;font-size:13px}.lb-row{display:flex;align-items:center;gap:6px;padding:2px 0;opacity:.92}.lb-row.me{font-weight:800;opacity:1}.lb-row.dead{opacity:.35}.lb-rank{width:16px;text-align:right;opacity:.7;font-variant-numeric:tabular-nums}.dot{width:10px;height:10px;border-radius:50%;flex:none}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.lb-count{font-variant-numeric:tabular-nums;font-weight:700}#mycount{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:clamp(22px,5vw,34px);font-weight:900;padding:2px 20px;border-radius:999px;background:#0a121c8c;font-variant-numeric:tabular-nums}#toasts{position:absolute;top:70px;left:12px;display:flex;flex-direction:column;gap:6px;max-width:70vw}.toast{background:#0a121c99;padding:6px 12px;border-radius:10px;font-size:13px;animation:toast 3.4s forwards}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:clamp(90px,22vw,180px);font-weight:900;font-style:italic;color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.55)}#countdown span{display:block;animation:cd .9s ease-out}@keyframes cd{0%{transform:scale(1.7);opacity:0}25%{transform:scale(1);opacity:1}to{opacity:.95}}.cfg-check{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.cfg-check input{width:20px;height:20px;accent-color:#2f80ed;cursor:pointer}#btn-dash{position:absolute;right:18px;bottom:max(26px,env(safe-area-inset-bottom));width:76px;height:76px;border-radius:50%;border:none;cursor:pointer;pointer-events:auto;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:linear-gradient(180deg,#3f8ef5,#2668c8);color:#fff;font-weight:900;font-size:24px;font-family:inherit;box-shadow:0 8px 20px #2f80ed73;transition:transform .1s}#btn-dash:active{transform:scale(.92)}#btn-dash:disabled{opacity:.45}#dash-label{font-size:9px;letter-spacing:.05em}#dash-cd{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;text-shadow:0 2px 6px rgba(0,0,0,.6);pointer-events:none}#arrows .arrow{position:absolute;transform:translate(-50%,-50%)}.arrow-badge{position:relative;background:var(--c);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 2px 8px #00000059;font-variant-numeric:tabular-nums}.arrow-tri{position:absolute;left:50%;top:50%;width:0;height:0;border:7px solid transparent;border-left:11px solid var(--c)}#joy{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.25);display:none;z-index:6;pointer-events:none}#joy-stick{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#ffffff80}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px;background:radial-gradient(1200px 800px at 50% 30%,#1c2f45,#0c1520)}.overlay.dim{background:#0a101ad1}#menu{background:linear-gradient(180deg,#0c15208c,#0c15202e 30%,#0c15202e 55%,#0c15209e)}h1.logo{font-size:clamp(34px,8vw,76px);font-weight:900;font-style:italic;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(180deg,#7fd0ff,#2f80ed);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(47,128,237,.35))}.tagline{opacity:.85;font-size:clamp(14px,2.5vw,18px)}#name-input{font-size:18px;padding:12px 16px;border-radius:12px;border:2px solid #33506e;background:#122031;color:#fff;text-align:center;outline:none;width:min(280px,80vw)}#name-input:focus{border-color:#2f80ed}.menu-card{width:min(430px,94vw);background:#0d1826bf;border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:22px 20px 12px;display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tab-page{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:250px;justify-content:center}#tab-skins{justify-content:flex-start;gap:10px}.tab-title{font-size:20px;font-weight:800}.cfg-label{font-size:14px;opacity:.7;margin-bottom:-8px}.home-skin{display:flex;align-items:center;gap:12px;background:#ffffff0d;border-radius:14px;padding:8px 18px 8px 10px}.home-skin img{width:54px;height:54px;image-rendering:auto}#home-skin-player{font-weight:800;font-size:16px}.home-skin-sub{font-size:13px;opacity:.65}#skin-grid{width:100%;max-height:min(46vh,420px);overflow-y:auto;padding-right:4px;overscroll-behavior:contain}#skin-grid::-webkit-scrollbar{width:6px}#skin-grid::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.skin-cat{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;opacity:.6;text-align:left;margin:12px 0 8px}.skin-cat:first-child{margin-top:0}.skin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.skin-card{cursor:pointer;border:3px solid transparent;border-radius:14px;background:#ffffff0f;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-weight:700;font-size:12px;font-family:inherit;transition:transform .1s,border-color .1s}.skin-card:active{transform:scale(.96)}.skin-card img{width:46px;height:46px;object-fit:contain}.skin-card .skin-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skin-card .skin-color{width:28px;height:7px;border-radius:999px;background:var(--c)}.skin-card.sel{border-color:var(--c);background:#ffffff1a}.skin-card.sel:after{content:"✓";font-size:11px;font-weight:900;color:var(--c)}.tabbar{display:flex;border-top:1px solid rgba(255,255,255,.08);margin:0 -20px;padding:6px 10px 2px}.tab-btn{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:#8ea4bd;font-size:12px;font-weight:700;font-family:inherit;padding:8px 0;border-radius:12px}.tab-btn .tab-ico{font-size:22px}.tab-btn.active{color:#fff}.tab-btn.active .tab-ico{transform:scale(1.12)}@media(max-width:600px){#menu{justify-content:flex-start;padding:0}#menu .logo{margin-top:max(48px,env(safe-area-inset-top));font-size:clamp(30px,10.5vw,60px)}.menu-card{margin-top:auto;width:100%;border-radius:26px 26px 0 0;border-bottom:none;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.tab-page{min-height:300px}}.btn{cursor:pointer;font-size:clamp(18px,3vw,22px);font-weight:800;padding:14px 44px;border:none;border-radius:999px;background:linear-gradient(180deg,#3f8ef5,#2668c8);color:#fff;box-shadow:0 8px 22px #2f80ed66;transition:transform .1s}.btn:active{transform:scale(.96)}.btn.secondary{background:#233448;box-shadow:none}.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.help{opacity:.6;font-size:13px;max-width:420px;line-height:1.5}#coins-pill{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;background:#0a121c99;border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:999px;font-weight:900;font-size:15px;font-variant-numeric:tabular-nums}#go-reward{font-weight:700;color:#ffd54f;font-size:15px;margin-top:-10px}#go-reward b{font-size:18px;font-weight:900}.lb-kills{font-size:12px;opacity:.75;font-variant-numeric:tabular-nums}.skin-card.locked img{filter:grayscale(.65) brightness(.75)}.skin-price{font-size:11px;font-weight:800;color:#ffd54f}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#050a12a6;padding:16px}.modal-card{position:relative;width:min(340px,94vw);background:#13202f;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:18px 18px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 20px 60px #00000080}.modal-card h3{font-size:20px;font-weight:800}.modal-x{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;border-radius:50%;background:#ffffff14;color:#fff;font-size:14px;cursor:pointer}#modal-canvas{width:260px;height:260px;touch-action:none;cursor:grab}#modal-canvas:active{cursor:grabbing}.modal-hint{font-size:12px;opacity:.5;margin-top:-6px}#modal-price{font-weight:900;color:#ffd54f;font-size:16px;min-height:20px}.btn[disabled]{opacity:.45;pointer-events:none}#go-title{font-size:clamp(30px,7vw,56px);font-weight:900}#go-sub{opacity:.8;margin-top:-10px}#go-list{background:#0a121c80;border-radius:14px;padding:10px 16px;min-width:min(320px,86vw);font-size:15px}.go-row{display:flex;align-items:center;gap:8px;padding:4px 0}.go-row .lb-name{max-width:none;text-align:left}