:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#08111f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;border-radius:8px;padding:.8rem 1rem;color:#fff7f7;background:#dc2626;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.04)}.display-shell{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#020617}.template-stage{position:relative;width:min(100vw,177.7778vh);height:min(100vh,56.25vw);overflow:hidden;background:url(/bingo-background.jpeg) center / contain no-repeat}.control-header{display:flex;justify-content:space-between;gap:1rem;align-items:center}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4vw,4rem);line-height:1}h2{font-size:1.15rem;color:#e2e8f0}.display-status{position:absolute;top:2.2%;right:2.4%}.template-current-number{position:absolute;left:15.1%;top:39.2%;width:22.7%;height:39.9%;display:grid;place-items:center;color:#071a3f;font-size:min(14.6vw,25.9vh);font-weight:950;line-height:1;letter-spacing:0;text-shadow:0 .018em 0 #ffffff,.024em .034em 0 rgba(218,165,32,.65)}.template-previous-number{position:absolute;width:11.3%;height:20.1%;display:grid;place-items:center;color:#071a3f;font-size:min(6.4vw,11.4vh);font-weight:950;line-height:1;letter-spacing:0;text-shadow:0 .018em 0 #ffffff,.022em .032em 0 rgba(218,165,32,.55)}.previous-1{left:43.4%;top:40.6%}.previous-2{left:56.5%;top:40.5%}.previous-3{left:69.5%;top:40.5%}.previous-4{left:82.5%;top:40.5%}.previous-5{left:43.4%;top:63.5%}.previous-6{left:56.5%;top:63.4%}.previous-7{left:69.5%;top:63.4%}.previous-8{left:82.5%;top:63.4%}.number-board,.control-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(5px,.7vw,10px)}.board-cell{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(226,232,240,.18);border-radius:8px;color:#e2e8f06b;background:#0f172a8a;font-size:clamp(1rem,2.4vw,2.25rem);font-weight:900}.board-cell.drawn{color:#fff7f7;background:#dc2626;border-color:#fca5a5;box-shadow:inset 0 -5px #0000001f}.claim-banner,.verification-box{display:flex;gap:.75rem;align-items:center;justify-content:center;padding:.9rem 1rem;border-radius:8px;font-size:clamp(1rem,2vw,1.5rem)}.template-claim{position:absolute;left:50%;bottom:2.7%;transform:translate(-50%);min-width:34%;box-shadow:0 10px 28px #0000003d}.claim-banner.valid,.verification-box.valid{color:#052e16;background:#86efac}.claim-banner.invalid,.verification-box.invalid{color:#450a0a;background:#fca5a5}.control-shell{min-height:100vh;padding:24px;background:#0f172a;display:grid;gap:20px}.control-header{padding-bottom:4px}.control-header h1{font-size:clamp(1.8rem,4vw,3rem)}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel{border:1px solid rgba(226,232,240,.16);border-radius:8px;background:#0f172acc;padding:18px;display:grid;gap:14px}.entry-form{display:grid;grid-template-columns:minmax(100px,180px) auto;gap:12px;align-items:stretch}.entry-form input{min-width:0;border:2px solid #334155;border-radius:8px;padding:.5rem;color:#f8fafc;background:#020617;font-size:3rem;font-weight:900;text-align:center}.action-row{display:flex;flex-wrap:wrap;gap:10px}button.danger{color:#fff7ed;background:#991b1b}.muted{color:#94a3b8}.error-text{color:#fecaca}.control-cell{position:relative}.control-cell>button:first-child{width:100%;aspect-ratio:1;padding:0;border:1px solid rgba(226,232,240,.14);color:#cbd5e1;background:#1e293b;font-size:clamp(.95rem,2.3vw,1.5rem)}.control-cell.drawn>button:first-child{color:#fff7f7;background:#dc2626}.remove-button{position:absolute;top:3px;right:3px;width:24px;height:24px;padding:0;border-radius:999px;color:#fff;background:#be123c;font-size:.8rem;line-height:1}.connection{border-radius:999px;padding:.45rem .75rem;color:#08111f;font-weight:900;white-space:nowrap}.connection.online{background:#86efac}.connection.offline{background:#fca5a5}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#020617c2}.claim-modal{width:min(560px,100%);border:1px solid rgba(226,232,240,.2);border-radius:8px;background:#0f172a;box-shadow:0 24px 80px #0000007a;padding:20px;display:grid;gap:14px}.claim-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.claim-slots.bingo{grid-template-columns:repeat(5,minmax(0,1fr))}.claim-slots input{width:100%;min-width:0;aspect-ratio:1.15;border:2px solid #334155;border-radius:8px;padding:.35rem;color:#f8fafc;background:#020617;font-size:clamp(1.35rem,6vw,2.1rem);font-weight:900;line-height:1;text-align:center}.modal-actions{justify-content:flex-end}@media(max-width:800px){.control-grid{grid-template-columns:1fr}.previous-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.number-board,.control-board{grid-template-columns:repeat(5,minmax(0,1fr))}.control-header{align-items:flex-start;flex-direction:column}}