:root{--ink:#1b1433;--violet:#7b5cff;--yellow:#ffc53d;--cream:#fff1dd;--pink:#ff4fcf;--bg:#0a0618}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}body{color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:Nunito,system-ui,sans-serif}.stage{touch-action:none;cursor:pointer;position:fixed;inset:0}.stage canvas{display:block}.hud{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.brand{text-shadow:0 2px 12px #0a0618cc;flex-direction:column;line-height:1.1;display:flex}.brand b{letter-spacing:.02em;color:var(--cream);font-family:Unbounded,sans-serif;font-size:22px;font-weight:900}.brand span{opacity:.75;font-size:13px;font-weight:600}.snd{pointer-events:auto;width:44px;height:44px;color:var(--cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#1b14338c;border:1px solid #fff1dd40;border-radius:50%;font-size:18px}.pop{color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 0 24px #ffc53da6, 0 6px 0 var(--ink);pointer-events:none;white-space:nowrap;font-family:Unbounded,sans-serif;font-size:clamp(40px,12vw,72px);font-weight:900;animation:.9s cubic-bezier(.2,1.4,.4,1) forwards pop;position:absolute;top:24%;left:50%}.pop i{color:var(--pink);text-shadow:0 0 20px #ff4fcfb3, 0 4px 0 var(--ink);margin-left:.2em;font-size:.55em;font-style:normal}@keyframes pop{0%{opacity:0;transform:translate(-50%,20px)scale(.4)rotate(-8deg)}25%{opacity:1;transform:translate(-50%)scale(1.12)rotate(3deg)}45%{transform:translate(-50%)scale(1)rotate(-1deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-40px)scale(.95)}}.zap{color:#ff5a5a;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 0 #00e1ff,-3px 0 #ff2bd6;pointer-events:none;font-family:Unbounded,sans-serif;font-size:clamp(30px,9vw,52px);font-weight:900;animation:.8s steps(8,end) forwards zap;position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes zap{0%{opacity:0;transform:translate(-50%)skew(0)}10%{opacity:1;transform:translate(-52%,2px)skew(12deg)}30%{transform:translate(-48%,-2px)skew(-10deg)}50%{opacity:1;transform:translate(-50%)skew(4deg)}to{opacity:0;transform:translate(-50%,-10px)}}.hint{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);text-align:center;letter-spacing:.02em;color:var(--cream);opacity:.85;text-shadow:0 2px 10px #0a0618e6;pointer-events:none;font-size:15px;font-weight:800;transition:opacity .6s;animation:2.4s ease-in-out infinite breathe;position:absolute}.hint.gone{opacity:0;animation:none}@keyframes breathe{50%{opacity:.45}}.loader{background:var(--bg);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-family:Unbounded,sans-serif;font-size:15px;font-weight:700;transition:opacity .8s;display:flex;position:absolute;inset:0}.loader.gone{opacity:0}.loader .dot{background:var(--yellow);width:14px;height:14px;box-shadow:0 0 20px var(--yellow);border-radius:50%;animation:1s ease-in-out infinite breathe}