:root{--night: #150f23;--canvas: #1f1633;--ink-deep: #1f1633;--ink: #150f23;--white: #ffffff;--lime: #c2ef4e;--pink: #fa7faa;--violet: #6a5fc1;--violet-deep: #422082;--violet-mid: #79628c;--hairline: #362d59;--muted: rgba(255, 255, 255, .72);--faint: rgba(255, 255, 255, .14);--good: #6a5fc1;--bad: #fa7faa;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 12px;--r-xxl: 18px;--r-full: 9999px;--s-xs: 4px;--s-sm: 8px;--s-md: 12px;--s-lg: 16px;--s-xl: 24px;--s-xxl: 32px;--display: "Unbounded", "Rubik", system-ui, sans-serif;--ui: "Rubik", -apple-system, system-ui, "Segoe UI", sans-serif;--safe-top: 0px;--safe-bottom: 0px;--vh: 100vh}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--night);color:var(--white);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}.btn>svg,.play-btn>svg,.price-btn>svg,.quick>svg,.tab>svg,.eyebrow>svg{width:20px;height:20px;flex:none}.btn>svg,.play-btn>svg,.price-btn>svg{width:18px;height:18px}#app{position:fixed;inset:0;height:var(--vh);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 60% at 50% -10%,rgba(106,95,193,.35),transparent 60%),radial-gradient(90% 45% at 100% 100%,rgba(66,32,130,.4),transparent 65%),var(--canvas)}#app:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.4px 1.4px at 12% 18%,rgba(255,255,255,.5),transparent),radial-gradient(1.2px 1.2px at 78% 12%,rgba(255,255,255,.35),transparent),radial-gradient(1.6px 1.6px at 34% 62%,rgba(194,239,78,.4),transparent),radial-gradient(1.2px 1.2px at 62% 78%,rgba(255,255,255,.3),transparent),radial-gradient(1.1px 1.1px at 88% 48%,rgba(250,127,170,.35),transparent),radial-gradient(1.3px 1.3px at 22% 88%,rgba(255,255,255,.25),transparent);opacity:.55;z-index:0}.screen{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;animation:screen-in .26s ease-out}#screen-root{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}#layer{position:absolute;inset:0;pointer-events:none;z-index:5}#layer>*{pointer-events:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 8px) var(--s-lg) calc(var(--safe-bottom) + 96px)}.display{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.1}.h1{font-family:var(--display);font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}.h2{font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.01em;margin:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-mid);margin:0 0 var(--s-sm)}.caption{font-size:13px;color:var(--muted);margin:0}.mono-num{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--lime);color:var(--ink-deep);border-radius:var(--r-xs);padding:1px 8px;font-weight:700;font-size:.92em;letter-spacing:-.01em}.btn{display:flex;align-items:center;justify-content:center;gap:var(--s-sm);min-height:52px;padding:0 var(--s-xl);border-radius:var(--r-md);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:transform .12s ease,background .12s ease,opacity .12s ease;width:100%}.btn:active{transform:scale(.975)}.btn-primary{background:var(--white);color:var(--ink-deep);box-shadow:0 6px 24px #00000047}.btn-primary:active{background:#efefef}.btn-ghost{background:var(--faint);color:var(--white);border:1px solid var(--hairline);text-transform:none;letter-spacing:.01em;font-weight:500;font-size:15px}.btn-lime{background:var(--lime);color:var(--ink-deep);box-shadow:0 8px 28px #c2ef4e38}.btn-pink{background:var(--pink);color:var(--ink-deep)}.btn-sm{min-height:40px;font-size:12px;padding:0 var(--s-md);width:auto}.btn:disabled{background:#ffffff1f;color:var(--violet-mid);box-shadow:none}.card{background:var(--ink-deep);border:1px solid var(--hairline);border-radius:var(--r-xxl);padding:var(--s-lg)}.card-light{background:var(--white);color:var(--ink-deep);border-radius:var(--r-xxl);padding:var(--s-lg)}.card-violet{background:var(--violet-deep);border-radius:var(--r-xxl);padding:var(--s-lg)}.row{display:flex;align-items:center;gap:var(--s-md)}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--s-md)}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--s-md);padding:calc(var(--safe-top) + 10px) var(--s-lg) 6px}.balance{display:flex;align-items:center;gap:6px;background:#150f23b8;border:1px solid var(--hairline);border-radius:var(--r-full);padding:6px 12px;font-family:var(--display);font-weight:500;font-size:14px;backdrop-filter:blur(8px)}.balance svg{width:16px;height:16px;flex:none}.icon-btn{width:40px;height:40px;border-radius:var(--r-full);display:grid;place-items:center;background:#150f23b8;border:1px solid var(--hairline);backdrop-filter:blur(8px)}.icon-btn svg{width:20px;height:20px}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s-xl) 0 var(--s-lg);gap:var(--s-sm)}.logo{font-family:var(--display);font-size:46px;font-weight:700;letter-spacing:-.045em;line-height:1;margin:0;background:linear-gradient(180deg,#fff 20%,#bdb8c0);-webkit-background-clip:text;background-clip:text;color:transparent}.logo em{font-style:normal;color:var(--lime);-webkit-text-fill-color:var(--lime)}.tagline{font-size:13px;color:var(--muted);letter-spacing:.01em}.best-row{display:flex;gap:var(--s-sm);margin-top:var(--s-md)}.stat-pill{background:#150f2399;border:1px solid var(--hairline);border-radius:var(--r-xl);padding:8px 14px;min-width:88px}.stat-pill b{display:block;font-family:var(--display);font-size:20px;font-weight:700;line-height:1.1}.stat-pill span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--violet-mid)}.play-wrap{padding:var(--s-lg) 0}.play-btn{position:relative;width:100%;min-height:64px;border-radius:var(--r-xl);background:var(--white);color:var(--ink-deep);font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:var(--s-sm);box-shadow:0 0 #c2ef4e66,0 10px 30px #00000059;animation:play-pulse 2.8s ease-in-out infinite;transition:transform .12s ease}.play-btn:active{transform:scale(.975)}@keyframes play-pulse{0%,to{box-shadow:0 0 #c2ef4e59,0 10px 30px #00000059}50%{box-shadow:0 0 0 6px #c2ef4e00,0 10px 30px #00000059}}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-sm)}.quick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--s-md) 6px;border-radius:var(--r-xl);background:#1f1633b3;border:1px solid var(--hairline);font-size:12px;color:var(--muted);transition:background .15s ease}.quick:active{background:#362d5999}.quick svg{width:22px;height:22px}.quick b{color:var(--white);font-size:13px;font-weight:500}#game-screen{position:relative;overflow:hidden}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 8px) var(--s-lg) calc(var(--safe-bottom) + 8px)}.hud-top{display:flex;align-items:flex-start;justify-content:space-between}.hud-score{font-family:var(--display);font-size:34px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px rgba(0,0,0,.5)}.hud-sub{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}.hud-lives{display:flex;gap:6px;pointer-events:auto}.life{width:10px;height:10px;border-radius:var(--r-full);background:var(--lime);box-shadow:0 0 12px #c2ef4eb3;transition:all .25s ease}.life.off{background:transparent;border:1.5px solid var(--hairline);box-shadow:none}.hud-mid{flex:1;display:grid;place-items:center}.combo-badge{font-family:var(--display);font-size:15px;font-weight:700;padding:6px 14px;border-radius:var(--r-full);background:#150f23a8;border:1px solid var(--hairline);opacity:0;transition:opacity .2s ease;backdrop-filter:blur(6px)}.combo-badge.on{opacity:1}.combo-badge.overdrive{background:var(--lime);color:var(--ink-deep);border-color:var(--lime)}.hud-bottom{display:flex;flex-direction:column;gap:var(--s-sm);pointer-events:auto}.timer-track{height:3px;border-radius:var(--r-full);background:#ffffff1f;overflow:hidden}.timer-fill{height:100%;width:100%;background:var(--lime);transform-origin:left center;border-radius:var(--r-full)}.results-head{text-align:center;padding:var(--s-xl) 0 var(--s-lg)}.results-score{font-family:var(--display);font-size:64px;font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.results-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-mid)}.breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-sm)}.bd{border-radius:var(--r-xl);padding:var(--s-md);background:#150f2399;border:1px solid var(--hairline);text-align:center}.bd b{display:block;font-family:var(--display);font-size:22px;line-height:1.1}.bd span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-mid)}.bd.perfect b{color:var(--lime)}.bd.good b{color:var(--violet)}.bd.miss b{color:var(--pink)}.reward-line{display:flex;align-items:center;justify-content:center;gap:var(--s-sm);font-family:var(--display);font-size:18px;font-weight:500;color:var(--lime)}.reward-line small{font-family:var(--ui);font-size:12px;color:var(--muted);font-weight:400}.prime-card{background:var(--white);color:var(--ink-deep);border-radius:var(--r-xxl);padding:var(--s-xl) var(--s-lg);position:relative;overflow:hidden}.prime-card:after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-70px;border-radius:50%;background:radial-gradient(circle,#c2ef4ee6,#c2ef4e00 70%)}.prime-card h3{font-family:var(--display);font-size:26px;margin:0 0 4px;letter-spacing:-.02em}.prime-card ul{list-style:none;padding:0;margin:var(--s-md) 0 var(--s-lg);display:grid;gap:8px;font-size:14px}.prime-card li{display:flex;gap:8px;align-items:flex-start}.prime-card li svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--violet-deep)}.shop-item{display:flex;align-items:center;gap:var(--s-md);padding:var(--s-md);border-radius:var(--r-xl);background:#1f1633b8;border:1px solid var(--hairline)}.shop-item.owned{border-color:#c2ef4e80}.shop-icon{width:44px;height:44px;border-radius:var(--r-lg);display:grid;place-items:center;flex:none;background:var(--violet-deep);font-size:20px}.shop-item h4{margin:0;font-size:15px;font-weight:500}.shop-item p{margin:2px 0 0;font-size:12px;color:var(--muted)}.price-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--r-full);background:var(--white);color:var(--ink-deep);font-family:var(--display);font-weight:700;font-size:13px;flex:none;white-space:nowrap}.price-btn.owned{background:transparent;color:var(--lime);border:1px solid rgba(194,239,78,.4);font-family:var(--ui);font-weight:500;font-size:12px}.lb-row{display:flex;align-items:center;gap:var(--s-md);padding:10px var(--s-md);border-radius:var(--r-lg);font-size:14px}.lb-row.me{background:#c2ef4e1a;border:1px solid rgba(194,239,78,.35)}.lb-row.top .lb-rank{color:var(--lime)}.lb-rank{width:26px;font-family:var(--display);font-weight:700;font-size:13px;color:var(--violet-mid);text-align:right;flex:none}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-family:var(--display);font-weight:700;font-variant-numeric:tabular-nums;flex:none}.lb-sticky{position:sticky;bottom:0;padding:var(--s-sm) var(--s-lg) calc(var(--safe-bottom) + 12px);background:linear-gradient(180deg,transparent,var(--canvas) 40%)}.tabbar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;justify-content:space-around;align-items:center;padding:8px var(--s-sm) calc(var(--safe-bottom) + 8px);background:#150f23e6;border-top:1px solid var(--hairline);backdrop-filter:blur(14px)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:6px 0;color:var(--violet-mid);font-size:10px;letter-spacing:.04em;transition:color .15s ease}.tab svg{width:22px;height:22px}.tab.active{color:var(--white)}.tab.active svg{filter:drop-shadow(0 0 8px rgba(194,239,78,.5))}.overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;background:#150f23b8;backdrop-filter:blur(6px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.sheet{background:var(--canvas);border-top:1px solid var(--hairline);border-radius:var(--r-xxl) var(--r-xxl) 0 0;padding:var(--s-xl) var(--s-lg) calc(var(--safe-bottom) + var(--s-xl));animation:sheet-up .26s cubic-bezier(.2,.9,.3,1)}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}}.sheet h3{font-family:var(--display);font-size:20px;margin:0 0 var(--s-sm)}.sheet p{margin:0 0 var(--s-lg);color:var(--muted);font-size:14px}.toast{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 100px);transform:translate(-50%);z-index:20;background:var(--white);color:var(--ink-deep);padding:10px 18px;border-radius:var(--r-full);font-size:13px;font-weight:500;box-shadow:0 8px 30px #0006;animation:toast-in .24s ease;max-width:82vw;text-align:center}@keyframes toast-in{0%{transform:translate(-50%,12px);opacity:0}}.setting{display:flex;align-items:center;justify-content:space-between;padding:var(--s-md) 0;border-bottom:1px solid var(--hairline)}.setting:last-child{border-bottom:0}.setting-label{font-size:15px}.setting-label small{display:block;font-size:12px;color:var(--violet-mid);margin-top:2px}.switch{width:48px;height:28px;border-radius:var(--r-full);background:var(--hairline);position:relative;flex:none;transition:background .18s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--white);transition:transform .18s ease}.switch.on{background:var(--lime)}.switch.on:after{transform:translate(20px);background:var(--ink-deep)}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s-sm)}.theme-dot{aspect-ratio:1;border-radius:var(--r-lg);border:2px solid transparent;position:relative}.theme-dot.active{border-color:var(--white)}.theme-dot.locked:after{content:"🔒";position:absolute;inset:0;display:grid;place-items:center;font-size:12px;background:#150f2399;border-radius:var(--r-md)}.skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:var(--r-lg)}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}