:root{color-scheme:dark;--bg:#07131a;--surface:#09171fe0;--surface-strong:#102734;--surface-soft:#143443;--border:#7db1c73d;--text:#f4fbff;--muted:#9db4c0;--accent:#5eead4;--accent-2:#38bdf8;--warm:#fbbf24;--danger:#fb7185;--success:#4ade80;--shadow:#01090d6b}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#38bdf829,#0000 34%),radial-gradient(circle at 84% 18%,#5eead426,#0000 26%),linear-gradient(#07131a,#081821 42%,#061118);margin:0;font-family:Space Grotesk,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}#pickerApp{min-height:100vh}.picker-app{gap:1rem;min-height:100vh;padding:clamp(.9rem,2vw,1.5rem);display:grid}.picker-header,.picker-panel,.picker-stage,.history-panel,.metric-card{border:1px solid var(--border);background:var(--surface);box-shadow:0 22px 50px var(--shadow)}.picker-header{backdrop-filter:blur(18px);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1.1rem;display:flex}.picker-title{letter-spacing:-.03em;margin:0;font-size:clamp(2.1rem,5vw,4.2rem);line-height:.95}.picker-subtitle{max-width:48rem;color:var(--muted);margin:.6rem 0 0;line-height:1.55}.picker-actions,.inline-actions,.panel-actions{flex-wrap:wrap;gap:.7rem;display:flex}.picker-layout,.live-layout{align-items:start;gap:1rem;display:grid}.picker-panel,.picker-stage,.history-panel{border-radius:1rem;overflow:hidden}.picker-panel{padding:1rem}.panel-title{margin:0;font-size:1.1rem}.panel-copy{color:var(--muted);margin:.5rem 0 0;line-height:1.5}.field-grid,.metrics-grid{gap:.9rem;display:grid}.field{gap:.45rem;display:grid}.field span{color:var(--muted);font-size:.95rem}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#07131adb;border-radius:.85rem;padding:.9rem 1rem}.field textarea{resize:vertical;min-height:11rem;line-height:1.45}.field-note,.muted{color:var(--muted)}.field-error{color:#ffc4cf;font-size:.9rem}.button,.mini-button{border:1px solid var(--border);color:var(--text);background:#09171fe6;border-radius:999px;padding:.8rem 1.1rem;text-decoration:none}.button.primary,.mini-button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#071118;border-color:#0000;font-weight:800}.button.danger,.mini-button.danger{color:#ffd7de;border-color:#fb718552}.status{min-height:1.5rem;color:var(--muted);margin-bottom:.9rem}.status.success{color:var(--success)}.status.error{color:#ffc4cf}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));margin-top:1rem}.metric-card{background:linear-gradient(#133443e6,#0a1c25e6);border-radius:1rem;padding:1rem}.metric-card strong{margin-top:.35rem;font-size:1.8rem;display:block}.picker-stage{justify-items:center;gap:1rem;padding:clamp(1rem,2.3vw,1.5rem);display:grid;position:relative}.live-stage{align-content:start;min-height:calc(100vh - 3rem)}.picker-stage-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.stage-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.9rem}.stage-title{margin:.35rem 0 0;font-size:clamp(1.6rem,3vw,2.4rem)}.number-machine{aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#ffffff1f,#0000 36%),linear-gradient(#143443eb,#081319f5);border:1px solid #5eead42e;border-radius:2rem;place-items:center;width:min(92vw,31rem);margin-top:.4rem;display:grid;position:relative;overflow:hidden}.number-machine:before,.number-machine:after{content:"";border:1px solid #ffffff0f;border-radius:1.6rem;position:absolute;inset:6%}.number-machine:after{inset:13%}.number-stage-ball{z-index:1;aspect-ratio:1;letter-spacing:-.05em;background:radial-gradient(circle at 30% 30%,#ffffff70,#0000 22%),radial-gradient(circle at 68% 70%,#38bdf83d,#0000 28%),linear-gradient(#15394a,#0b1f29);border:1px solid #ffffff1f;border-radius:999px;place-items:center;width:min(58vw,15.5rem);font-size:clamp(3.8rem,11vw,7rem);font-weight:800;transition:transform .65s cubic-bezier(.21,.82,.25,1),opacity .65s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff38,0 26px 44px #00000052}.number-stage-ball.is-rolling{animation:.28s linear infinite pickerPulse}.number-stage-ball.is-settled{box-shadow:inset 0 1px #ffffff38,0 0 0 12px #5eead414,0 26px 44px #0000005c}.number-stage-ball.is-dropping{opacity:0;transform:translateY(155%)scale(.72)}.machine-rails{pointer-events:none;background:linear-gradient(#ffffff0f,#0000 18% 82%,#ffffff0d),linear-gradient(90deg,#0000 26%,#ffffff0a 50%,#0000 74%);position:absolute;inset:0}.history-panel{padding:1rem}.history-grid{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:.65rem;margin-top:1rem;display:grid}.history-ball{background:linear-gradient(#193a49eb,#0a1a22f5);border:1px solid #ffffff14;border-radius:1rem;place-items:center;min-height:4.25rem;font-size:1.45rem;font-weight:800;display:grid}.history-ball.latest{border-color:#5eead473;animation:.7s cubic-bezier(.19,.89,.24,1) historyArrive}.empty-state{color:var(--muted);border:1px dashed #9db4c03d;border-radius:1rem;padding:1rem}.range-strip{background:#081319b8;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.9rem 1rem;display:flex}.pill{color:var(--muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;display:inline-flex}.bingo-generator{border-top:1px solid var(--border);gap:.9rem;margin-top:1rem;padding-top:1rem;display:grid}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.8rem;display:flex}.bingo-fields{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.bingo-preview{border:1px solid var(--border);background:#07131aa3;border-radius:1rem;padding:.75rem;overflow:auto}.bingo-center-sample{border:1px solid var(--border);background:#07131aa3;border-radius:1rem;place-items:center;min-height:4.8rem;display:grid;overflow:hidden}.bingo-preview-grid{grid-template-columns:repeat(var(--bingo-size), minmax(3.6rem, 1fr));min-width:min(100%, calc(var(--bingo-size) * 4.2rem));border:1px solid #f4fbff5c;display:grid}.bingo-preview-cell{min-height:3.6rem;color:var(--text);text-align:center;overflow-wrap:anywhere;border:1px solid #f4fbff33;place-items:center;padding:.45rem;font-size:.9rem;font-weight:700;display:grid}.bingo-preview-cell.bingo-center-cell,.bingo-center-sample{color:var(--text)}.center-heart{color:#fff;font-family:Arial,sans-serif;font-size:2.4rem;line-height:1}.center-text{overflow-wrap:anywhere;max-width:100%;font-weight:800}.bingo-center-image{object-fit:contain;max-width:72%;max-height:72%;display:block}@keyframes pickerPulse{0%{transform:scale(.985)rotate(-1.1deg)}50%{transform:scale(1.015)rotate(1.1deg)}to{transform:scale(.985)rotate(-1.1deg)}}@keyframes historyArrive{0%{opacity:0;transform:translateY(-2rem)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=900px){.picker-layout{grid-template-columns:minmax(19rem,28rem) minmax(0,1fr)}.live-layout{grid-template-columns:minmax(0,1.4fr) minmax(18rem,26rem)}}@media (width<=640px){.button,.mini-button{text-align:center;justify-content:center;width:100%}.picker-actions,.inline-actions,.panel-actions{width:100%}}