:root{--color-one: #ff007f;--color-two: #1a1a1a;--color-three: #037a68;--color-four: #000000;--fg: #ffffff;--fg-dim: rgba(231, 226, 255, .55);--font-display: "Sora", "Inter", system-ui, -apple-system, sans-serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none}html,body,#root{width:100%;height:100%;margin:0;padding:0;background:var(--color-four);overflow:hidden;overscroll-behavior:none;touch-action:none;font-family:var(--font-ui);color:var(--fg);font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.app{position:relative;width:100%;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden}.playfield{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;background:transparent}.bg-veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 18%,rgba(94,232,255,.18),transparent 55%),radial-gradient(circle at 82% 88%,rgba(197,123,255,.18),transparent 60%),radial-gradient(circle at 50% 105%,rgba(0,0,0,.4),transparent 60%);mix-blend-mode:screen;opacity:.85}.hud{position:absolute;inset:0;pointer-events:none;z-index:3}.hud-panel{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:calc(env(safe-area-inset-top) + 18px);left:0;right:0;display:flex;align-items:center;justify-content:flex-start;padding:0 18px;z-index:5;pointer-events:none}.brand{pointer-events:none;font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:.42em;color:var(--fg);opacity:.55;text-shadow:0 0 18px rgba(94,232,255,.35)}.score-chip{position:absolute;top:calc(env(safe-area-inset-top) + 60px);left:50%;transform:translate(-50%);min-width:92px;padding:10px 22px 9px;text-align:center;font-family:var(--font-display);font-weight:800;font-size:34px;line-height:1;color:var(--fg);letter-spacing:.05em;background:linear-gradient(180deg,#2b2150f0,#070918e6);border:1px solid rgba(94,232,255,.55);border-radius:4px;clip-path:polygon(10px 0,calc(100% - 6px) 0,100% 10px,calc(100% - 10px) 100%,6px 100%,0 calc(100% - 8px));box-shadow:inset 0 0 18px #5ee8ff2e,0 12px 28px #0000009e,0 0 14px #5ee8ff2e;text-shadow:0 0 8px rgba(94,232,255,.78),0 2px 0 #0a0a18;animation:chipFlicker 2.4s ease-in-out infinite}.score-chip.pop{animation:chipFlicker 2.4s ease-in-out infinite,scoreHit .22s cubic-bezier(.22,1.4,.36,1)}@keyframes chipFlicker{0%,to{filter:brightness(1)}42%{filter:brightness(1.06)}78%{filter:brightness(.96)}}@keyframes scoreHit{0%{transform:translate(-50%) scale(.94);box-shadow:inset 0 0 28px #5ee8ff80,0 0 26px #5ee8ff8c}to{transform:translate(-50%) scale(1)}}.lives-chip{position:absolute;top:calc(env(safe-area-inset-top) + 22px);right:18px;display:flex;align-items:center;gap:8px;padding:9px 14px 8px;font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--fg);background:linear-gradient(180deg,#2b2150f0,#070918e6);border:1px solid rgba(197,123,255,.55);clip-path:polygon(9px 0,calc(100% - 5px) 0,100% 9px,calc(100% - 9px) 100%,5px 100%,0 calc(100% - 7px));box-shadow:inset 0 0 14px #c57bff2e,0 10px 22px #0000008f;text-shadow:0 0 8px rgba(197,123,255,.72)}.lives-chip.hit{animation:livesHit .74s cubic-bezier(.2,1.25,.35,1)}@keyframes livesHit{0%{transform:translate(0) scale(1);filter:brightness(1)}20%{transform:translate(-4px) scale(1.12);filter:brightness(1.4)}45%{transform:translate(4px) scale(1.04)}to{transform:translate(0) scale(1);filter:brightness(1)}}.crystal-heart{width:20px;height:20px;display:block;filter:drop-shadow(0 0 8px rgba(197,123,255,.7));transition:transform .2s ease}.lives-chip.hit .crystal-heart{animation:heartCrack .74s cubic-bezier(.2,1.25,.35,1)}@keyframes heartCrack{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.35) rotate(-8deg)}45%{transform:scale(.9) rotate(7deg)}to{transform:scale(1) rotate(0)}}.hint-row{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 26px);left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none}.hint-pill{width:42%;max-width:220px;height:84px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.22em;color:var(--fg);opacity:.78;background:linear-gradient(180deg,#2b2150c7,#070918cc);border:1px solid rgba(94,232,255,.45);box-shadow:inset 0 0 14px #5ee8ff21,inset 0 -10px 18px #c57bff26,0 13px 24px #00000094;text-shadow:0 0 8px rgba(94,232,255,.7)}.hint-pill.left{clip-path:polygon(11px 0,100% 0,calc(100% - 9px) 100%,0 100%,0 10px)}.hint-pill.right{clip-path:polygon(0 0,calc(100% - 11px) 0,100% 10px,100% 100%,9px 100%)}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);z-index:4;pointer-events:none;text-shadow:0 0 14px rgba(94,232,255,.9),0 3px 0 #060617;animation:overlayPulse 1.2s ease-in-out}@keyframes overlayPulse{0%{opacity:0;transform:translateY(8px) scale(.96)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1}to{opacity:0}}.modal-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at 50% 50%,#2b215099,#070918c7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:5;animation:modal-backdrop-in .28s ease both}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal-card{width:min(86vw,380px);padding:28px 28px 22px;background:linear-gradient(180deg,#2b2150eb,#070918f0);border:1px solid rgba(94,232,255,.45);box-shadow:inset 0 0 24px #5ee8ff1f,0 18px 60px #0009;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);text-align:center;animation:modal-pop .42s cubic-bezier(.22,1.4,.36,1) both}@keyframes modal-pop{0%{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-eyebrow{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--color-one);opacity:.85;margin-bottom:10px;text-shadow:0 0 12px rgba(94,232,255,.55)}.modal-score{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1;letter-spacing:.02em;color:var(--fg);text-shadow:0 0 18px rgba(94,232,255,.5),0 8px 30px rgba(0,0,0,.45);margin-bottom:14px}.modal-best-row{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-ui);font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;opacity:.65}.modal-best-row .best-value{font-variant-numeric:tabular-nums;opacity:1}.modal-new-best{margin-top:10px;font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.32em;text-transform:uppercase;color:var(--color-one);text-shadow:0 0 16px rgba(94,232,255,.7);animation:newbest-pulse 1.2s ease-in-out infinite}@keyframes newbest-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.modal-action{margin-top:22px;font-family:var(--font-ui);font-weight:600;font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--fg);opacity:.55;animation:hint-pulse 1.8s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:.45}50%{opacity:.95}}.mute-btn{pointer-events:auto;width:38px;height:38px;border-radius:999px;background:#2b215099;border:1px solid rgba(94,232,255,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:var(--fg);transition:background .22s ease,transform .18s ease}.mute-btn:active{transform:scale(.92)}.mute-btn svg{width:18px;height:18px}@media(prefers-reduced-motion:reduce){.score-chip,.score-chip.pop,.lives-chip,.lives-chip.hit,.crystal-heart,.overlay,.modal-new-best,.modal-action{animation:none!important}}