:root{--accent: #ffd23f;--accent-soft: rgba(255, 210, 63, .22);--ink: #fffdf7;--glass: rgba(12, 14, 30, .34);--stroke: rgba(255, 255, 255, .18);--pad: max(14px, env(safe-area-inset-top));--font: ui-rounded, "SF Pro Rounded", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#080b18;color:var(--ink);font-family:var(--font);font-synthesis:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}#app{position:fixed;inset:0;overflow:hidden}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#grade,#rush,#flash{position:absolute;inset:0;pointer-events:none}#grade{background:radial-gradient(125% 95% at 50% 44%,transparent 48%,rgba(4,6,18,.42) 100%);mix-blend-mode:multiply;opacity:.82}#rush{opacity:0;background:radial-gradient(circle at 50% 55%,transparent 26%,rgba(255,255,255,.1) 58%,rgba(255,255,255,.32) 100%);mask-image:repeating-conic-gradient(from 0deg at 50% 55%,#000 0deg 2.2deg,transparent 2.2deg 6deg);-webkit-mask-image:repeating-conic-gradient(from 0deg at 50% 55%,#000 0deg 2.2deg,transparent 2.2deg 6deg);transition:opacity .14s linear}#flash{opacity:0;background:radial-gradient(circle at 50% 55%,var(--accent),transparent 70%);mix-blend-mode:screen}#flash.on{animation:flash .42s ease-out}@keyframes flash{0%{opacity:.75}to{opacity:0}}#hud{position:absolute;inset:0;pointer-events:none;padding:var(--pad) max(12px,env(safe-area-inset-left)) 0 max(12px,env(safe-area-inset-right));transition:opacity .35s ease}#hud.hidden{opacity:0}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pod{display:flex;align-items:baseline;gap:4px;padding:7px 12px;border-radius:15px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(9px) saturate(1.3);-webkit-backdrop-filter:blur(9px) saturate(1.3);box-shadow:0 6px 22px #00000038;font-variant-numeric:tabular-nums;line-height:1}.pod b{font-size:19px;font-weight:800;letter-spacing:-.02em}.pod .unit{font-size:10px;font-weight:700;opacity:.6;letter-spacing:.08em;text-transform:uppercase}.pod-dist{padding:9px 16px;border-radius:18px}.pod-dist b{font-size:30px;text-shadow:0 2px 14px rgba(0,0,0,.35)}.pod-bundle{gap:8px;align-items:center;padding:6px 12px 6px 6px}.ring{position:relative;width:34px;height:34px;display:grid;place-items:center}.ring i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p, 0) * 1%),rgba(255,255,255,.16) 0);-webkit-mask:radial-gradient(circle,transparent 56%,#000 58%);mask:radial-gradient(circle,transparent 56%,#000 58%);transition:background .12s linear}.ring b{font-size:14px;font-weight:800;position:relative}.pod-bundle span{font-size:13px;font-weight:800;color:var(--accent);letter-spacing:-.01em}#banner{position:absolute;left:0;right:0;top:27%;text-align:center;opacity:0;transform:translateY(10px)}#banner.show{animation:banner 3s cubic-bezier(.2,.8,.2,1)}#banner b{display:inline-block;padding:6px 20px 8px;border-radius:999px;background:#080a18ad;border:1px solid var(--stroke);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);font-size:clamp(24px,7.6vw,42px);font-weight:900;letter-spacing:.01em;color:#fff;box-shadow:0 8px 30px #00000059;text-shadow:0 2px 4px rgba(0,0,0,.7)}#banner i{display:inline-block;margin-top:9px;padding:4px 12px;border-radius:999px;background:#080a1880;font-style:normal;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.85);opacity:.9}@keyframes banner{0%{opacity:0;transform:translateY(16px) scale(.94)}12%{opacity:1;transform:translateY(0) scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-14px)}}#toast{position:absolute;left:0;right:0;top:42%;display:flex;flex-direction:column;align-items:center;gap:4px}.toast{font-size:17px;font-weight:900;letter-spacing:.01em;color:var(--accent);text-shadow:0 2px 12px rgba(0,0,0,.55);animation:pop 1.05s cubic-bezier(.2,.9,.2,1) forwards}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.7)}22%{opacity:1;transform:translateY(0) scale(1.06)}60%{opacity:1}to{opacity:0;transform:translateY(-26px) scale(.98)}}.chip{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--stroke);background:var(--glass);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:var(--ink);opacity:.68;cursor:pointer;z-index:6}.chip:active{transform:scale(.92)}.chip #cross,.chip.muted #waves{opacity:0}.chip.muted #cross{opacity:1}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:calc(var(--pad) + 8px) 22px max(22px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#06081624,#06081675 48%,#060816b3);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:opacity .4s ease;z-index:5}.screen.hidden{opacity:0;pointer-events:none}.stack{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:420px;width:100%}.wordmark{display:flex;gap:.02em;font-size:clamp(52px,19vw,104px);font-weight:900;letter-spacing:-.03em;line-height:.86;background:linear-gradient(168deg,#fff 8%,var(--accent) 52%,#ff7ab8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 34px rgba(0,0,0,.45))}.wordmark span{display:inline-block;animation:drop .85s cubic-bezier(.2,1.5,.4,1) backwards}.wordmark span:nth-child(1){animation-delay:.02s}.wordmark span:nth-child(2){animation-delay:.08s}.wordmark span:nth-child(3){animation-delay:.14s}.wordmark span:nth-child(4){animation-delay:.2s}.wordmark span:nth-child(5){animation-delay:.26s}.wordmark span:nth-child(6){animation-delay:.32s}@keyframes drop{0%{opacity:0;transform:translateY(-46px) rotate(-14deg)}to{opacity:1;transform:none}}.tag{font-size:15px;font-weight:600;opacity:.82;letter-spacing:.005em;margin-top:-4px}.hints{display:flex;gap:10px;width:100%;margin-top:6px}.hint{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px 8px 12px;border-radius:18px;background:#ffffff12;border:1px solid var(--stroke);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hint p{font-size:12.5px;opacity:.82;font-weight:600}.hint b{color:var(--accent);font-weight:800}.glyph{position:relative;width:58px;height:26px}.glyph i,.glyph em{position:absolute;border-radius:50%;background:var(--ink)}.glyph-drag i{width:15px;height:15px;top:6px;left:4px;animation:slide 2.2s ease-in-out infinite}.glyph-drag em{inset:12px 6px auto;height:2px;border-radius:2px;opacity:.28}@keyframes slide{0%,to{transform:translate(0)}50%{transform:translate(35px)}}.glyph-tap i{width:15px;height:15px;top:6px;left:50%;margin-left:-7.5px;animation:tap 1.6s ease-in-out infinite}.glyph-tap:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;top:6px;left:50%;margin-left:-7.5px;border:2px solid var(--accent);animation:ripple 1.6s ease-out infinite}@keyframes tap{0%,70%,to{transform:scale(1)}80%{transform:scale(.72)}}@keyframes ripple{0%,74%{opacity:0;transform:scale(1)}82%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.cta{margin-top:6px;min-width:220px;padding:17px 34px;border:0;border-radius:999px;font-family:inherit;font-size:18px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#17130a;background:linear-gradient(150deg,#fff 0%,var(--accent) 62%);box-shadow:0 12px 30px #00000059,0 0 0 6px var(--accent-soft);cursor:pointer;transition:transform .12s ease,box-shadow .2s ease;animation:breathe 3.4s ease-in-out infinite}.cta:active{transform:scale(.95);box-shadow:0 6px 16px #00000059,0 0 0 3px var(--accent-soft)}@keyframes breathe{0%,to{box-shadow:0 12px 30px #00000059,0 0 0 6px var(--accent-soft)}50%{box-shadow:0 12px 34px #00000059,0 0 0 13px transparent}}.best{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.55;font-weight:700;min-height:15px}.kicker{font-size:13px;font-weight:900;letter-spacing:.34em;text-transform:uppercase;color:var(--accent)}.bigstat{display:flex;align-items:baseline;gap:4px;font-size:clamp(56px,20vw,96px);font-weight:900;letter-spacing:-.045em;line-height:.9;font-variant-numeric:tabular-nums}.bigstat span{font-size:.3em;font-weight:800;opacity:.5;letter-spacing:0}.flavour{font-size:14px;font-weight:600;opacity:.78;max-width:300px;margin-top:-6px}.table{width:100%;max-width:320px;display:flex;flex-direction:column;gap:1px;border-radius:16px;overflow:hidden;border:1px solid var(--stroke);background:var(--stroke);margin-top:4px}.table div{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;background:#0a0c1a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.table span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;opacity:.58;font-weight:700}.table b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums}#boot{position:absolute;inset:0;display:grid;place-items:center;background:#080b18;z-index:20;transition:opacity .5s ease}#boot.gone{opacity:0;pointer-events:none}#boot span{width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.14);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{opacity:0;pointer-events:none}@media(max-height:520px){.wordmark{font-size:clamp(40px,11vh,66px)}.stack{gap:9px}.hints{max-width:380px}.cta{padding:13px 30px;font-size:16px}.bigstat{font-size:clamp(40px,14vh,70px)}.table div{padding:8px 14px}}@media(prefers-reduced-motion:reduce){.wordmark span,.cta,.glyph-drag i,.glyph-tap i,.glyph-tap:after{animation:none}}