:root{--ink:#0b1220;--panel:#0c1220b8;--panel-solid:#111a2e;--panel-border:#ffffff24;--gold:#ffcf3f;--gold-deep:#e39b00;--red:#e5322d;--red-deep:#a8161a;--green:#22c55e;--green-deep:#0f8a3b;--sky:#38bdf8;--text-dim:#9fb0c8;--radius:18px;--display:"Fredoka", "Outfit", system-ui, sans-serif;--title:"Lilita One", "Fredoka", system-ui, sans-serif;--outline:#0a1020}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.04)}}@keyframes bounce{0%{opacity:0;transform:translateY(-14px)scale(.85)}60%{opacity:1;transform:translateY(2px)scale(1.06)}to{transform:translateY(0)scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shine{0%{transform:translate(-120%)skew(-20deg)}60%,to{transform:translate(220%)skew(-20deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes glowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes spotlight{0%,to{opacity:.75}50%{opacity:1}}@keyframes rideIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(-10px)scale(.96)}}.glass{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px)saturate(140%);box-shadow:0 0 0 2px var(--outline), 0 6px 0 #00000059, 0 14px 30px #00000059, inset 0 2px 0 #ffffff1a;background:linear-gradient(#1c2a4adb,#0c1326e6);border:2px solid #ffffff29}.game-panel{box-shadow:0 0 0 3px var(--outline), 0 8px 0 #060a16, 0 20px 40px #00000073, inset 0 3px 0 #ffffff24, inset 0 -4px 0 #00000040;background:linear-gradient(#23365f 0%,#16244a 55%,#111c3a 100%);border:3px solid #4a6bb0;border-radius:22px;position:relative}.ribbon{font-family:var(--title);letter-spacing:1px;color:#fff;box-shadow:0 0 0 3px var(--outline), 0 5px 0 #6e0c10, inset 0 2px 0 #ffffff59;text-shadow:0 2px #00000059;-webkit-text-stroke:1px #3c000059;background:linear-gradient(#ff6b5e,#e5322d 55%,#b3171b);border-radius:14px;padding:8px 28px 10px;font-size:clamp(20px,3vw,28px);display:inline-block}.title-text{font-family:var(--title);color:#fff;letter-spacing:1px;-webkit-text-stroke:1.5px var(--outline);paint-order:stroke fill;text-shadow:0 3px 0 var(--outline), 0 6px 14px #0006}.pill{height:44px;box-shadow:0 0 0 2px var(--outline), 0 4px 0 #0006, inset 0 2px 0 #ffffff1a;background:linear-gradient(#1d2c52,#0f1a35);border:2px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 6px;display:inline-flex}.badge-count{min-width:24px;height:24px;font-family:var(--title);color:#fff;box-shadow:0 0 0 2px var(--outline), 0 3px 0 #00000059;z-index:2;background:linear-gradient(#ff6b5e,#d6201b);border-radius:12px;place-items:center;padding:0 6px;font-size:13px;animation:1.6s ease-in-out infinite pulse;display:grid;position:absolute;top:-6px;right:-6px}.label{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:800}.num{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.btn{color:#fff;font-family:var(--title);letter-spacing:.8px;text-shadow:0 2px #0000004d;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-weight:400;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:active{filter:brightness(.95);transform:translateY(2px)scale(.98)}.btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.btn-primary{background:linear-gradient(180deg, #4ade80 0%, var(--green) 45%, var(--green-deep) 100%);box-shadow:0 0 0 3px var(--outline), 0 7px 0 #0a5c28, 0 9px 0 var(--outline), 0 18px 30px #0006, inset 0 3px 0 #ffffff73, inset 0 -4px 0 #00000026;text-shadow:0 2px #0a5c28}.btn-primary:active{box-shadow:0 0 0 3px var(--outline), 0 2px 0 #0a5c28, 0 4px 0 var(--outline), 0 6px 16px #0006, inset 0 2px 0 #fff6}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;animation:3.2s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:0}.btn-gold{background:linear-gradient(180deg, #ffe27a 0%, var(--gold) 45%, var(--gold-deep) 100%);color:#4a2a00;text-shadow:0 1px #ffffff80;box-shadow:0 0 0 3px var(--outline), 0 6px 0 #9a5a00, 0 8px 0 var(--outline), 0 14px 24px #00000059, inset 0 3px 0 #fff9}.btn-red{background:linear-gradient(180deg, #ff6b62 0%, var(--red) 45%, var(--red-deep) 100%);box-shadow:0 0 0 3px var(--outline), 0 6px 0 #6e0c10, 0 8px 0 var(--outline), 0 14px 24px #00000059, inset 0 3px 0 #fff6}.btn-blue{box-shadow:0 0 0 3px var(--outline), 0 6px 0 #124a8f, 0 8px 0 var(--outline), 0 14px 24px #00000059, inset 0 3px 0 #ffffff73;text-shadow:0 2px #124a8f;background:linear-gradient(#7dd3fc 0%,#38a3f0 45%,#1d6fd1 100%)}.btn-dark{box-shadow:0 0 0 2px var(--outline), 0 5px 0 #060a16, 0 12px 22px #0000004d, inset 0 2px 0 #ffffff1f;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#2c406d,#1a2849 60%,#142040);border:2px solid #ffffff24}.btn-icon{border-radius:14px;width:48px;height:48px;padding:0}.btn-round{border-radius:50%;flex-direction:column;gap:0;width:64px;height:64px;padding:0;overflow:visible}.btn-round:after{display:none}.btn-caption{font-family:var(--title);letter-spacing:.8px;color:#fff;text-shadow:0 2px 0 var(--outline), 0 0 6px #0009;text-align:center;margin-top:8px;font-size:13px}.pedal{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:#fff;font-family:var(--display);letter-spacing:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:800;transition:transform 60ms,box-shadow 60ms,filter 60ms;display:flex}.pedal-big{border-radius:22px 22px 28px 28px;width:clamp(84px,11vw,116px);height:clamp(104px,15vw,140px)}.pedal-small{-webkit-backdrop-filter:blur(6px);background:#0f172a9e;border:2px solid #ffffff40;border-radius:50%;width:clamp(58px,7vw,72px);height:clamp(58px,7vw,72px);font-size:10px;box-shadow:0 4px #0006}.pedal-gas{background:linear-gradient(180deg, #4ade80, var(--green) 50%, var(--green-deep));box-shadow:0 7px #0a5c28,0 14px 26px #00000059,inset 0 2px #fff6}.pedal-brake{background:linear-gradient(180deg, #ff7a70, var(--red) 50%, var(--red-deep));box-shadow:0 7px #6e0c10,0 14px 26px #00000059,inset 0 2px #fff6}.pedal.pressed{filter:brightness(.92);transform:translateY(5px)scale(.97)}.pedal-big.pressed{box-shadow:0 2px #00000080,0 6px 12px #0000004d}.pedal-small.pressed{background:#38bdf873;border-color:#7dd3fc;box-shadow:0 1px #0006}.pedal-grip{background:repeating-linear-gradient(#00000038 0 4px,#0000 4px 9px);border-radius:8px;width:56%;height:34%}.modal-backdrop{z-index:50;background:radial-gradient(#080c188c,#04060ed9);justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.modal-card{animation:.25s cubic-bezier(.2,1.4,.4,1) scaleUp}.hud-text-shadow{text-shadow:0 2px 6px #00000073}@media (height<=520px){.hide-short{display:none!important}}@media (width<=640px){.hide-narrow{display:none!important}}