:root{--apple-blue: #0071e3;--apple-blue-2: #0058b8;--apple-ink: #1d1d1f;--apple-gray-bg: #f5f5f7;--apple-gray-2: #e8e8ed;--apple-border: #d2d2d7;--apple-muted: #86868b;--box-blue: #0071e3;--box-blue-dark: #0058b8;--box-blue-800: #0058b8;--box-blue-light: #2f9bff;--box-navy: #1d1d1f;--navy: #f5f5f7;--navy-2: #ffffff;--navy-3: #f0f0f3;--ink: #1d1d1f;--cream: #1d1d1f;--muted: #86868b;--marigold: #0071e3;--coral: #ff3b30;--turquoise: #34c759;--pink: #5e5ce6;--gold: #ff9500;--white: #ffffff;--border: #d2d2d7;--ball-b: #ff3b30;--ball-i: #007aff;--ball-n: #1d1d1f;--ball-g: #34c759;--ball-o: #ff9500;--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);background:var(--apple-gray-bg);color:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:var(--display);margin:0;letter-spacing:-.015em;font-weight:700}button{font-family:var(--display);cursor:pointer;border:none;color:inherit;background:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,select{font-family:var(--sans)}.wordmark{font-family:var(--display);font-weight:600;display:inline-flex;align-items:baseline;gap:.32ch;-webkit-user-select:none;user-select:none;letter-spacing:-.025em;color:var(--apple-ink)}.wordmark .up{color:var(--apple-ink);font-weight:600}.wordmark .bingo{color:var(--apple-ink);font-weight:400}.card-wordmark{font-family:Pacifico,"Baloo 2",cursive;background:linear-gradient(92deg,#007aff,#5e5ce6 48%,#ff2d55);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block;transform:rotate(-3deg);line-height:1.7;padding:6px 14px 16px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}.ball{border-radius:50%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;line-height:1;color:var(--ink);box-shadow:0 6px 16px #0000001f;border:none}.ball .ball-letter{font-size:.42em;opacity:.9;letter-spacing:1px;font-weight:600}.ball .ball-number{font-size:1em}.ball[data-letter=B]{background:var(--ball-b);color:#fff}.ball[data-letter=I]{background:var(--ball-i);color:#fff}.ball[data-letter=N]{background:var(--ball-n);color:#fff}.ball[data-letter=G]{background:var(--ball-g);color:#fff}.ball[data-letter=O]{background:var(--ball-o);color:#fff}.btn{border-radius:12px;padding:12px 18px;font-weight:600;font-size:16px;background:#fff;color:var(--cream);border:1px solid var(--border);transition:transform .08s ease,filter .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--apple-blue);color:#fff;border-color:transparent}.btn-primary:active{background:var(--apple-blue-2)}.btn-coral{background:var(--coral);color:#fff;border-color:transparent}.btn-turq{background:var(--turquoise);color:#fff;border-color:transparent}.btn-pink{background:var(--pink);color:#fff;border-color:transparent}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--apple-blue)}.pill{border-radius:999px;padding:4px 12px;font-weight:600;font-size:13px;background:var(--apple-gray-2);color:var(--apple-ink)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-on{background:var(--turquoise)}.dot-off{background:#c7c7cc}@keyframes bounce-in{0%{transform:scale(.4) translateY(20px);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}.bounce-in{animation:bounce-in .45s cubic-bezier(.2,.8,.3,1.15)}@keyframes pulse-glow{0%,to{box-shadow:0 0 #0071e340}50%{box-shadow:0 0 34px 6px #0071e352}}.pulse{animation:pulse-glow 1.4s ease-in-out infinite}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px,5px)}40%{transform:translate(8px,-7px)}60%{transform:translate(-6px,4px)}80%{transform:translate(5px,-3px)}}.screen-shake{animation:screen-shake .5s ease}@keyframes trombone-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-1deg)}75%{transform:translate(5px) rotate(1deg)}}.trombone-shake{animation:trombone-shake .35s ease}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.gap-1{gap:8px}.gap-2{gap:16px}.muted{color:var(--muted)}.card-surface{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 3px #0000000a}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}