:root{--bg: #0a0f1e;--accent: #4dd2ff;--accent2: #ff4d6d;--gold: #ffd23f;--text: #eef1ff}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.game{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#3d7fd6,#9fcdee 46%,#d7e8f4 64%,#cfd8df)}.game-canvas{width:100%;height:100%;display:block;outline:none;touch-action:none;opacity:0;transform:scale(1.04);filter:blur(12px);transition:opacity .8s ease,transform 1s ease,filter .8s ease}.game-canvas.ready{opacity:1;transform:scale(1);filter:blur(0)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.85)}.stat{position:absolute;top:max(16px,env(safe-area-inset-top,0px));font-size:13px;letter-spacing:2px;background:#0a102257;padding:5px 11px 6px;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.stat:not(.right){left:max(20px,env(safe-area-inset-left,0px))}.stat.right{right:max(20px,env(safe-area-inset-right,0px));text-align:right}.stat span{display:block;font-size:30px;letter-spacing:0;color:var(--gold);margin-top:2px}.stat.right span{color:var(--accent)}.tier-label{font-size:11px;letter-spacing:1px;color:var(--accent);opacity:.92;margin-top:3px;font-weight:700}.hp-bar{margin-top:6px;width:104px;height:5px;background:#ffffff2e;border-radius:99px;overflow:hidden}.hp-bar i{display:block;height:100%;background:#6dffa0;border-radius:99px;transition:width .15s linear,background .2s}.hp-bar i.mid{background:#ffb42a}.hp-bar i.low{background:#ff4d4d;animation:pulse .6s infinite}.timer{position:absolute;top:max(14px,env(safe-area-inset-top,0px));left:0;right:0;text-align:center;font-size:34px;font-weight:900}.timer.warn{color:var(--accent2);animation:pulse .5s infinite}@keyframes pulse{50%{transform:scale(1.12)}}.leaderboard{position:absolute;right:max(14px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));margin:0;padding:8px 10px;list-style:none;min-width:132px;background:#0c12266b;border-radius:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.leaderboard li{display:flex;align-items:baseline;gap:7px;font-size:12px;letter-spacing:.3px;line-height:1.7;opacity:.9}.leaderboard li.me{opacity:1;color:var(--gold)}.leaderboard .rank{width:12px;text-align:right;opacity:.7}.leaderboard .who{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:92px}.leaderboard .pts{font-weight:900;color:var(--accent)}.leaderboard li.me .pts{color:var(--gold)}.leaderboard .dot{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 0 1px #00000073}.result-progress{margin:4px 0 10px;display:flex;flex-direction:column;gap:6px}.result-progress .rp-row{display:flex;align-items:center;gap:8px}.result-progress .rp-lvl{font-size:12px;font-weight:800;color:var(--accent);white-space:nowrap}.result-progress .rp-bar{flex:1;height:6px;background:#ffffff29;border-radius:99px;overflow:hidden}.result-progress .rp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#b6f0ff);border-radius:99px}.result-progress .rp-daily{font-size:12.5px;opacity:.85}.result-progress .rp-daily.done{color:var(--gold);opacity:1}@media (max-width: 560px),(max-height: 480px){.leaderboard{font-size:11px;min-width:104px;padding:6px 8px}.dash-btn{width:84px;height:84px}}.round-bar{position:absolute;top:max(8px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:min(240px,56vw);height:5px;background:#ffffff29;border-radius:99px;overflow:hidden}.round-bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .25s linear}.round-bar i.low{background:var(--accent2);animation:pulse .6s infinite}.mute-btn{position:absolute;top:max(12px,env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));z-index:30;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0d1428e6;color:var(--text);font-size:17px;cursor:pointer;box-shadow:0 4px 12px #00000059}.leave-btn{position:absolute;top:max(12px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px));z-index:30;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0d142899;color:var(--text);font-size:22px;line-height:1;cursor:pointer;pointer-events:auto;box-shadow:0 4px 12px #00000059}.leave-btn:active{transform:scale(.92)}.corner-btn{position:absolute;right:max(12px,env(safe-area-inset-right,0px));z-index:30;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0d1428e6;color:var(--text);font-size:18px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #00000059;transition:transform .1s}.corner-btn:active{transform:scale(.93)}.fs-btn{bottom:max(12px,env(safe-area-inset-bottom,0px))}.install-btn{bottom:calc(max(12px,env(safe-area-inset-bottom,0px)) + 50px);border-color:var(--accent);box-shadow:0 0 0 2px #4dd2ff4d,0 4px 12px #00000059}.orient-btn{bottom:max(12px,env(safe-area-inset-bottom,0px));border-color:#ffffff47}.orient-ico{width:20px;height:20px;color:var(--text);display:block}.result-rank{font-size:clamp(46px,15vw,104px);line-height:.9;font-weight:900;color:var(--gold);-webkit-text-fill-color:var(--gold)}.result-rank .of{font-size:.4em;color:var(--text);-webkit-text-fill-color:var(--text);opacity:.7}.result-score{font-size:15px;letter-spacing:2px;opacity:.85}.result-score b{color:var(--accent);font-size:22px;letter-spacing:0;margin-left:6px}.overlay--result{justify-content:flex-start;overflow-y:auto;padding:18px 16px}.result-card{margin:auto;display:flex;flex-direction:column;align-items:center;width:100%;max-width:440px}.result-head{display:flex;flex-direction:column;align-items:center}.result-head .tag{margin-top:0}.result-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;margin-top:8px}.result-actions{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:16px}.result-actions>.btn{margin-top:14px}.result-actions>.btn:first-child{margin-top:0}.result-home{font-size:15px;padding:10px 32px}.result-meta .result-xp{margin-top:0}.result-clip video,.result-clip-still,.result-clip-rendering{width:min(300px,76vw)}@media (min-width: 700px){.result-clip video,.result-clip-still,.result-clip-rendering{width:min(360px,60vw)}}.touch-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;touch-action:none;pointer-events:auto}.kill-toasts{position:absolute;z-index:25;left:max(104px,env(safe-area-inset-left,0px) + 104px);bottom:max(28px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column-reverse;align-items:flex-start;gap:6px;pointer-events:none}.kill-toast{background:#0a1224e0;border:1px solid rgba(77,210,255,.4);color:#4dd2ff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:5px 12px;border-radius:8px;box-shadow:0 0 10px #4dd2ff40;white-space:nowrap}.kill-toast-enter-active{animation:kf-in .22s ease}.kill-toast-leave-active{animation:kf-out .4s ease forwards}@keyframes kf-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes kf-out{0%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.callout{position:absolute;z-index:24;top:30%;left:50%;transform:translate(-50%,-50%);font-size:clamp(34px,9vw,72px);font-weight:900;letter-spacing:1px;white-space:nowrap;pointer-events:none;text-align:center;color:#fff;text-shadow:0 0 18px rgba(0,0,0,.6),0 3px 14px rgba(0,0,0,.8)}.callout.frenzy{color:var(--gold);text-shadow:0 0 22px rgba(255,210,63,.7),0 3px 14px rgba(0,0,0,.7)}.callout.doubleKill,.callout.tripleKill,.callout.megaKill{color:var(--accent2);text-shadow:0 0 22px rgba(255,77,109,.6),0 3px 14px rgba(0,0,0,.7)}.callout-enter-active{animation:callout-in .26s cubic-bezier(.2,1.4,.4,1)}.callout-leave-active{animation:callout-out .4s ease forwards}@keyframes callout-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes callout-out{0%{opacity:1}to{opacity:0;transform:translate(-50%,-62%) scale(1.08)}}@media (prefers-reduced-motion: reduce){.callout,.kill-toast,.win-bar i,.round-bar i,.dash-btn,.lvl-bar i,.name-input,.btn{transition:none!important}.callout,.timer.warn,.round-bar i.low,.win-bar,.dots i,.pulse{animation:none!important}.game-canvas{transition:opacity .3s ease!important;transform:none!important;filter:none!important}}.dash-btn{position:absolute;z-index:20;left:max(20px,env(safe-area-inset-left,0px));bottom:max(24px,env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:999px;border:none;cursor:pointer;padding:0;touch-action:none;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:conic-gradient(var(--accent) calc(var(--p, 1) * 360deg),rgba(255,255,255,.12) 0);box-shadow:0 3px 10px #00000073;opacity:.55;transition:opacity .15s ease,transform .08s ease,box-shadow .08s ease}.dash-btn:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:#0a1224f0}.dash-btn.ready{opacity:.9}.dash-btn:active{transform:scale(.9)}.dash-btn.boosting{opacity:1;transform:scale(.88);box-shadow:0 0 18px var(--accent),0 3px 10px #00000073}.dash-ico{position:relative;width:22px;height:22px;color:var(--text)}.dash-btn.ready .dash-ico{color:var(--accent)}.dash-btn.boosting .dash-ico{color:#fff;filter:drop-shadow(0 0 4px var(--accent))}.dash-key{position:relative;font-size:7px;letter-spacing:1.5px;opacity:.5;color:var(--text)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 38%,#10162ecc,#0a0f1ef5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;padding:24px}.overlay.home{background:linear-gradient(180deg,#080c18e6,#080c18ad 40%,#080c18b8 72%,#080c18f0);-webkit-backdrop-filter:none;backdrop-filter:none}.home-brand,.home-controls{display:contents}h1{font-size:clamp(40px,13vw,130px);line-height:.9;font-weight:900;letter-spacing:-2px;white-space:nowrap;max-width:100%;background:linear-gradient(180deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 26px rgba(77,210,255,.3))}h1 span{color:var(--accent2);-webkit-text-fill-color:var(--accent2)}.overlay--result h1{font-size:clamp(40px,13vw,90px)}.tag{margin-top:14px;font-size:clamp(15px,4vw,21px);opacity:.85}.btn{margin-top:34px;padding:16px 56px;font-size:22px;font-weight:800;letter-spacing:1px;color:#0a0f1e;background:var(--accent);border:none;border-radius:999px;cursor:pointer;box-shadow:0 8px #2a8db0,0 14px 28px #00000080;transition:transform .08s,box-shadow .08s}.btn:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #2a8db0,0 6px 12px #00000080}.btn:disabled{opacity:.5;cursor:default}.btn.joining{cursor:wait}.btn .dots{display:inline-flex;gap:8px;align-items:center;height:1em;vertical-align:middle}.btn .dots i{width:9px;height:9px;border-radius:50%;background:currentColor;animation:dot-bounce 1.1s ease-in-out infinite}.btn .dots i:nth-child(2){animation-delay:.18s}.btn .dots i:nth-child(3){animation-delay:.36s}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.btn--ghost{margin-top:14px;background:transparent;color:var(--accent);box-shadow:none;border:2px solid rgba(77,210,255,.5);padding:12px 40px;font-size:16px}.btn--ghost:active{transform:translateY(2px);box-shadow:none}.id-card{display:flex;align-items:center;gap:13px;width:min(320px,86vw);margin-top:20px;padding:11px 15px 11px 12px;background:linear-gradient(145deg,#131c34eb,#0b1123eb);border:1px solid rgba(77,210,255,.3);border-radius:16px;box-shadow:0 10px 26px #00000073,inset 0 1px #ffffff0d;cursor:text}.id-card:focus-within{border-color:var(--accent);box-shadow:0 10px 26px #00000073,0 0 0 1px #4dd2ff59,inset 0 1px #ffffff0f}.xp-ring{--p: 0;position:relative;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),rgba(255,255,255,.13) 0);display:grid;place-items:center}.xp-ring:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#16233f,#0a1022);box-shadow:inset 0 0 0 1px #ffffff0f}.pilot-avatar{position:relative;z-index:1;width:30px;height:30px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.pilot-lvl{position:absolute;z-index:2;bottom:-2px;left:50%;transform:translate(-50%);min-width:21px;height:19px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#1a1205;background:linear-gradient(180deg,var(--gold),#e0a615);border:2px solid #0b1022;border-radius:99px}.pilot-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;text-align:left}.id-card .name-input{margin:0;width:100%;padding:0;text-align:left;font-size:17px;font-weight:800;letter-spacing:.2px;color:var(--text);background:transparent;border:none;border-radius:0;box-shadow:none}.id-card .name-input::placeholder{font-weight:700}.daily{display:flex;align-items:center;gap:6px;font-size:11.5px;min-width:0}.daily-tag{flex-shrink:0;text-transform:uppercase;letter-spacing:.1em;font-size:8.5px;font-weight:900;color:var(--accent);background:#4dd2ff21;padding:2px 6px;border-radius:5px}.daily-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.78}.daily b{flex-shrink:0;margin-left:auto;padding-left:4px;color:var(--accent);font-weight:900}.daily.done .daily-tag{color:#1a1205;background:var(--gold)}.daily.done b{color:var(--gold)}.name-input{margin-top:22px;width:min(320px,80vw);padding:14px 18px;font-size:18px;font-weight:700;text-align:center;color:var(--text);background:#0d1428e0;border:2px solid rgba(77,210,255,.4);border-radius:14px;outline:none;box-shadow:0 6px 18px #00000059}.name-input::placeholder{color:#eef1ff73;font-weight:500}.name-input:focus{border-color:var(--accent);background:#121a32f0}.home-dock{position:absolute;top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));z-index:30;display:flex;align-items:center;gap:2px;padding:4px;background:#0b10209e;border:1px solid rgba(255,255,255,.1);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #0006}.home-dock>button{position:static;top:auto;left:auto;width:38px;height:38px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;box-shadow:none;color:var(--text);font-size:17px;line-height:1;cursor:pointer;transition:background .12s,color .12s,transform .1s}.home-dock>button:hover{background:#ffffff17;border-color:transparent}.home-dock>button:active{transform:scale(.9)}.home-dock .friends-btn.active,.home-dock .gallery-btn.active,.home-dock .account-btn.active{background:#4dd2ff29;border-color:transparent;box-shadow:none;color:var(--accent)}.home-dock .friends-btn.active .friends-ico{color:var(--accent)}.home-dock .gallery-count{top:0;right:0}.skin-btn{position:absolute;top:max(12px,env(safe-area-inset-top,0px));left:calc(max(12px,env(safe-area-inset-left,0px)) + 50px);z-index:30;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0d1428e6;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #00000059;cursor:pointer;transition:border-color .1s,transform .1s}.skin-btn:active{transform:scale(.93)}.skin-btn:hover{border-color:var(--accent)}.skin-btn .avatar-ico{width:24px;height:24px}.skin-thumb{width:34px;height:34px;object-fit:contain;display:block}.code-row{display:flex;gap:8px;align-items:stretch;width:min(320px,80vw);margin-top:12px}.code-input{flex:1;min-width:0;padding:10px 14px;font-size:15px;font-weight:800;letter-spacing:3px;text-align:center;text-transform:uppercase;color:var(--text);background:#0d1428b3;border:2px solid rgba(255,255,255,.12);border-radius:12px;outline:none}.code-input::placeholder{letter-spacing:.5px;font-weight:600;color:#eef1ff66;text-transform:none}.code-input:focus{border-color:var(--accent)}.dice-btn{flex:0 0 46px;border-radius:12px;border:2px solid rgba(255,255,255,.12);background:#0d1428b3;font-size:20px;cursor:pointer}.dice-btn:active{transform:scale(.93)}.room-code{position:absolute;top:max(12px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);margin-top:16px;background:#0c12268c;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:800;letter-spacing:2px}.friends-btn{position:absolute;top:max(12px,env(safe-area-inset-top,0px));left:calc(max(12px,env(safe-area-inset-left,0px)) + 100px);z-index:30;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0d1428e6;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #00000059;cursor:pointer;font-size:18px;transition:border-color .1s,transform .1s}.friends-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px #4dd2ff4d,0 4px 12px #00000059}.friends-btn:active{transform:scale(.93)}.friends-btn:hover{border-color:var(--accent)}.friends-ico{width:22px;height:22px;display:block;color:var(--text)}.friends-btn.active .friends-ico{color:var(--accent)}.settings-btn{position:absolute;top:max(12px,env(safe-area-inset-top,0px));left:calc(max(12px,env(safe-area-inset-left,0px)) + 150px);z-index:30;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0d1428e6;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #00000059;cursor:pointer;font-size:18px;line-height:1;color:var(--text);transition:border-color .1s,transform .1s}.settings-btn:active{transform:scale(.93)}.settings-btn:hover{border-color:var(--accent)}.gallery-btn{position:absolute;top:max(12px,env(safe-area-inset-top,0px));left:calc(max(12px,env(safe-area-inset-left,0px)) + 200px);z-index:30;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0d1428e6;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #00000059;cursor:pointer;font-size:17px;line-height:1;transition:border-color .1s,transform .1s}.gallery-btn:active{transform:scale(.93)}.gallery-btn:hover,.gallery-btn.active{border-color:var(--accent)}.gallery-count{position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--accent);color:#08111f;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}.account-btn{position:absolute;top:max(12px,env(safe-area-inset-top,0px));left:calc(max(12px,env(safe-area-inset-left,0px)) + 250px);z-index:30;width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0d1428e6;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 12px #00000059;cursor:pointer;font-size:17px;line-height:1;color:var(--text);transition:border-color .1s,transform .1s}.account-btn:active{transform:scale(.93)}.account-btn:hover,.account-btn.active{border-color:var(--accent)}.account-initial{font-weight:900;font-size:16px;color:var(--accent)}.settings-modal{gap:20px}.setting-row{display:flex;flex-direction:column;gap:7px;width:100%}.setting-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.sq-pills{display:flex;flex-direction:column;gap:7px;width:100%}.sq-pill{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 13px;border-radius:11px;border:1.5px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text);cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.sq-pill:active{transform:scale(.98)}.sq-pill.sel{border-color:var(--accent);background:#4dd2ff1f}.sq-pill-main{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.sq-pill-name{font-size:13.5px;font-weight:800}.sq-pill-desc{font-size:11px;color:#ffffff6b;line-height:1.3}.sq-pill.sel .sq-pill-name{color:var(--accent)}.sq-radio{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.25);transition:border-color .12s,background .12s}.sq-pill.sel .sq-radio{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 42%,transparent 48%)}.sw-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 13px;border-radius:11px;border:1.5px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text);cursor:pointer;transition:border-color .12s,background .12s}.sw-row:active{transform:scale(.98)}.sw-label{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:800}.sw-ico{font-size:15px;line-height:1}.switch{position:relative;flex-shrink:0;width:44px;height:26px;border-radius:999px;background:#ffffff29;transition:background .15s}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0006;transition:transform .15s}.switch.on{background:var(--accent)}.switch.on .knob{transform:translate(18px)}.party-chip{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 8px 5px 10px;border-radius:999px;background:#0d1428b3;border:1px solid var(--accent);color:var(--accent);font-weight:800;cursor:pointer;transition:transform .1s}.party-chip:active{transform:scale(.96)}.party-chip .friends-ico{width:16px;height:16px;color:var(--accent)}.party-code{letter-spacing:2px;font-size:14px}.party-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#ffffff1f;color:var(--text);font-size:11px;line-height:1}.party-x:hover{background:#ffffff40}.dlg-title{margin:0;font-size:18px;font-weight:900;letter-spacing:.5px}.modal-close-x{position:absolute;top:10px;right:12px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;font-size:15px;line-height:1;color:#ffffffb3;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:50%;cursor:pointer}.modal-close-x:hover{color:#fff;background:#ffffff29}.friends-modal .code-row{width:100%;margin-top:0}.info-balloon{margin:0;font-size:13px;line-height:1.5;text-align:left;color:#cdd6f5;background:#4dd2ff1a;border:1px solid rgba(77,210,255,.28);border-radius:12px;padding:10px 12px}.copied-hint{margin:0;color:var(--accent);font-weight:800;font-size:13px}.maps{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px;max-width:420px}.map-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;font-size:12.5px;font-weight:800;letter-spacing:.4px;color:var(--text);background:#0d1428e0;border:2px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;box-shadow:0 5px 14px #00000059;transition:border-color .1s,background .1s,transform .1s}.map-card .map-ico{width:34px;height:23px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.map-card.sel{border-color:var(--accent);background:#1a344ceb;color:#fff;transform:translateY(-1px)}.map-card .avatar-ico{width:26px;height:26px}.setup{display:flex;flex-direction:column;align-items:stretch;gap:9px;width:min(320px,86vw);margin-top:16px}.setup-map{align-self:center;display:inline-flex;align-items:center;gap:7px;padding:4px 13px;background:#0d14288c;border:1px solid rgba(255,255,255,.09);border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#eef1ffb8}.setup-map:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 7px #4dd2ffb3}.btn:focus-visible{outline:3px solid rgba(77,210,255,.65);outline-offset:3px}.skin-pop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#060914a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.skin-modal{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px;width:min(320px,86vw);background:#0d1428f5;border:1px solid rgba(255,255,255,.14);border-radius:18px;box-shadow:0 18px 44px #0000008c}.skin-stage{width:min(190px,54vw);aspect-ratio:1;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#14203e,#0a1024);box-shadow:inset 0 0 0 1px #ffffff14;display:flex}.skin-preview,.tornado-3d{width:100%;height:100%;display:block;outline:none}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;width:100%}.swatch{aspect-ratio:1;border-radius:11px;border:2px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .08s;box-shadow:0 2px 5px #00000059}.swatch:active{transform:scale(.9)}.swatch.sel{border-color:#fff;transform:scale(1.06);box-shadow:0 0 0 2px #ffffff59,0 3px 8px #00000080}.error{margin-top:18px;min-height:1.2em;color:var(--accent2);font-size:14px;font-weight:700;max-width:360px;opacity:0;transition:opacity .15s}.error.show{opacity:1}.leave-btn{position:absolute;top:max(14px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);margin-top:44px;background:#00000059;color:var(--text);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;cursor:pointer;z-index:20}.lang{position:absolute;top:max(12px,env(safe-area-inset-top,0px));inset-inline-end:max(12px,env(safe-area-inset-right,0px));z-index:30;font-weight:700}.lang-btn{display:flex;align-items:center;gap:7px;cursor:pointer;padding:7px 11px;font-size:13px;color:var(--text);background:#0d1428e6;border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:0 4px 12px #00000059}.lang-btn .flag{font-size:16px;line-height:1}.lang-btn .lbl{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-btn .caret{opacity:.6;font-size:10px;transition:transform .12s}.lang-btn.open .caret{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;margin:0;padding:6px;list-style:none;width:190px;max-height:min(58vh,340px);overflow-y:auto;background:#0b1020f7;border:1px solid rgba(255,255,255,.14);border-radius:12px;box-shadow:0 12px 30px #0000008c;-webkit-overflow-scrolling:touch}.lang-menu li{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13.5px}.lang-menu li .flag{font-size:17px}.lang-menu li:hover{background:#ffffff12}.lang-menu li.sel{background:#4dd2ff2e;color:#fff}@media (max-width: 560px){.overlay{padding:20px 16px}.stat span{font-size:24px}.timer{font-size:28px}.mute-btn,.skin-btn,.friends-btn,.settings-btn,.gallery-btn,.account-btn{width:36px;height:36px;font-size:15px}.skin-btn{left:calc(max(12px,env(safe-area-inset-left,0px)) + 40px)}.friends-btn{left:calc(max(12px,env(safe-area-inset-left,0px)) + 78px)}.settings-btn{left:calc(max(12px,env(safe-area-inset-left,0px)) + 116px)}.gallery-btn{left:calc(max(12px,env(safe-area-inset-left,0px)) + 154px)}.account-btn{left:calc(max(12px,env(safe-area-inset-left,0px)) + 192px)}.skin-btn .avatar-ico{width:20px;height:20px}.skin-thumb{width:30px;height:30px}.lang-btn{padding:6px 9px}.lang-btn .lbl{max-width:54px}}@media (max-width: 380px){.lang-btn .lbl,.lang-btn .caret{display:none}}@media (max-height: 480px){h1{font-size:clamp(34px,9vh,64px)}.tag{margin-top:8px}.id-card{margin-top:12px}.id-name{padding:4px 8px 4px 10px}.id-card .name-input{font-size:15px}.home-progress{padding:6px 12px;gap:4px}.maps{margin-top:10px}.map-card{padding:9px 16px}.setup{margin-top:8px;gap:6px}.btn{margin-top:14px;padding:13px 48px;font-size:19px}.stat span{font-size:22px}.timer{font-size:26px}}@media (orientation: landscape) and (max-height: 540px){.overlay.home{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(10px,2.5vw,40px);padding:8px clamp(10px,3vw,32px)}.home-brand,.home-controls{display:flex;flex-direction:column;align-items:center;flex:0 1 auto}.home-brand{width:clamp(140px,38vw,320px);max-width:44vw;align-items:center}.wordmark{width:100%;max-width:100%;max-height:min(18vh,90px);height:auto}.tag{margin-top:4px;font-size:clamp(10px,2vw,14px)}.party-chip{margin-top:6px}.home-controls{width:clamp(180px,44vw,340px)}.name-input{margin-top:0;width:100%;max-width:100%;font-size:clamp(14px,2.2vw,17px);padding:10px 14px}.maps{margin-top:6px;gap:8px}.map-card{padding:6px 12px;font-size:11.5px}.map-card .map-ico{width:28px;height:19px}.btn{margin-top:10px;padding:9px 32px;font-size:16px}.error{margin-top:6px;max-width:100%}.overlay.home .home-progress{padding:6px 12px 7px;gap:4px;font-size:11px}}.skin-modal{max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 700px) and (pointer: coarse){.dash-btn{width:76px;height:76px}.leaderboard{font-size:13.5px;min-width:156px}.leaderboard .who{max-width:110px}.stat span{font-size:34px}.name-input{font-size:20px}.map-card{font-size:14px;padding:10px 20px}}@media (orientation: landscape) and (max-height: 560px){.overlay--result{padding:10px 16px}.result-card{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(12px,3vw,40px);max-width:96vw}.result-head,.result-actions{flex:0 0 auto;margin-top:0}.overlay--result h1.result-rank{font-size:clamp(34px,12vh,64px)}.result-head .tag{font-size:clamp(12px,3.4vh,17px)}.result-meta{margin-top:4px;gap:2px 12px}.result-clip{margin-top:0}.result-clip video,.result-clip-still,.result-clip-rendering{width:min(40vw,300px)}.result-actions{width:auto}.result-actions>.btn{margin-top:8px;padding:9px 28px;font-size:16px}.result-actions>.btn:first-child{margin-top:0}.result-share{margin-top:8px;gap:8px}}@media (max-height: 430px) and (orientation: portrait){.overlay{justify-content:flex-start;overflow-y:auto}}.result-xp{margin-top:12px;font-size:18px;font-weight:800;color:var(--gold);display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.xp-badge{font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:#ffffff1f;color:var(--text)}.xp-badge.level{background:#ffd23f33;color:var(--gold)}.result-share{display:flex;gap:10px;margin-top:14px}.btn--sm{margin-top:0;padding:10px 20px;font-size:15px}.result-clip{margin-top:16px}.result-clip video,.result-clip-still{width:min(360px,82vw);aspect-ratio:16 / 9;border-radius:12px;display:block;background:#0a1024;box-shadow:0 10px 28px #00000080,inset 0 0 0 1px #ffd23f66;object-fit:contain}.result-clip-rendering{width:min(360px,82vw);aspect-ratio:16 / 9;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;background:#0a102499;box-shadow:inset 0 0 0 1px #ffffff1a;color:#ffffffb3;font-size:14px;font-weight:700}.result-clip-rendering .dots{display:inline-flex;gap:6px}.result-clip-rendering .dots i{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:dot-bounce 1.1s ease-in-out infinite}.result-clip-rendering .dots i:nth-child(2){animation-delay:.18s}.result-clip-rendering .dots i:nth-child(3){animation-delay:.36s}.g-card{position:relative;aspect-ratio:16 / 9;padding:0;cursor:pointer;border-radius:9px;overflow:hidden;border:1.5px solid rgba(255,255,255,.14);background:#0a1024;transition:border-color .12s,transform .08s}.g-card:active{transform:scale(.96)}.g-card.win{border-color:var(--gold);box-shadow:0 0 0 1px #ffd23f59}.g-card img{width:100%;height:100%;object-fit:cover;display:block}.g-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;opacity:.5}.g-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);pointer-events:none}.g-badge{position:absolute;top:3px;left:4px;font-size:13px}.g-score{position:absolute;right:4px;bottom:3px;font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9)}.gallery-modal{width:min(560px,94vw)}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.g-empty{aspect-ratio:16 / 9;border-radius:9px;border:1.5px dashed rgba(255,255,255,.12);background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:26px;opacity:.25}.gallery-pager{display:flex;align-items:center;justify-content:center;gap:16px}.pager-btn{width:38px;height:38px;border-radius:999px;border:1.5px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--text);font-size:20px;line-height:1;cursor:pointer;transition:border-color .12s,transform .08s}.pager-btn:active:not(:disabled){transform:scale(.92)}.pager-btn:hover:not(:disabled){border-color:var(--accent)}.pager-btn:disabled{opacity:.3;cursor:default}.pager-info{font-size:13px;font-weight:800;letter-spacing:1px;color:#ffffffb3;min-width:48px;text-align:center}.clip-modal{width:min(520px,92vw)}.clip-stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:68vh;border-radius:14px;overflow:hidden;background:#0a1024;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff14}.clip-sound{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:999px;border:none;cursor:pointer;background:#0d14288c;box-shadow:0 0 0 1.5px #ffffff2e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.clip-sound:active{transform:scale(.9)}.clip-stage.playable{cursor:pointer}.clip-stage video,.clip-stage img{width:100%;height:100%;object-fit:contain;display:block}.clip-empty{font-size:54px;opacity:.5}.clip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:999px;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#0d14288c;box-shadow:0 0 0 2px #4dd2ff8c,0 6px 20px #00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .2s,transform .12s}.clip-overlay:active{transform:scale(.9)}.clip-overlay.hide{opacity:0;pointer-events:none}.clip-ico{color:var(--accent);font-size:24px;line-height:1;letter-spacing:1px}.clip-bar{position:absolute;left:0;right:0;bottom:0;height:7px;background:#0006;cursor:pointer}.clip-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#bdecff)}.clip-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.clip-actions .danger{border-color:#ff4d6d80;color:var(--accent2)}.win-meter{position:fixed;top:max(46px,calc(env(safe-area-inset-top,0px) + 40px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.8)}.win-meter span{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.3px}.win-bar{width:min(260px,60vw);height:7px;background:#ffffff29;border-radius:99px;overflow:hidden;box-shadow:0 0 0 1px #ffd23f59}.win-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#fff6c0);border-radius:99px;transition:width .2s linear}@media (max-width: 560px),(max-height: 480px){.win-meter{top:max(42px,calc(env(safe-area-inset-top,0px) + 36px))}.win-meter span{font-size:12px}}.wordmark{display:block;width:min(84vw,580px);height:auto;opacity:0;transition:opacity .45s ease;filter:drop-shadow(0 9px 18px rgba(0,0,0,.5))}.wordmark.ready{opacity:1}.wm-text{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:900;letter-spacing:-4px}.wm-outline{fill:none;stroke:#0b1426;stroke-width:5;stroke-linejoin:round;paint-order:stroke}.name-hint{margin:6px auto 0;max-width:min(320px,80vw);font-size:11px;line-height:1.35;color:#eef1ff80}.home-footer{position:absolute;left:0;right:0;bottom:max(8px,env(safe-area-inset-bottom,0px));z-index:12;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;font-size:11px;color:#eef1ff80;pointer-events:none;padding:0 12px}.home-footer a,.footer-link{pointer-events:auto;color:#eef1ff99;text-decoration:none;background:none;border:none;padding:0;font:inherit;cursor:pointer}.home-footer a:hover,.footer-link:hover{color:var(--accent);text-decoration:underline}.home-footer .dot{opacity:.4}@media (max-height: 540px){.home-footer{display:none}}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:14px 20px;flex-wrap:wrap;padding:14px max(16px,env(safe-area-inset-left,0px)) calc(14px + env(safe-area-inset-bottom,0px));background:#090d1af7;border-top:1px solid rgba(77,210,255,.28);box-shadow:0 -8px 28px #00000080}.consent-text{display:flex;flex-direction:column;gap:3px;max-width:620px;text-align:left;font-size:13px;line-height:1.45;color:#eef1ffd9}.consent-text b{font-size:14px;color:var(--text)}.consent-text a{color:var(--accent);text-decoration:underline}.consent-actions{display:flex;gap:10px;flex-shrink:0}.consent-btn{padding:10px 22px;font-size:14px;font-weight:800;letter-spacing:.3px;border-radius:999px;cursor:pointer;transition:transform .08s,border-color .12s,background .12s}.consent-btn:active{transform:scale(.96)}.consent-btn.ghost{background:transparent;color:var(--text);border:1.5px solid rgba(255,255,255,.28)}.consent-btn.ghost:hover{border-color:#ffffff80}.consent-btn.accept{background:var(--accent);color:#0a0f1e;border:1.5px solid var(--accent);box-shadow:0 4px 14px #4dd2ff59}.consent-enter-active,.consent-leave-active{transition:transform .3s ease,opacity .3s ease}.consent-enter-from,.consent-leave-to{transform:translateY(100%);opacity:0}@media (max-width: 560px){.consent-banner{gap:10px;padding-top:12px}.consent-text{text-align:center;align-items:center;font-size:12.5px}.consent-actions{width:100%;justify-content:center}.consent-btn{flex:1 1 auto;max-width:200px}}