:root{--background:#f5f7fb;--surface:#fff;--surface-soft:#eef3fa;--text:#14213d;--muted:#5f6b7a;--primary:#1258a8;--primary-dark:#0b3c78;--accent:#f59e0b;--danger:#b42318;--success:#137a44;--border:#d8e1ec;--shadow:0 16px 42px #14213d1f}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 10%,#1258a814,#0000 26rem),linear-gradient(#f8fafc 0%,#eef3f8 100%);margin:0;font-family:Arial,Helvetica,sans-serif}button,select,input{font:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:4px solid #1258a840}.app-shell{width:min(1800px,100%);min-height:100vh;margin:0 auto;padding:22px}.app-header{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff0;border-radius:24px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;padding:20px 24px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:.85rem;font-weight:800;display:block}.app-header h1{margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.95}.app-header p{color:var(--muted);margin:8px 0 0;font-size:1.15rem;font-weight:700}.shortcut-help{max-width:520px;color:var(--muted);text-align:right;font-size:.95rem}.game-layout{grid-template-columns:minmax(330px,.74fr) minmax(650px,1.8fr);gap:18px;display:grid}.left-column{flex-direction:column;gap:18px;display:flex}.current-ball-panel,.recent-panel,.board-wrapper,.controls-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fffffff5;border-radius:24px}.current-ball-panel{text-align:center;align-content:center;place-items:center;min-height:460px;padding:28px;display:grid;overflow:hidden}.bingo-ball{aspect-ratio:1;color:#fff;text-shadow:0 5px 12px #00000059;background:radial-gradient(circle at 35% 25%,#fff 0%,#d9e8ff 18%,#3d7cc2 50%,#0d3970 100%);border:16px solid #fff;border-radius:50%;place-content:center;width:min(330px,72vw);display:grid;box-shadow:0 24px 45px #072b5552,inset 0 -16px 28px #0000003d}.ball-pop{animation:.52s ease-out ballPop}.ball-letter{font-size:clamp(4rem,9vw,8.5rem);font-weight:900;line-height:.72}.ball-number{margin-top:16px;font-size:clamp(5rem,11vw,10rem);font-weight:900;line-height:.78}.waiting-text{font-size:clamp(2.5rem,6vw,5rem);font-weight:900}.current-caption{color:var(--muted);margin-top:24px;font-size:1.05rem;font-weight:800}.recent-panel{padding:20px}.recent-panel h2{margin:0 0 16px;font-size:1.1rem}.recent-list{flex-wrap:wrap;align-items:center;gap:10px;min-height:74px;display:flex}.recent-ball{border:3px solid var(--border);background:var(--surface-soft);text-align:center;border-radius:50%;place-content:center;width:62px;height:62px;display:grid}.recent-ball strong{font-size:.8rem}.recent-ball span{font-size:1.35rem;font-weight:900}.recent-ball.latest{border-color:var(--accent);background:#fff4d6;transform:scale(1.08)}.recent-empty{color:var(--muted)}.board-wrapper{padding:18px;overflow:hidden}.board-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;height:100%;display:grid}.board-column{min-width:0}.column-header{color:#fff;border-radius:18px;place-items:center;height:72px;margin-bottom:10px;font-size:clamp(2.2rem,4vw,4rem);font-weight:900;display:grid;box-shadow:inset 0 -8px 16px #00000026}.header-b{background:#1f5ca8}.header-i{background:#b42318}.header-n{background:#8a5a00}.header-g{background:#137a44}.header-o{background:#6b3fa0}.column-numbers{grid-template-rows:repeat(15,minmax(0,1fr));gap:5px;display:grid}.board-number{border:2px solid var(--border);background:#f8fafc;border-radius:10px;place-items:center;min-height:34px;font-size:clamp(1rem,1.5vw,1.6rem);font-weight:800;transition:transform .16s,background .16s;display:grid}.board-number.called{color:#352200;background:#ffd76f;border-color:#f5b942;transform:scale(1.03);box-shadow:inset 0 -4px 8px #9d5e0026}.controls-panel{margin-top:18px;padding:20px}.primary-controls,.utility-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.settings-grid{background:var(--surface-soft);border-radius:18px;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin:18px 0;padding:16px;display:grid}.settings-grid label{color:var(--muted);flex-direction:column;gap:8px;font-size:.9rem;font-weight:800;display:flex}.settings-grid select,.settings-grid input[type=range]{width:100%}.settings-grid select{border:2px solid var(--border);min-height:46px;color:var(--text);background:#fff;border-radius:10px;padding:0 12px}.inline-label{align-items:center;gap:7px;display:inline-flex}.btn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 20px;font-weight:900;transition:transform .15s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.42}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{color:var(--primary-dark);background:#e7eef7}.btn-celebrate{background:var(--accent);color:#2a1b00}.btn-utility{color:var(--text);background:#e8edf3}.btn-danger{color:var(--danger);background:#fde8e7}.remaining-count{color:var(--muted);margin-left:auto;font-weight:900}.celebration-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041226c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.celebration-card{z-index:2;color:#2d1a00;text-align:center;background:linear-gradient(145deg,#ffd86f,#f59e0b);border:8px solid #fff;border-radius:36px;width:min(720px,96vw);padding:48px 30px;animation:.5s ease-out celebrationPop;position:relative;box-shadow:0 30px 90px #0000006b}.celebration-card h2{margin:0;font-size:clamp(5rem,16vw,11rem);line-height:.9}.celebration-card p{margin:24px 0;font-size:clamp(1.4rem,4vw,2.5rem);font-weight:900}.celebration-stars{letter-spacing:.3em;margin-bottom:20px;font-size:2.5rem}.confetti{background:#ffd86f;width:28px;height:80px;animation:1.5s linear infinite confettiFall;position:absolute;box-shadow:120px 100px #3d7cc2,-150px 180px #ef4444,250px -60px #22c55e,-280px -80px #a855f7,380px 190px #fff,-420px 240px #f97316}.confetti-one{top:-10%;left:20%;transform:rotate(15deg)}.confetti-two{animation-delay:.25s;top:-25%;left:50%;transform:rotate(65deg)}.confetti-three{animation-delay:.5s;top:-15%;left:78%;transform:rotate(115deg)}.loading-screen{place-items:center;min-height:100vh;font-size:2rem;font-weight:900;display:grid}@keyframes ballPop{0%{opacity:.2;transform:scale(.75)rotate(-8deg)}70%{transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes celebrationPop{0%{opacity:0;transform:scale(.65)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{translate:0 -20vh}to{translate:30px 120vh}}@media (max-width:1100px){.game-layout{grid-template-columns:1fr}.left-column{grid-template-columns:1fr 1fr;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width:720px){.app-shell{padding:10px}.app-header{flex-direction:column;align-items:flex-start;padding:18px}.shortcut-help{text-align:left}.left-column{display:flex}.current-ball-panel{min-height:370px}.settings-grid{grid-template-columns:1fr}.board-wrapper{overflow-x:auto}.board-grid{min-width:650px}.btn{flex:180px}.remaining-count{text-align:center;width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.speaking-banner{color:#5c3a00;text-align:center;background:#fff4d6;border:2px solid #f5b942;border-radius:14px;margin-bottom:14px;padding:12px 18px;font-size:1rem;font-weight:900}:fullscreen .app-shell{width:100%;height:100vh;padding:10px;overflow:hidden}:fullscreen .app-header{min-height:82px;margin-bottom:10px;padding:12px 18px}:fullscreen .app-header h1{font-size:2.5rem}:fullscreen .app-header p,:fullscreen .eyebrow{display:none}:fullscreen .game-layout{gap:10px;height:calc(100vh - 230px)}:fullscreen .current-ball-panel{height:calc(100% - 110px);min-height:0;padding:12px}:fullscreen .bingo-ball{width:min(260px,30vh)}:fullscreen .recent-panel{height:100px;padding:12px}:fullscreen .recent-panel h2{margin-bottom:8px;font-size:.9rem}:fullscreen .recent-ball{width:48px;height:48px}:fullscreen .column-header{height:50px;margin-bottom:5px;font-size:2.3rem}:fullscreen .column-numbers{gap:2px}:fullscreen .board-number{border-radius:6px;min-height:22px;font-size:clamp(.8rem,1.5vh,1.1rem)}:fullscreen .board-wrapper{padding:8px}:fullscreen .controls-panel{z-index:20;margin:0;padding:10px;position:fixed;bottom:10px;left:10px;right:10px}:fullscreen .settings-grid{display:none}:fullscreen .primary-controls,:fullscreen .utility-controls{gap:7px}:fullscreen .btn{min-height:42px;padding:0 13px;font-size:.85rem}:fullscreen .speaking-banner{margin:0;position:absolute;bottom:70px;left:20px;right:20px}@media (max-height:750px){:fullscreen .shortcut-help{display:none}:fullscreen .app-header{min-height:64px}:fullscreen .game-layout{height:calc(100vh - 205px)}:fullscreen .bingo-ball{width:min(220px,26vh)}}