:root{--black: #050604;--neon-green: #39ff14;--slime: #1f7a12;--snot: #4a7c3f;--coral: #ff6b5e;--tooth: #f2e85c;--tissue: #f5f3ee;--font-display: "Bangers", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--black);color:var(--tissue);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#scene,#fx{position:fixed;inset:0;width:100%;height:100%;display:block}#scene{z-index:1;touch-action:none}#fx{z-index:2;pointer-events:none}#ui{position:fixed;inset:0;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center}#topbar{text-align:center;padding:clamp(.75rem,3vw,1.75rem) 1rem 0;width:100%;pointer-events:none;text-shadow:0 2px 0 #000}.title{font-family:var(--font-display);font-size:clamp(2rem,7vw,4.25rem);letter-spacing:.03em;margin:0;line-height:.95;color:var(--tissue);-webkit-text-stroke:2px #000;text-shadow:0 0 14px rgba(57,255,20,.55),0 3px 0 #000}.subhead{font-size:clamp(.8rem,2.4vw,1.05rem);margin:.35rem 0 0;color:#cfe9c4;font-weight:500}.counter{font-family:var(--font-mono);font-size:clamp(.72rem,2vw,.9rem);margin:.55rem 0 0;color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.6);letter-spacing:.05em}.panel{pointer-events:auto;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.25rem}.panel-passthrough{pointer-events:none;align-items:flex-end;padding-bottom:clamp(1.25rem,5vh,3rem)}#panel-win,#panel-lose{align-items:flex-end;padding-bottom:clamp(1rem,4vh,2.5rem)}.card{pointer-events:auto;width:min(30rem,92vw);background:#080c06db;backdrop-filter:blur(6px);border:3px solid #000;border-radius:20px;box-shadow:0 0 0 3px #39ff1440,0 0 40px #39ff1459,inset 0 0 24px #000000b3;padding:clamp(1.25rem,4vw,2rem);text-align:center;animation:pop .28s cubic-bezier(.2,1.4,.4,1) both}.card-win{box-shadow:0 0 0 3px #39ff1480,0 0 60px #39ff1499,inset 0 0 24px #0009}.card-gold{box-shadow:0 0 0 3px #f2e85c99,0 0 66px #f2e85c99,inset 0 0 24px #0009}.card-gold .card-title.glow-green{color:var(--tooth);text-shadow:0 0 20px rgba(242,232,92,.85),0 2px 0 #000}.card-gold .btn-primary{background:var(--tooth);color:#2a2400;box-shadow:0 4px #7a6f12,0 0 26px #f2e85c99}@keyframes pop{0%{transform:scale(.82) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.card-title{font-family:var(--font-display);font-size:clamp(1.6rem,5.5vw,2.6rem);letter-spacing:.02em;margin:0 0 .5rem;line-height:1;-webkit-text-stroke:1.5px #000}.glow-green{color:var(--neon-green);text-shadow:0 0 18px rgba(57,255,20,.8),0 2px 0 #000}.card-body{font-size:clamp(.9rem,2.6vw,1.05rem);color:#d8e6cf;margin:0 0 1.1rem;line-height:1.4}form{display:flex;flex-direction:column;gap:.7rem}input[type=email],input[type=text]{width:100%;padding:.85rem 1rem;font-size:1rem;font-family:var(--font-mono);color:var(--tissue);background:#0c110a;border:3px solid #000;border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#5f6f56}input:focus-visible{border-color:var(--neon-green);box-shadow:0 0 0 3px #39ff1459}.wallet-row{display:flex;align-items:center;gap:.6rem}.wallet-or{font-family:var(--font-mono);font-size:.8rem;color:#6f7f66}.form-error{margin:0;color:var(--coral);font-size:.85rem;font-weight:700;text-shadow:0 1px 0 #000}.toph-note{margin:1.1rem 0 0;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.02em;color:#9fd98f;text-shadow:0 0 10px rgba(57,255,20,.4)}.toph-note strong{color:var(--neon-green)}.demo-link{display:inline-block;margin-top:.9rem;font-family:var(--font-mono);font-size:.78rem;color:#7f9673;text-decoration:none;border-bottom:1px dashed #3c4a34;transition:color .15s}.demo-link:hover{color:var(--neon-green)}.demo-link:focus-visible{outline:2px solid var(--tooth);outline-offset:3px}.btn{pointer-events:auto;font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(1.05rem,3.4vw,1.35rem);padding:.7rem 1.4rem;border:3px solid #000;border-radius:14px;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .15s;user-select:none}.btn:active{transform:translateY(2px) scale(.99)}.btn-primary{background:var(--neon-green);color:#06210a;box-shadow:0 4px #08480f,0 0 26px #39ff1499}.btn-primary:hover{background:#5aff3c}.btn-ghost{background:#101609;color:var(--neon-green);box-shadow:0 4px #000,0 0 22px #39ff1459}.btn-ghost:hover{background:#16210d}.btn:focus-visible{outline:3px solid var(--tooth);outline-offset:3px}.stage-hint{pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.hint-text{margin:0;font-size:clamp(.9rem,2.6vw,1.1rem);color:#cfe9c4;text-shadow:0 2px 0 #000,0 0 12px rgba(57,255,20,.5)}.hint-text strong{color:var(--neon-green)}#pull-btn{pointer-events:auto}.mute{pointer-events:auto;position:absolute;top:.75rem;right:.75rem;width:2.6rem;height:2.6rem;border-radius:50%;border:3px solid #000;background:#101609;color:var(--tissue);font-size:1.1rem;cursor:pointer;box-shadow:0 0 18px #39ff144d}.mute:focus-visible{outline:3px solid var(--tooth);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){.card{animation:none}}