@font-face{font-family:Lilita One;src:url(/assets/fonts/lilita-latin.woff2)format("woff2");font-display:swap}@font-face{font-family:Fredoka;src:url(/assets/fonts/fredoka-latin.woff2)format("woff2");font-weight:300 700;font-display:swap}@font-face{font-family:Fredoka;src:url(/assets/fonts/fredoka-latin-ext.woff2)format("woff2");font-weight:300 700;font-display:swap;unicode-range:U+100-2BA,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4}:root{--amber:#c98503;--amber-hi:#ffb52e;--amber-lo:#8a5a02;--b900:#140d0a;--b800:#21160f;--b700:#2f2017;--b600:#3f2b1f;--cream:#fff3dd;--muted:#fff3dd9e;--faint:#fff3dd24;--panel:#1a110ccc;--panel-solid:#24180f;--line:#ffd69629;--good:#4ade80;--bad:#ff5d5d;--blue:#3d9bff;--r:16px;--r-sm:11px;--gap:12px;--pad:clamp(12px, 2.2vw, 24px);--fs:clamp(14px, 1.05vw + 8px, 17px);--hud:1;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:#140d0a;height:100%;margin:0;overflow:hidden}body{font-family:Fredoka,system-ui,sans-serif;font-size:var(--fs);color:var(--cream);-webkit-user-select:none;user-select:none;touch-action:none}#game{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:none}#ui .interactive,#ui button,#ui input,#ui select,#ui a,#ui .screen,#ui .modal-back{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input{font:inherit}h1,h2,h3{letter-spacing:.01em;margin:0;font-family:Lilita One,Fredoka,sans-serif;font-weight:400}.ico{flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.muted{color:var(--muted)}.hide{display:none!important}.row{align-items:center;gap:var(--gap);display:flex}.col{gap:var(--gap);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.spacer{flex:1}.btn{background:var(--b600);height:46px;color:var(--cream);letter-spacing:.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;transition:transform .12s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 -3px #00000040}.btn:hover,.btn:focus-visible{background:#4e3626;outline:none;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg, var(--amber-hi), var(--amber));color:#2a1a05;box-shadow:inset 0 -3px #0000002e,0 6px 18px #c9850359}.btn.primary:hover,.btn.primary:focus-visible{background:linear-gradient(#ffc65a,#d99207)}.btn.ghost{box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn.danger{background:#6b1f1f}.btn.small{height:36px;padding:0 14px;font-size:.9em}.btn.block{width:100%}.btn[disabled]{opacity:.45;pointer-events:none}.icon-btn{background:var(--panel);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);color:var(--cream);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .12s,background .15s;display:inline-flex}.icon-btn:hover,.icon-btn:focus-visible{background:var(--b600);outline:none;transform:scale(1.06)}.icon-btn.small{width:34px;height:34px}.icon-btn.flat{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.seg{box-shadow:inset 0 0 0 1px var(--line);background:#0000004d;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.seg button{height:36px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.92em;font-weight:600;display:inline-flex}.seg button.on{background:var(--amber);color:#2a1a05}.toggle{background:var(--b600);border-radius:999px;flex:none;width:52px;height:30px;transition:background .2s;position:relative}.toggle i{background:var(--cream);border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--amber)}.toggle.on i{transform:translate(22px)}.slider{align-items:center;gap:10px;width:min(280px,100%);display:flex}.slider input{accent-color:var(--amber);flex:1;height:26px}.slider-val{text-align:right;font-variant-numeric:tabular-nums;width:48px;color:var(--muted);font-size:.9em}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:.85em;font-weight:600}.input{height:48px;color:var(--cream);box-shadow:inset 0 0 0 1.5px var(--line);background:#00000059;border:0;border-radius:12px;outline:none;width:100%;padding:0 14px}.input:focus{box-shadow:inset 0 0 0 2px var(--amber)}.bar{background:#ffffff1a;border-radius:99px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--amber), var(--amber-hi));border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.bar.blue i{background:linear-gradient(90deg,#2b7bff,#6fd3ff)}.cur{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:600;display:inline-flex}.cur.coins .ico{color:#fc3}.cur.gems .ico{color:#6fd3ff}.cur.shards .ico{color:#c6f0ff}.pill{background:var(--panel);height:40px;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.92em;display:inline-flex}.badge-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--b800);background:#ff4d4d;border-radius:50%;position:absolute;top:6px;right:6px}.tag{letter-spacing:.03em;text-transform:uppercase;background:var(--faint);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:.75em;font-weight:700;display:inline-flex}.panel{background:var(--panel);border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);-webkit-backdrop-filter:blur(14px)}.scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--b600) transparent;overflow-y:auto}.screen{padding:var(--pad);padding-top:max(var(--pad), env(safe-area-inset-top));padding-bottom:max(var(--pad), env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;animation:.28s cubic-bezier(.2,.8,.2,1) screen-in;display:flex;position:absolute;inset:0}.screen>*{pointer-events:auto}.screen.dim{background:linear-gradient(90deg,#140d0adb,#140d0a59 70%,#0000)}.screen.dim-full{-webkit-backdrop-filter:blur(6px);background:#140d0ab8}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.topbar{flex:none;align-items:center;gap:10px;min-height:48px;margin-bottom:clamp(10px,2vh,22px);display:flex}.topbar h2{align-items:center;gap:10px;font-size:clamp(22px,2.2vw,30px);display:flex}.topbar .wallet{align-items:center;gap:8px;margin-left:auto;display:flex}.content{flex:1;gap:clamp(12px,2vw,24px);min-height:0;display:flex}.title-wrap{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:92vw;margin:auto;display:flex}.logo{color:#fff;text-shadow:0 6px 0 var(--amber-lo), 0 14px 30px #00000080;font-family:Lilita One;line-height:.9}.logo .l1{color:var(--amber-hi);-webkit-text-stroke:2px #3a2405;font-size:clamp(40px,7vw,92px);display:block}.logo .l2{-webkit-text-stroke:3px #3a2405;font-size:clamp(56px,10vw,140px);display:block;transform:rotate(-3deg)}.tagline{color:var(--cream);opacity:.85;font-size:clamp(14px,1.4vw,19px);font-style:italic}.press{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.9em;font-weight:600;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.auth{text-align:left;flex-direction:column;gap:14px;width:min(380px,92vw);padding:22px;display:flex}.auth .err{color:var(--bad);min-height:1.2em;font-size:.9em}.mini-logo{text-shadow:0 3px 0 var(--amber-lo);flex-direction:column;font-family:Lilita One;line-height:.85;display:flex;transform:rotate(-3deg)}.mini-logo span{color:var(--amber-hi);-webkit-text-stroke:1px #3a2405;font-size:18px}.mini-logo b{color:#fff;-webkit-text-stroke:1.5px #3a2405;font-size:30px;font-weight:400}.main-left{flex-direction:column;gap:10px;width:min(340px,100%);margin-top:auto;margin-bottom:auto;display:flex}.tile{background:var(--panel);height:66px;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(12px);text-align:left;border-radius:18px;align-items:center;gap:14px;padding:0 18px;font-family:Lilita One;font-size:22px;transition:transform .15s,background .15s,box-shadow .15s;display:flex;position:relative}.tile .ico{background:#ffffff12;border-radius:12px;width:42px;height:42px}.tile small{color:var(--muted);margin-top:1px;font-family:Fredoka;font-size:13px;font-weight:500;display:block}.tile:hover,.tile:focus-visible{box-shadow:inset 0 0 0 2px var(--amber);background:#3f2b1feb;outline:none;transform:translate(6px)}.tile.hero{background:linear-gradient(135deg, var(--amber-hi), var(--amber));color:#2a1a05;height:84px;box-shadow:0 10px 30px #c9850359}.tile.hero .ico{background:#0000001f}.tile.hero small{color:#2a1a05bf}.tile.hero:hover{box-shadow:0 10px 30px #c9850380,inset 0 0 0 2px #fff3}.profile-chip{background:var(--panel);height:48px;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:10px;padding:4px 14px 4px 4px;display:flex}.profile-chip img{background:var(--b600);object-fit:cover;border-radius:50%;width:40px;height:40px}.profile-chip .lv{color:var(--muted);font-size:.75em}.lvl-ring{flex:none;width:40px;height:40px;position:relative}.lvl-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.lvl-ring b{place-items:center;font-family:Lilita One;font-size:15px;display:grid;position:absolute;inset:0}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip-btn{background:var(--panel);height:40px;box-shadow:inset 0 0 0 1px var(--line);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.9em;font-weight:600;display:inline-flex;position:relative}.chip-btn:hover{background:var(--b600)}.chip-btn .bar{width:60px}.cards{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));grid-auto-rows:max-content;align-content:start;display:grid}.card{border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);text-align:left;-webkit-backdrop-filter:blur(12px);flex-direction:column;gap:8px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}button.card:hover,button.card:focus-visible{box-shadow:inset 0 0 0 2px var(--amber), var(--shadow);outline:none;transform:translateY(-3px)}.card h3{font-size:21px}.card .big-ico{width:54px;height:54px;color:var(--amber-hi);background:#ffffff12;border-radius:14px;place-items:center;display:grid}.card.locked{opacity:.55}.card.sel{box-shadow:inset 0 0 0 2.5px var(--amber-hi), var(--shadow)}.mode-cards{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));grid-auto-rows:max-content;align-content:center;width:min(1100px,100%);margin:0 auto;display:grid}.mode-cards .card{justify-content:flex-end;min-height:190px}.track-card{min-height:0;padding:0}.track-card .thumb{place-items:center;height:104px;display:grid;position:relative}.track-card .thumb svg{width:100%;height:100%}.track-card .meta{flex-direction:column;gap:2px;padding:10px 14px 14px;display:flex}.track-card .meta h3{font-size:18px}.track-card .meta small{color:var(--muted);font-size:12.5px}.trophies{gap:4px;display:flex}.trophy{border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.select-panel{flex-direction:column;gap:12px;width:min(440px,100%);min-height:0;display:flex}.char-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;padding:2px;display:grid}.char-cell{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--line);background:linear-gradient(#ffffff14,#ffffff05);border-radius:14px;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.char-cell img{object-fit:cover;width:100%;height:100%}.char-cell:hover,.char-cell:focus-visible{outline:none;transform:scale(1.05)}.char-cell.sel{box-shadow:inset 0 0 0 3px var(--amber-hi)}.char-cell.locked img{filter:grayscale()brightness(.35)}.char-cell .lock{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.char-cell .name{text-align:center;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000bf);padding:3px 4px;font-size:11px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.char-cell .accent{border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:8px}.char-head{align-items:center;gap:12px;display:flex}.char-head h3{font-size:26px}.char-head .nick{color:var(--muted);font-size:.9em}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{min-width:38px;height:38px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:#00000040;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.9em;font-weight:600;display:inline-flex}.tabs button.on{background:var(--amber);color:#2a1a05;box-shadow:none}.opt-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.opt{min-height:86px;box-shadow:inset 0 0 0 1px var(--line);text-align:center;background:#ffffff0d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12.5px;font-weight:600;line-height:1.15;display:flex;position:relative}.opt:hover{background:#ffffff1a}.opt.sel{box-shadow:inset 0 0 0 2.5px var(--amber-hi)}.opt.locked{opacity:.4}.opt .swatch{border-radius:50%;width:34px;height:34px;box-shadow:inset 0 -4px #0003}.opt .rar{border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:10px;right:10px}.opt img{border-radius:10px;width:54px;height:54px}.stat-rows{grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;font-size:.85em;display:grid}.stat-pips{gap:3px;display:flex}.stat-pips i{background:#ffffff1a;border-radius:3px;flex:1;height:8px}.stat-pips i.on{background:linear-gradient(90deg, var(--amber), var(--amber-hi))}.stat-pips i.plus{background:var(--good)}.stat-pips i.minus{background:var(--bad);opacity:.7}.modal-layer{pointer-events:none;z-index:40;place-items:center;display:grid;position:absolute;inset:0}.modal-back{-webkit-backdrop-filter:blur(4px);background:#0a060499;animation:.2s fade;position:absolute;inset:0}.modal{width:min(var(--w,460px), calc(100vw - 24px));background:var(--panel-solid);max-height:calc(100vh - 32px);box-shadow:inset 0 0 0 1px var(--line), 0 30px 80px #0009;pointer-events:auto;border-radius:20px;flex-direction:column;gap:14px;padding:22px;animation:.25s cubic-bezier(.2,1.4,.4,1) pop;display:flex;position:relative}.modal h2{align-items:center;gap:10px;padding-right:40px;font-size:26px;display:flex}.modal .close{position:absolute;top:14px;right:14px}.modal .body{flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.modal .actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}}.toast-layer{left:50%;top:max(16px, env(safe-area-inset-top));z-index:60;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.toast{background:var(--panel-solid);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);border-radius:999px;align-items:center;gap:10px;max-width:90vw;padding:10px 18px;font-weight:600;animation:3.2s forwards toast;display:flex}.toast.good .ico{color:var(--good)}.toast.bad .ico{color:var(--bad)}@keyframes toast{0%{opacity:0;transform:translateY(-10px)}8%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.settings{flex:1;gap:16px;width:min(980px,100%);min-height:0;margin:0 auto;display:flex}.settings nav{flex-direction:column;flex:none;gap:6px;width:200px;display:flex}.settings nav button{height:46px;color:var(--muted);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-weight:600;display:flex}.settings nav button.on{background:var(--panel);color:var(--cream);box-shadow:inset 0 0 0 1px var(--line), inset 3px 0 0 var(--amber)}.settings .pane{flex:1;min-width:0;padding:8px 20px}.set-row{border-bottom:1px solid var(--faint);align-items:center;gap:16px;min-height:58px;padding:6px 0;display:flex}.set-row .lbl{flex:1;min-width:0}.set-row .lbl b{font-weight:600;display:block}.set-row .lbl small{color:var(--muted);font-size:.82em}.set-section{letter-spacing:.04em;color:var(--amber-hi);text-transform:uppercase;margin:18px 0 2px;font-family:Lilita One;font-size:15px}.keycap{min-width:40px;height:34px;box-shadow:inset 0 -3px 0 #0006, inset 0 0 0 1px var(--line);background:#0006;border-radius:9px;justify-content:center;align-items:center;padding:0 10px;font-size:.85em;font-weight:700;display:inline-flex}.keycap.listening{box-shadow:inset 0 0 0 2px var(--amber-hi);animation:1s infinite pulse}.loading{z-index:50;pointer-events:auto;background:radial-gradient(at 70% 20%,#4a2e17,#160e0a 70%);flex-direction:column;justify-content:flex-end;padding:clamp(20px,5vw,60px);animation:.3s fade;display:flex;position:absolute;inset:0}.loading .ltitle{text-shadow:0 6px 0 var(--amber-lo);font-size:clamp(36px,6vw,78px)}.loading .lsub{color:var(--amber-hi);font-family:Lilita One;font-size:clamp(16px,2vw,24px)}.loading .llore{max-width:640px;color:var(--muted);margin:10px 0 24px;font-size:1.05em}.loading .bar{width:min(520px,100%);height:10px}.loading .lthumb{aspect-ratio:240/104;width:min(380px,40vw);box-shadow:0 0 0 2px var(--line), var(--shadow);opacity:.9;border-radius:18px;position:absolute;top:clamp(20px,6vh,60px);right:clamp(20px,5vw,60px);overflow:hidden}.loading .lthumb svg{width:100%;height:100%;display:block}.loading .lfeature{background:#c9850326;border-radius:12px;align-items:flex-start;gap:10px;max-width:640px;margin:-10px 0 22px;padding:10px 14px;display:flex;box-shadow:inset 0 0 0 1px #ffb52e4d}.loading .lfeature .ico{color:var(--amber-hi);margin-top:2px}.loading .tip{color:var(--muted);align-items:center;gap:10px;max-width:640px;margin-top:18px;font-size:.92em;display:flex}.loading .tip .ico{color:var(--amber-hi)}.boot{z-index:70;pointer-events:auto;background:#140d0a;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.boot .bar{width:200px;margin-top:18px}.results{gap:20px;width:min(1100px,100%);min-height:0;max-height:100%;margin:auto;display:flex}.standings{flex-direction:column;flex:1.2;gap:6px;min-width:0;display:flex}.stand-row{background:var(--panel);height:50px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;align-items:center;gap:12px;padding:0 14px;animation:.4s backwards slide-in;display:flex}.stand-row.me{box-shadow:inset 0 0 0 2px var(--amber-hi);background:linear-gradient(90deg,#c985038c,#c9850326)}.stand-row .pos{text-align:center;width:34px;font-family:Lilita One;font-size:22px}.stand-row img{background:var(--b600);border-radius:50%;width:38px;height:38px}.stand-row .nm{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.stand-row .tm{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9em}.stand-row .pts{text-align:right;min-width:42px;color:var(--amber-hi);font-family:Lilita One;font-size:18px}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}}.rewards{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.reward-line{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.reward-line b{margin-left:auto;font-family:Lilita One;font-size:20px}.place-big{color:#fff;text-shadow:0 6px 0 var(--amber-lo);font-family:Lilita One;font-size:clamp(60px,10vw,120px);line-height:1}.crate-list{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));grid-auto-rows:max-content;width:min(1000px,100%);margin:auto auto 0;display:grid}.crate-card{text-align:center;align-items:center;gap:10px}.crate-card .crate-ico{border-radius:18px;place-items:center;width:84px;height:84px;display:grid}.crate-card .count{background:var(--amber);color:#2a1a05;border-radius:99px;place-items:center;min-width:34px;height:34px;font-family:Lilita One;font-size:18px;display:grid;position:absolute;top:12px;right:12px}.reveal{pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;padding:0 16px;display:flex;position:absolute;bottom:max(24px,6vh);left:0;right:0}.reveal>*{pointer-events:auto}.reveal:empty{display:none}.reveal-card{background:var(--panel-solid);text-align:center;width:clamp(150px,16vw,190px);box-shadow:0 0 0 2px var(--rc), 0 0 40px var(--rc);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:18px 14px;animation:.6s cubic-bezier(.2,1.4,.4,1) backwards reveal;display:flex}.reveal-card .rname{text-transform:uppercase;letter-spacing:.06em;color:var(--rc);font-size:12px;font-weight:700}.reveal-card h3{font-size:18px}.reveal-card .thumb{background:#ffffff0f;border-radius:16px;place-items:center;width:92px;height:92px;display:grid;overflow:hidden}.reveal-card .thumb img{object-fit:cover;width:100%;height:100%}@keyframes reveal{0%{opacity:0;transform:translateY(30px)rotateY(90deg)scale(.8)}}.offer{text-align:center;align-items:center}.offer .thumb{background:#ffffff0f;border-radius:16px;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.offer .thumb img{object-fit:cover;width:100%;height:100%}.offer.featured{text-align:left;flex-direction:row;grid-column:span 2}.offer.owned{opacity:.5}.pass-track{scrollbar-width:thin;gap:10px;padding:6px 2px 14px;display:flex;overflow-x:auto}.pass-tier{flex-direction:column;flex:none;align-items:center;gap:6px;width:92px;display:flex}.pass-tier .slot{width:92px;height:84px;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex;position:relative}.pass-tier .slot.premium{background:linear-gradient(#ffb8002e,#ffb8000d)}.pass-tier .slot.claimable{box-shadow:inset 0 0 0 2px var(--amber-hi);cursor:pointer;animation:1.6s infinite glow}.pass-tier .slot.claimed{opacity:.4}.pass-tier .num{color:var(--muted);font-family:Lilita One}@keyframes glow{50%{box-shadow:inset 0 0 0 2px var(--amber-hi), 0 0 18px #ffb52e80}}.ch-row{background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.ch-row .bar{margin-top:6px}.ch-row.done{box-shadow:inset 0 0 0 1.5px var(--good)}.cal{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal .day{aspect-ratio:.85;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.cal .day.done{opacity:.45}.cal .day.today{box-shadow:inset 0 0 0 2px var(--amber-hi)}.lb-row{border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.lb-row:nth-child(odd){background:#ffffff0a}.lb-row.me{box-shadow:inset 0 0 0 1.5px var(--amber-hi)}.lb-row img{border-radius:50%;width:32px;height:32px}.rank-badge{align-items:center;gap:8px;font-family:Lilita One;display:inline-flex}.rank-badge .gem{border-radius:10px;place-items:center;width:36px;height:36px;display:grid;transform:rotate(45deg)}.rank-badge .gem>*{transform:rotate(-45deg)}.lobby{flex-wrap:wrap;flex:1;align-content:flex-start;gap:16px;width:min(1050px,100%);min-height:0;margin:0 auto;padding-bottom:8px;display:flex}.lobby-foot{flex-wrap:wrap;flex:none;align-items:center;gap:10px;width:min(1050px,100%);margin:10px auto 0;display:flex}.vote-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.vote{flex-direction:column;align-items:stretch;gap:6px;padding:6px;position:relative}.vote .vthumb{border-radius:8px;height:56px;display:block;overflow:hidden}.vote .vthumb svg{width:100%;height:100%}.vote .vname{text-align:center;font-size:12.5px;font-weight:600;line-height:1.15}.vote .n{background:var(--amber);color:#2a1a05;border-radius:99px;place-items:center;min-width:22px;height:22px;margin:0;font-size:13px;display:grid;position:absolute;top:4px;right:6px}.lobby .players{flex-direction:column;flex:1.4;gap:6px;min-width:min(320px,100%);display:flex}.lobby .side{flex-direction:column;flex:1;gap:12px;min-width:min(280px,100%);display:flex}.lp-row{background:var(--panel);min-height:48px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;flex:none;align-items:center;gap:10px;padding:0 12px;display:flex}.lp-row img{background:var(--b600);border-radius:50%;width:38px;height:38px}.lp-row .ready{color:var(--good)}.vote{text-align:left;width:100%;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.vote.on{box-shadow:inset 0 0 0 2px var(--amber-hi)}.vote .n{color:var(--amber-hi);margin-left:auto;font-family:Lilita One}.code-big{letter-spacing:.18em;font-family:Lilita One;font-size:40px}.searching{text-align:center;flex-direction:column;align-items:center;gap:14px;margin:auto;display:flex}.spinner{border:5px solid var(--faint);border-top-color:var(--amber-hi);border-radius:50%;width:54px;height:54px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quiz-opt{text-align:left;white-space:normal;border-radius:14px;justify-content:flex-start;width:100%;height:auto;min-height:50px;padding:10px 18px}.quiz-opt.right{background:#1f6b3a}.quiz-opt.wrong{background:#6b1f1f}.hud{pointer-events:none;--u:1;font-family:Lilita One;position:absolute;inset:0}.hud .item-box{left:max(18px, env(safe-area-inset-left));top:max(18px, env(safe-area-inset-top));width:calc(92px * var(--u));height:calc(92px * var(--u));border-radius:calc(22px * var(--u));-webkit-backdrop-filter:blur(6px);background:#140d0a8c;place-items:center;display:grid;position:absolute;box-shadow:inset 0 0 0 3px #ffffffd9,0 6px 20px #00000059}.hud .item-box svg{filter:drop-shadow(0 3px #0000004d);width:74%;height:74%}.hud .item-box .cnt{width:calc(30px * var(--u));height:calc(30px * var(--u));background:var(--amber);color:#2a1a05;font-size:calc(17px * var(--u));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-6px;box-shadow:0 0 0 3px #fff}.hud .item-box.rolling svg{animation:90ms step-end infinite roll}.hud .item-box.silenced:after{content:"";background:repeating-linear-gradient(45deg,#ff3c3c99 0 6px,#0000 6px 12px);border-radius:12px;position:absolute;inset:10px}.hud .queue{width:calc(40px * var(--u));height:calc(40px * var(--u));background:#140d0a8c;border-radius:12px;place-items:center;display:grid;position:absolute;top:4px;left:calc(100% + 8px);box-shadow:inset 0 0 0 2px #fff9}.hud .special{left:max(18px, env(safe-area-inset-left));top:calc(max(18px, env(safe-area-inset-top)) + 104px * var(--u));align-items:center;gap:8px;display:flex;position:absolute}.hud .special .ring{width:calc(52px * var(--u));height:calc(52px * var(--u));position:relative}.hud .special .ring svg.r{position:absolute;inset:0;transform:rotate(-90deg)}.hud .special .ring .ico{color:#fff;position:absolute;inset:0}.hud .special.full .ring{animation:.8s infinite bounce}.hud .special.full .ring .ico{color:#2a1a05}.hud .special .key{font-family:Fredoka;font-weight:700;font-size:calc(12px * var(--u));opacity:0;background:#00000080;border-radius:8px;padding:3px 8px;transition:opacity .2s}.hud .special.full .key{opacity:1}@keyframes bounce{50%{transform:scale(1.08)}}@keyframes roll{0%{opacity:1}50%{opacity:.8}}.hud .pos{right:max(22px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));font-size:calc(92px * var(--u));color:#fff;-webkit-text-stroke:calc(3px * var(--u)) #2a1a05;text-shadow:0 calc(6px * var(--u)) 0 #00000059;align-items:flex-start;line-height:.85;display:flex;position:absolute}.hud .pos sup{margin-top:.12em;font-size:.42em}.hud .pos.p1{color:#ffd23f}.hud .pos.p2{color:#e2e8f0}.hud .pos.p3{color:#ffa45c}.hud .pos.bump{animation:.35s posbump}@keyframes posbump{40%{transform:scale(1.25)}}.hud .lapbox{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex;position:absolute}.hud .lap,.hud .coins{height:calc(42px * var(--u));padding:0 calc(14px * var(--u));font-size:calc(24px * var(--u));color:#fff;-webkit-backdrop-filter:blur(6px);background:#140d0a8c;border-radius:999px;align-items:center;gap:8px;width:max-content;display:inline-flex}.hud .lap small{opacity:.7;font-size:.6em}.hud .coins .ico,.hud .coins.max{color:#fc3}.hud .timer{right:max(18px, env(safe-area-inset-right));top:max(18px, env(safe-area-inset-top));font-variant-numeric:tabular-nums;font-family:Fredoka;font-weight:700;font-size:calc(22px * var(--u));color:#fff;background:#140d0a80;border-radius:12px;padding:6px 14px;position:absolute}.hud .speed{right:max(22px, env(safe-area-inset-right));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 92px * var(--u));font-size:calc(26px * var(--u));color:#fff;opacity:.85;text-align:right;position:absolute}.hud .speed small{margin-left:4px;font-family:Fredoka;font-size:.45em;font-weight:700}.hud canvas.minimap{right:max(18px, env(safe-area-inset-right));width:calc(150px * var(--u));height:calc(150px * var(--u));opacity:.92;position:absolute;top:50%;transform:translateY(-50%)}.hud .rivals{right:max(18px, env(safe-area-inset-right));top:calc(max(18px, env(safe-area-inset-top)) + 44px);font-family:Fredoka;font-weight:600;font-size:calc(13px * var(--u));flex-direction:column;gap:3px;display:flex;position:absolute}.hud .rivals div{background:#140d0a73;border-radius:8px;gap:8px;padding:3px 10px;display:flex}.hud .rivals div.me{background:#c98503b3}.hud .notice-wrap{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:22%;left:0;right:0}.hud .notice{color:#fff;font-size:calc(28px * var(--u));-webkit-text-stroke:calc(1.5px * var(--u)) #2a1a05;text-shadow:0 4px #0000004d;align-items:center;gap:10px;animation:2s forwards notice;display:inline-flex}.hud .notice.big{font-size:calc(48px * var(--u));color:#ffd23f}.hud .notice.hit{color:#ff8a8a;font-size:calc(24px * var(--u))}.hud .notice.good{color:#8affb2}.hud .notice.warn{color:#ffb36b}@keyframes notice{0%{opacity:0;transform:scale(.6)}10%{opacity:1;transform:scale(1.08)}18%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.hud .countdown{font-size:calc(170px * var(--u));color:#fff;-webkit-text-stroke:calc(5px * var(--u)) #2a1a05;text-shadow:0 10px #0000004d;place-items:center;display:grid;position:absolute;inset:0}.hud .countdown span{animation:.9s forwards cd}.hud .countdown span.go{color:#ffd23f}@keyframes cd{0%{opacity:0;transform:scale(2)}20%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(.8)}}.hud .wrongway{color:#fff;font-size:calc(28px * var(--u));background:#c81e1ed9;border-radius:999px;align-items:center;gap:12px;padding:10px 22px;animation:.8s infinite pulse;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.hud .flash{opacity:0;transition:opacity .4s;position:absolute;inset:0}.hud .flash.hit{background:radial-gradient(#0000 50%,#ff282873)}.hud .flash.lag{background:repeating-linear-gradient(0deg,#00fff01f 0 3px,#0000 3px 7px),#ffe65026}.hud .flash.star{background:radial-gradient(#0000 55%,#ff500059)}.hud .ink{opacity:0;pointer-events:none;transition:opacity .5s;animation:1.2s linear infinite hue;position:absolute;inset:0}.hud .ink svg{opacity:.92;display:block}@keyframes hue{to{filter:hue-rotate(360deg)}}.hud .scare{opacity:0;background:#000;place-items:center;transition:opacity .15s;display:grid;position:absolute;inset:0}.hud .scare svg{color:#fff;width:40vmin;height:40vmin;animation:.25s infinite scare}@keyframes scare{50%{transform:scale(1.06)rotate(2deg)}}.hud .silence{color:#ffb36b;font-size:calc(18px * var(--u));opacity:0;background:#0009;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;transition:opacity .2s;display:flex;position:absolute;top:12%;left:50%;transform:translate(-50%)}.hud .pause-btn{top:max(14px, env(safe-area-inset-top));pointer-events:auto;opacity:.75;position:absolute;left:50%;transform:translate(-50%)}.hud .fps{color:#9fffb0;background:#00000080;border-radius:6px;margin-top:50px;padding:2px 8px;font-family:Fredoka;font-size:12px;font-weight:700;position:absolute;top:4px;right:50%;transform:translate(50%)}.hud .ghost-tag,.hud .tt-delta{top:calc(max(18px, env(safe-area-inset-top)) + 46px);right:max(18px, env(safe-area-inset-right));background:#140d0a80;border-radius:8px;padding:4px 10px;font-family:Fredoka;font-size:14px;font-weight:700;position:absolute}.hud .spectate{font-size:calc(22px * var(--u));color:#fff;background:#140d0a99;border-radius:999px;padding:8px 18px;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.hud .hint-card{left:50%;bottom:calc(max(18px, env(safe-area-inset-bottom)) + 10px);font-family:Fredoka;font-weight:600;font-size:calc(14px * var(--u));color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140d0ac7;border-radius:16px;flex-direction:column;gap:6px;max-width:min(520px,92vw);padding:12px 18px;transition:opacity .6s;display:flex;position:absolute;transform:translate(-50%)}.hud .hint-card div{align-items:center;gap:10px;display:flex}.hud .hint-card .ico{color:var(--amber-hi)}.hud .hint-card small{color:var(--muted);font-weight:500}.hud .hint-card.out{opacity:0}.touch{pointer-events:none;display:none;position:absolute;inset:0}.touch.on{display:block}.touch .tbtn{pointer-events:auto;color:#fff;touch-action:none;background:#140d0a66;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;position:absolute;box-shadow:inset 0 0 0 2px #ffffff59}.touch .tbtn.down{background:#c9850399}.touch .steer{pointer-events:auto;touch-action:none;width:45%;height:55%;position:absolute;bottom:0;left:0}.touch .stick{background:#140d0a4d;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute;box-shadow:inset 0 0 0 2px #ffffff4d}.touch .stick i{background:#ffffffb3;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}@media (max-width:760px){.settings{flex-direction:column}.settings nav{flex-direction:row;width:auto;overflow-x:auto}.settings nav button{flex:none}.settings nav button span{display:none}.settings .pane{padding:0}.content{flex-direction:column}.select-panel{width:100%;max-height:52vh;margin-top:auto}.main-left{width:100%;margin-top:auto;margin-bottom:0}.tile{height:56px;font-size:19px}.tile.hero{height:66px}.results{flex-direction:column;overflow-y:auto}.offer.featured{text-align:center;flex-direction:column;grid-column:span 1}.topbar .wallet .cur-gems-hide,.topbar .cur-gems-hide,.profile-chip>div:not(.lvl-ring){display:none}.profile-chip{padding-right:4px}.mini-logo span{font-size:14px}.mini-logo b{font-size:22px}.topbar{gap:6px}.hud canvas.minimap{display:none}}@media (max-height:520px){.tile{height:50px;font-size:18px}.tile.hero{height:58px}.main-left{gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.reduced-motion *,body.reduced-motion :before{transition-duration:.01ms!important;animation-duration:.01ms!important}