:root{--bg-deep:#1a0b2e;--bg-mid:#2d1b4e;--bg-warm:#fff8ed;--cream:#fef9f0;--ink:#1a0b2e;--pink:#ff3b7c;--orange:#ff8a2a;--yellow:#ffc73d;--lime:#a8e640;--teal:#2dd4bf;--purple:#a855f7;--red:#ef3b3b;--blue:#3b82f6;--stroke:#1a0b2e26;--shadow-sm:0 2px 0 #1a0b2e1f;--shadow-md:0 4px 0 #1a0b2e2e;--shadow-lg:0 8px 24px #1a0b2e40;--font-display:"Fraunces", "Playfair Display", Georgia, serif;--font-body:"Space Grotesk", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Space Mono", ui-monospace, monospace;--font-round:"Fredoka", "Baloo 2", system-ui, sans-serif}*{box-sizing:border-box}html,body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background:#f0eee9;margin:0;padding:0}.bingo-btn{font-family:var(--font-round);border:2px solid var(--ink);background:var(--yellow);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-md);letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:14px 28px;font-size:17px;font-weight:600;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.bingo-btn:hover{transform:translateY(-1px);box-shadow:0 5px #1a0b2e2e}.bingo-btn:active{transform:translateY(2px);box-shadow:0 1px #1a0b2e2e}.bingo-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.bingo-btn.primary{background:var(--pink);color:#fff}.bingo-btn.success{background:var(--lime)}.bingo-btn.ghost{box-shadow:none;background:0 0}.bingo-input{font-family:var(--font-body);border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-size:17px;box-shadow:inset 0 2px #1a0b2e0f}.bingo-input:focus{border-color:var(--pink);box-shadow:inset 0 2px #1a0b2e0f,0 0 0 3px #ff3b7c40}.bingo-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--ink);opacity:.7;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.confetti-bg{background-image:radial-gradient(circle at 15% 20%, var(--yellow) 0, var(--yellow) 3px, transparent 4px), radial-gradient(circle at 85% 30%, var(--pink) 0, var(--pink) 4px, transparent 5px), radial-gradient(circle at 25% 80%, var(--teal) 0, var(--teal) 3px, transparent 4px), radial-gradient(circle at 75% 70%, var(--orange) 0, var(--orange) 3px, transparent 4px), radial-gradient(circle at 50% 50%, var(--lime) 0, var(--lime) 2px, transparent 3px);background-size:220px 220px}@keyframes globeSpin{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}@keyframes ballBounce{0%,to{transform:translate(0)}25%{transform:translate(8px,-10px)}50%{transform:translate(-6px,8px)}75%{transform:translate(10px,4px)}}@keyframes pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes reject-pulse{0%,to{background:0 0}50%{background:#ef3b3b59}}.scroll-none::-webkit-scrollbar{display:none}.scroll-none{scrollbar-width:none}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-round{font-family:var(--font-round)}.font-mono{font-family:var(--font-mono)}