:root{--bg: #0b6b3a;--bg-2: #0a5530;--bg-ray: #0e7d44;--panel: #fff8e1;--ink: #1a1208;--accent: #ffd400;--accent-2: #e63027;--accent-3: #1565c0;--nd-purple: #7b3fe4;--nd-purple-light: #9b6aef;--nd-glow: 0 0 24px rgba(123, 63, 228, .3);--marked: #ffd400;--shadow: 8px 8px 0 #000;--radius: 14px;font-family:Outfit,Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(var(--bg),var(--bg-2))}.sunburst{position:fixed;top:50%;left:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;z-index:-3;pointer-events:none;background:repeating-conic-gradient(from 0deg,var(--bg) 0 6deg,var(--bg-ray) 6deg 12deg);animation:sunburst-spin 90s linear infinite}@keyframes sunburst-spin{to{transform:rotate(360deg)}}.festa-static{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='220'%3E%3Cg fill='%23073d23'%3E%3Crect x='50' y='40' width='26' height='180' rx='13'/%3E%3Crect x='16' y='92' width='20' height='70' rx='10'/%3E%3Crect x='16' y='92' width='36' height='20' rx='10'/%3E%3Crect x='90' y='68' width='20' height='94' rx='10'/%3E%3Crect x='74' y='68' width='36' height='20' rx='10'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='200'%3E%3Cg fill='%23073d23'%3E%3Crect x='48' y='30' width='24' height='170' rx='12'/%3E%3Crect x='84' y='80' width='20' height='66' rx='10'/%3E%3Crect x='70' y='80' width='34' height='20' rx='10'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cg opacity='0.5'%3E%3Ccircle cx='30' cy='44' r='4' fill='%23ffd400'/%3E%3Ccircle cx='176' cy='28' r='4' fill='%23e63027'/%3E%3Crect x='96' y='128' width='8' height='8' fill='%231565c0' transform='rotate(20 100 132)'/%3E%3Ccircle cx='206' cy='162' r='4' fill='%239b6aef'/%3E%3Crect x='44' y='186' width='8' height='8' fill='%23ffd400' transform='rotate(40 48 190)'/%3E%3Ccircle cx='150' cy='200' r='3.5' fill='%23e63027'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 34%,transparent 42%,rgba(0,0,0,.3) 100%),radial-gradient(circle at 80% 20%,rgba(123,63,228,.34) 0%,transparent 40%);background-repeat:no-repeat,no-repeat,repeat,no-repeat,no-repeat;background-position:left bottom,right bottom,top left,center,center;background-size:110px auto,110px auto,240px 240px,cover,cover}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='130'%3E%3Cg fill='%23ffffff' opacity='0.78'%3E%3Cellipse cx='66' cy='78' rx='44' ry='27'/%3E%3Cellipse cx='104' cy='66' rx='36' ry='32'/%3E%3Cellipse cx='132' cy='82' rx='32' ry='22'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='100'%3E%3Cg fill='%23ffffff' opacity='0.68'%3E%3Cellipse cx='50' cy='60' rx='34' ry='20'/%3E%3Cellipse cx='78' cy='50' rx='27' ry='24'/%3E%3Cellipse cx='100' cy='62' rx='24' ry='17'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x,repeat-x;background-position:0 8%,180px 20%;background-size:420px auto,360px auto;animation:cloud-drift 55s linear infinite}@keyframes cloud-drift{0%{background-position:0 8%,180px 20%}to{background-position:1260px 8%,-900px 20%}}.mascot{position:fixed;bottom:8px;right:10px;width:92px;height:112px;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 122'%3E%3Cpolygon points='34,92 66,92 50,112' fill='%23e63027'/%3E%3Ccircle cx='44' cy='98' r='2.4' fill='%23fff'/%3E%3Ccircle cx='56' cy='98' r='2.4' fill='%23fff'/%3E%3Ccircle cx='50' cy='104' r='2.4' fill='%23fff'/%3E%3Ccircle cx='23' cy='64' r='6' fill='%23f3c89b'/%3E%3Ccircle cx='77' cy='64' r='6' fill='%23f3c89b'/%3E%3Ccircle cx='50' cy='64' r='27' fill='%23f3c89b'/%3E%3Cellipse cx='50' cy='42' rx='42' ry='9' fill='%23d8a24a'/%3E%3Cpath d='M34 42 Q34 16 50 16 Q66 16 66 42 Z' fill='%23e0ad55'/%3E%3Cpath d='M34 40 H66' stroke='%238a5a1e' stroke-width='5'/%3E%3Ccircle cx='41' cy='62' r='3.5' fill='%232a1a0a'/%3E%3Ccircle cx='59' cy='62' r='3.5' fill='%232a1a0a'/%3E%3Ccircle cx='37' cy='73' r='4' fill='%23f2998f' opacity='0.7'/%3E%3Ccircle cx='63' cy='73' r='4' fill='%23f2998f' opacity='0.7'/%3E%3Cpath d='M40 75 Q50 85 60 75' stroke='%232a1a0a' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.35));transform-origin:bottom center;animation:mascot-bob 2.8s ease-in-out infinite}@keyframes mascot-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.flag{position:fixed;bottom:36px;width:132px;height:110px;z-index:-1;pointer-events:none;transform-origin:11px 100%;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'%3E%3Crect x='8' y='4' width='6' height='94' rx='3' fill='%236b4a2b'/%3E%3Crect x='14' y='8' width='98' height='66' rx='3' fill='%23009b3a'/%3E%3Cpolygon points='63,12 106,41 63,70 20,41' fill='%23ffdf00'/%3E%3Ccircle cx='63' cy='41' r='17' fill='%23002776'/%3E%3Cpath d='M47 38 Q63 31 79 39' stroke='%23fff' stroke-width='3' fill='none'/%3E%3C/svg%3E");filter:drop-shadow(3px 3px 0 rgba(0,0,0,.3));animation:flag-wave 3.4s ease-in-out infinite}.flag--l{left:10px}.flag--r{right:10px;animation-delay:-1.7s}@keyframes flag-wave{0%,to{transform:rotate(-2.5deg) skew(0)}50%{transform:rotate(2.5deg) skew(-4deg)}}@media(max-width:1040px){.flag{display:none}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}body:before{content:"";position:fixed;inset:0 0 auto 0;height:30px;z-index:10;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='30'%3E%3Cpath d='M0 3 H112' stroke='%23000' stroke-width='2'/%3E%3Cpolygon points='4,4 28,4 16,27' fill='%23e63027'/%3E%3Cpolygon points='32,4 56,4 44,27' fill='%23ffd400'/%3E%3Cpolygon points='60,4 84,4 72,27' fill='%231565c0'/%3E%3Cpolygon points='88,4 112,4 100,27' fill='%237b3fe4'/%3E%3C/svg%3E") repeat-x top left}.screen{max-width:540px;margin:0 auto;padding:44px 18px 40px}.brand{text-align:center;color:var(--panel);margin:24px 0}.brand h1{font-size:2.1rem;margin:0;text-shadow:3px 3px 0 #000}.brand__sub{margin:6px 0 0;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;opacity:.9}.join{display:flex;flex-direction:column;gap:16px}.join label{display:flex;flex-direction:column;gap:6px;color:var(--panel);font-weight:700;letter-spacing:.02em;text-shadow:1px 1px 0 rgba(0,0,0,.55)}.join input{padding:14px;font-size:1.4rem;text-align:center;letter-spacing:.3em;font-weight:700;text-transform:uppercase;border:4px solid #000;border-radius:var(--radius);background:var(--panel);color:var(--ink)}.btn{font:inherit;font-weight:800;cursor:pointer;padding:14px 18px;border:4px solid #000;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .05s,box-shadow .05s}.btn:active{transform:translate(4px,4px);box-shadow:2px 2px #000}.btn--primary{background:var(--accent);color:#000;width:100%;font-size:1.2rem}.btn--ghost{background:var(--panel);color:var(--ink);padding:8px 12px;box-shadow:4px 4px #000}.btn--bingo{background:var(--accent-2);color:#fff;width:100%;font-size:1.6rem;letter-spacing:.1em;padding:20px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:4px 4px #000}.patterns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pattern{font:inherit;font-weight:700;cursor:pointer;background:var(--panel);color:var(--ink);border:3px solid #000;border-radius:12px;box-shadow:3px 3px #000;padding:8px 12px;font-size:.9rem}.pattern:active{transform:translate(3px,3px);box-shadow:0 0 #000}.pattern--sel{background:var(--accent);color:#000}.pattern--taken,.pattern--wonByMe,.pattern--pending{opacity:.55;cursor:not-allowed;box-shadow:3px 3px #000}.pattern--wonByMe{background:var(--accent);color:#000;opacity:.85}.pattern:disabled{cursor:not-allowed}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:4px solid #000;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px;margin:18px 0}.topbar__name{font-weight:800;font-size:1.2rem}.topbar__room{font-size:.9rem;opacity:.75}.round{display:flex;flex-direction:column;gap:2px;color:var(--panel);text-align:center;margin:6px 0 16px;min-height:2.4em}.round__index{font-weight:800;font-size:1.1rem}.round__patterns{font-size:.86rem;opacity:.9}.card-host{display:flex;justify-content:center}.card{background:var(--panel);border:6px solid #000;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;width:100%;max-width:460px}.card__header,.card__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.card__header{margin-bottom:8px}.card__letter{text-align:center;font-weight:900;font-size:1.7rem;color:var(--accent-2);text-shadow:2px 2px 0 #000}.cell{font:inherit;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;cursor:pointer;border:3px solid #000;border-radius:10px;background:#fff;color:var(--ink);transition:transform .05s}.cell:active{transform:scale(.94)}.cell--marked{background:var(--marked);color:#000;box-shadow:inset 0 0 0 3px #000}.cell--free{background:var(--accent-3);color:#fff;font-size:1.8rem;cursor:default}.actions{margin-top:22px;display:flex;flex-direction:column;gap:10px}.msg{text-align:center;color:var(--panel);font-weight:700;min-height:1.4em;margin:4px 0}.card-host .msg{color:var(--panel)}.screen--wide{max-width:1100px}.topbar>div{display:flex;align-items:center;gap:12px}.panel-card{background:var(--panel);border:4px solid #000;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;margin:14px 0;color:var(--ink)}.panel-card h3{margin:0 0 10px;color:var(--accent-2)}.inline-form{display:flex;gap:10px;flex-wrap:wrap}.inline-form input{flex:1;min-width:200px}.panel-card input,.panel-card textarea{font:inherit;padding:10px 12px;border:3px solid #000;border-radius:10px;background:#fff;color:var(--ink)}.stack{display:flex;flex-direction:column;gap:10px;margin-top:12px}.rows{display:flex;flex-direction:column;gap:8px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:#fff;border:3px solid #000;border-radius:10px;padding:12px 14px}.row:hover{background:var(--accent)}.row__meta{font-size:.82rem;opacity:.7;text-transform:uppercase}.code{font-family:Courier New,monospace;font-weight:800;letter-spacing:.15em;background:var(--accent);padding:2px 8px;border-radius:6px;border:2px solid #000}.code--big{font-size:1.3rem}.room-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.roster{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.roster__row{display:flex;justify-content:space-between;align-items:center;padding:6px 4px;border-bottom:1px dashed #0003}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.check{display:flex;align-items:center;gap:6px;font-weight:600}.caller{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:start}@media(max-width:820px){.caller{grid-template-columns:1fr}}.caller__main{text-align:center}.ball{border:6px solid var(--accent);box-shadow:var(--shadow);border-radius:20px;background:var(--bg);color:#fff;padding:18px;margin:12px auto;max-width:360px}.ball__letter{font-size:2.6rem;font-weight:900;color:var(--accent)}.ball__number{font-size:5rem;font-weight:900;line-height:1}.ball__phrase{margin-top:10px;min-height:1.3em;font-size:1.05rem;font-weight:700;font-style:italic;color:var(--accent);text-shadow:1px 1px 0 #000}.counter{font-weight:700;margin:6px 0}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:.92rem;color:var(--ink);background:var(--panel);border:3px solid #000;border-radius:999px;padding:6px 14px;margin:8px 0}.toggle input{width:18px;height:18px;accent-color:var(--nd-purple);cursor:pointer}.history{font-weight:700;opacity:.85;min-height:1.3em}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0}.controls .btn--bingo{width:auto;font-size:1.1rem;padding:12px 18px;background:var(--accent-2)}.board{display:grid;grid-template-columns:repeat(15,1fr);gap:3px;margin-top:12px}.bcell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;background:#fff;color:var(--ink);border:2px solid #000;border-radius:5px}.bcell--drawn{background:var(--accent);color:#000}.caller__claims h3{margin-top:0}.claim{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 10px;border:3px solid #000;border-radius:8px;margin-bottom:6px;font-weight:700}.claim--valid{background:#d8f5d8}.claim--invalid{background:#f5dada}.claim__verdict{font-size:.85rem}.caller__claims .btn--primary{width:100%;margin-top:6px}.winner{text-align:center;font-weight:900;font-size:1.1rem;color:var(--accent-2);margin-top:12px;border:3px solid #000;border-radius:10px;padding:12px;background:var(--accent)}.claim-group{margin-bottom:14px}.claim-group__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:4px;border-bottom:2px dashed #0003}.pattern-award{font-weight:800;color:var(--accent-2)}.caller__claims .btn--sm{width:auto;margin-top:0;font-size:.85rem;padding:6px 12px}#end-round{width:100%;margin-top:10px}@keyframes cell-pop{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}.cell--pop{animation:cell-pop .26s ease-out}.cell--marked{transition:background .18s ease,color .18s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card{animation:fade-up .32s ease-out}@keyframes bingo-bounce{0%{transform:scale(1)}35%{transform:scale(.92)}70%{transform:scale(1.06)}to{transform:scale(1)}}.btn--bingo.btn--punch{animation:bingo-bounce .32s ease-out}@keyframes ball-pop{0%{transform:scale(.6)}55%{transform:scale(1.18)}to{transform:scale(1)}}.ball--pop{animation:ball-pop .4s cubic-bezier(.2,.9,.3,1.4)}.ball{transition:box-shadow .2s ease}@keyframes bcell-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}.bcell{transition:background .2s ease,color .2s ease}.bcell--pop{animation:bcell-pop .4s ease-out;z-index:1}@keyframes slide-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.claim--in{animation:slide-in .24s ease-out}.won__title{margin:14px 0 6px;color:var(--accent-2)}.won__row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;margin-bottom:6px;font-weight:800;border:3px solid #000;border-radius:8px;background:var(--accent)}.won__name{white-space:nowrap}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-bit{position:absolute;top:-14px;width:10px;height:14px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translateY(-14px) rotate(0);opacity:1}to{transform:translate(var(--dx),106vh) rotate(var(--rot));opacity:.9}}.btn:focus-visible,.pattern:focus-visible,.cell:focus-visible,.row:focus-visible,input:focus-visible{outline:3px solid var(--nd-purple);outline-offset:2px;box-shadow:var(--nd-glow)}@media(prefers-reduced-motion:reduce){.cell--pop,.card,.btn--bingo.btn--punch,.ball--pop,.bcell--pop,.claim--in{animation:none!important}body:after,.mascot,.flag,.sunburst{animation:none!important}.confetti-layer{display:none!important}}