:root{color-scheme:dark;--ink:#f7ecd5;--muted:#c2ad9d;--gold:#e2bf74;--burgundy:#461b2b;--panel:#26171e;--line:#745637;--shadow:0 14px 35px #0006;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 50% 0,#56304480,transparent 65%),repeating-linear-gradient(2deg,#140e11 0,#1d1317 3px,#160e12 6px);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #92704c;border-radius:8px;background:linear-gradient(#49303b,#2d1b24);color:var(--ink);padding:.65rem 1rem;min-height:44px;box-shadow:inset 0 1px #ffffff12;transition:filter .15s,transform .15s}button:hover:not(:disabled){filter:brightness(1.2)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #88d9f1;outline-offset:3px}button.gold{background:linear-gradient(135deg,#f1d79c,#c5984d);color:#301b10;font-weight:750;border-color:#efd195}input,select,textarea{display:block;width:100%;padding:.6rem .7rem;color:var(--ink);border:1px solid #81654f;border-radius:6px;background:#1e161c;min-height:44px}label{display:block;margin-bottom:1rem;font-size:.9rem;color:#e8d9c3}label input,label select{margin-top:.3rem}input[type=checkbox]{display:inline;width:20px;min-height:20px;accent-color:#d8b15e;margin:0}.check{display:flex;gap:.6rem;align-items:center}.mast{max-width:1500px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none}.brand small{display:block;font-size:.7rem;letter-spacing:.24em;color:var(--gold)}.brand strong{display:block;font:2rem Georgia,serif}.brand em{font-weight:normal;color:var(--gold)}.seal{font:bold 2.4rem Georgia;border:1px solid var(--gold);border-radius:50%;width:60px;height:60px;display:grid;place-items:center;color:var(--gold);box-shadow:inset 0 0 0 5px #2c1720,inset 0 0 0 6px #745637}.mast nav{display:flex;gap:8px}.mast nav button{background:transparent;border-color:#735543}main{max-width:1500px;padding:0 32px;margin:auto}.topline{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;color:var(--muted);letter-spacing:.08em;margin:10px 0}.hall{border:12px solid #38241d;border-radius:18px;box-shadow:inset 0 0 0 2px #aa8048,0 0 0 1px #735135,0 20px 60px #0008;background:radial-gradient(ellipse at 50% 0,#633046,#301623 75%);padding:24px}.caller{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:center;max-width:1100px;margin:auto auto 24px}.machine{display:grid;justify-items:center}.cage{position:relative;width:160px;height:160px;border:4px solid #c8a060;border-radius:50%;background:radial-gradient(circle at 30% 25%,#efca7455,transparent 70%);box-shadow:inset 0 0 25px #0008,0 10px 20px #0005}.cage i{position:absolute;inset:-2px;border:2px solid #d2ae6c;border-radius:50%}.cage i:nth-child(1){transform:scaleX(.4)}.cage i:nth-child(2){transform:rotate(40deg) scaleX(.4)}.cage i:nth-child(3){transform:rotate(-40deg) scaleX(.4)}.cage b{position:absolute;left:65px;top:60px;color:#efd18d;font-size:28px}.machineBase{margin-top:10px;padding:7px 20px;border-top:4px solid #bd9657;color:var(--gold);font:12px Georgia;letter-spacing:.18em}.spinning .cage{animation:spin .7s ease-out}.callWrap{text-align:center}.eyebrow{display:block;font-size:.73rem;letter-spacing:.18em;color:#e5ccaa;margin-bottom:12px}.ball{width:155px;height:155px;margin:auto;border-radius:50%;background:radial-gradient(circle at 33% 23%,#fffefa 0,#f2e9d1 35%,#d4c5a4 65%,#756851 90%);color:#3a2430;box-shadow:inset -6px -8px 18px #0003,0 12px 20px #0007,0 0 40px #edbd6230;display:flex;flex-direction:column;align-items:center;justify-content:center;border:10px solid var(--ball-color,#903b54);outline:2px solid #ddb45d}.ball span{font:bold 23px Georgia;line-height:1}.ball strong{font:700 64px Georgia;line-height:1.1}.reveal{animation:reveal .65s ease-out}.callWrap #callCount{font-size:.85rem;color:var(--muted);margin-top:13px}.callerSide{text-align:center}.mini{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:88px;margin:0 auto 8px}.mini i{aspect-ratio:1;background:#ffffff0e;border:1px solid #bca37144;border-radius:2px}.mini i.on{background:var(--gold);box-shadow:0 0 9px #dcb95925}.callerSide #patternName{font:1.2rem Georgia}.callerSide small{color:var(--muted);font-size:.8rem}.recent{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:12px}.recent span{border:1px solid #a58556;border-radius:30px;padding:3px 9px;font-size:.78rem;color:#f2dfb8}.board{display:grid;grid-template-columns:30px repeat(15,minmax(0,1fr));gap:5px;max-width:1250px;margin:auto}.board span{display:grid;place-items:center;border-radius:5px;min-height:29px;font-size:.82rem;background:#140d1480;color:#b4a393}.board b{display:grid;place-items:center;color:var(--gold)}.board span.called{background:#dfbd78;color:#2f1c15;font-weight:750;box-shadow:inset 0 1px #fff7}.board span.latest{outline:2px solid #fff6de;outline-offset:1px;background:#ffe4a0}.controlBar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 3px}.controlButtons{display:flex;gap:10px;flex-shrink:0}#status{font-size:1rem;color:#e8d3b6}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.player{background:linear-gradient(145deg,#38232d,#21171f);border:1px solid #73573f;border-top:3px solid var(--player);border-radius:12px;box-shadow:var(--shadow);padding:18px;min-width:0}.playerHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.identity{display:flex;gap:10px;align-items:center;min-width:0}.avatar{border:1px solid var(--player);background:#0003;font-size:1.4rem;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.identity strong{font:1.22rem Georgia;overflow-wrap:anywhere}.identity small{display:block;font-size:.75rem;color:var(--muted)}.score{font-size:.85rem;color:var(--gold);white-space:nowrap}.cardSet{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px}.bingoCard{padding:10px;background:#f6efd9;color:#352d2c;border-radius:8px;box-shadow:0 6px 15px #0004;min-width:0}.cardCaption{font-size:.7rem;letter-spacing:.13em;text-align:center;margin:2px 0 7px;color:#716247}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.grid .col{font:700 1.6rem Georgia;text-align:center;padding-bottom:4px;color:#8c2947}.grid .col:nth-child(2){color:#245d89}.grid .col:nth-child(3){color:#6c4694}.grid .col:nth-child(4){color:#287361}.grid .col:nth-child(5){color:#865a17}.square{position:relative;aspect-ratio:1;min-height:36px;padding:0;border:1px solid #cfc1a4;border-radius:5px;background:#fffcf3;color:#342b2b;font-size:clamp(1rem,2.1vw,1.8rem);font-weight:650;box-shadow:none;isolation:isolate}.square:disabled{opacity:1;color:#51443d}.square.marked:before{content:'';position:absolute;inset:6%;border-radius:50%;background:var(--player);opacity:.32;z-index:-1;box-shadow:inset 0 0 0 2px #fff3}.square.marked{border-color:var(--player)}.square.fresh:before{animation:daub .25s ease-out}.square.winning{outline:3px solid #b88619;outline-offset:-3px;background:#fff0ae}.square.free{font-size:.63rem;line-height:1.25;color:#6c4b25}.square.free b{display:block;font-size:1.2rem}.playerActions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap}.assists{display:flex;gap:12px;flex-wrap:wrap}.assists label{font-size:.76rem;margin:0}.bingoButton{background:linear-gradient(#a64161,#6a203b);border:1px solid #d58b91;color:#fff4db;font:bold 1.13rem Georgia;letter-spacing:.08em;min-width:110px}.readyButton.on{background:#235e51}.reaction{color:#e5c684;font-size:.8rem;margin:8px 0 0;min-height:20px}.player.claimed{border-color:#edc96d;box-shadow:0 0 22px #d5ad4735}#playerTabs{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}#playerTabs button{border-bottom:3px solid var(--player)}#playerTabs button[aria-selected=true]{background:#6a3d49}.tabHint{font-size:.8rem;color:var(--muted);align-self:center}#lobby,#result{padding:24px;border:1px solid #927044;border-radius:12px;background:linear-gradient(120deg,#462334,#271821);margin-bottom:24px;box-shadow:var(--shadow)}#lobby h2,#result h2{font:2rem Georgia;margin:0 0 10px;color:#efd298}.roomCode{font:bold 1.9rem monospace;letter-spacing:.13em;color:#ffe1a0}.lobbySeats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.seat{padding:14px;border:1px solid #806043;border-radius:8px}.seat p{margin:8px 0;font-size:.85rem}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.standings{width:100%;border-collapse:collapse;margin:20px 0}.standings th,.standings td{padding:8px 12px;border-bottom:1px solid #78583a;text-align:left}.standings th{color:var(--gold)}.trophy{font-size:2.5rem;float:right}.resultConfetti{position:fixed;pointer-events:none;z-index:30;inset:0;overflow:hidden}.resultConfetti i{position:absolute;width:8px;height:15px;background:#ddb357;top:-30px;animation:fall 3s ease-in forwards}footer{display:flex;justify-content:space-between;gap:20px;color:#ae9b8d;font-size:.76rem;padding:35px 0}dialog{color:var(--ink);background:linear-gradient(150deg,#37212d,#20161d);border:1px solid #bd955d;border-radius:15px;padding:30px;width:min(950px,94vw);max-height:92vh;box-shadow:0 25px 90px #000b}dialog::backdrop{background:#100911ce;backdrop-filter:blur(5px)}.dialogHead{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid #71533a;padding-bottom:15px;margin-bottom:22px}.dialogHead small{color:var(--gold);font-size:.72rem;letter-spacing:.17em}.dialogHead h1{font:2.3rem Georgia;margin:8px 0}.dialogHead h2{margin:0;font:1.8rem Georgia}.dialogHead button{background:transparent}h2{font:1.25rem Georgia;color:#e6c992}h3{font:1.1rem Georgia;color:#e6c992}.setupGrid,.helpColumns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile{padding:13px;background:#140e1440;border:1px solid #6f503e;border-radius:8px;margin:12px 0}.profile .two{gap:8px}.profile label{margin-bottom:8px;font-size:.76rem}.profile select,.profile input{font-size:.85rem}.muted{color:var(--muted);font-size:.85rem}.notice{background:#be944b15;border-left:3px solid var(--gold);padding:14px 18px;font-size:.9rem;margin:20px 0}.notice strong{display:block;color:var(--gold)}.patternEditor{display:grid;grid-template-columns:repeat(5,32px);gap:4px;justify-content:center;padding:8px}.patternEditor button{width:32px;min-height:32px;padding:0;border-radius:3px;font-size:.7rem;background:#fff1}.patternEditor button.on{background:#d7b46d;color:#321b1e}.patternEditor button:disabled{opacity:1}.error{color:#ffb6b0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#fbefd4;color:#34202a;border:1px solid #d8b064;border-radius:10px;padding:14px 22px;box-shadow:0 7px 40px #0008;z-index:100;max-width:90vw;transition:.2s}#toast.show{transform:translate(-50%,0);opacity:1}#audioDialog,#recovery{max-width:550px}.ranges{display:flex;gap:6px}.ranges b{flex:1;text-align:center;border:1px solid #957043;background:#512538;padding:8px 2px;font-size:.9rem}.helpPatterns{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.helpPatterns p{text-align:center;font-size:.8rem}#help p{font-size:.9rem}#onlineSetup{padding:18px;background:#140e1460;border-radius:10px}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{transform:scale(.65) rotate(-15deg);opacity:.3}60%{transform:scale(1.07)}100%{transform:scale(1)}}@keyframes daub{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}}@keyframes fall{to{transform:translateY(110vh) rotate(600deg)}}
@media(min-width:1200px){.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.four .cardSet{grid-template-columns:1fr}.cards.four .square{font-size:1.3rem}.cards.four .square.free{font-size:.6rem}.cards.four .player{padding:13px}.cards.four .assists{gap:7px}.cards.four .playerActions{justify-content:center}}
@media(max-width:850px){.mast{padding:18px 18px;flex-wrap:wrap}.brand strong{font-size:1.7rem}.mast nav{margin-left:auto}.mast nav button{font-size:.8rem;padding:8px 10px}main{padding:0 16px}.hall{padding:18px 10px;border-width:8px}.machine{display:none}.caller{grid-template-columns:1fr 1fr;gap:10px}.ball{width:135px;height:135px}.ball strong{font-size:54px}.board{gap:3px;grid-template-columns:22px repeat(15,minmax(0,1fr))}.board span{font-size:.7rem;min-height:24px}.cards{gap:16px}.player{padding:12px}.square{font-size:1.3rem}.controlBar{flex-wrap:wrap;gap:10px}.lobbySeats{grid-template-columns:1fr 1fr}.setupGrid,.helpColumns{gap:20px}.helpPatterns{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.brand small{font-size:.6rem}.brand strong{font-size:1.45rem}.seal{width:46px;height:46px;font-size:1.8rem}.mast{gap:15px}.mast nav{width:100%;justify-content:space-between}.mast nav button{flex:1}.topline{font-size:.65rem;letter-spacing:0;align-items:center}.hall{padding:15px 8px}.caller{margin-bottom:16px}.eyebrow{font-size:.65rem;letter-spacing:.05em}.ball{width:115px;height:115px;border-width:7px}.ball strong{font-size:48px}.ball span{font-size:18px}.mini{width:66px;gap:2px}.callerSide #patternName{font-size:1rem}.callerSide small{font-size:.7rem}.recent span{font-size:.68rem;padding:2px 6px}.board{grid-template-columns:20px repeat(15,minmax(0,1fr));gap:2px}.board span{min-height:21px;font-size:.57rem;border-radius:2px}.board b{font-size:.7rem}.callWrap #callCount{font-size:.72rem}.cards,.cards.four{grid-template-columns:1fr}.player:not(.selected){display:none}.cardSet{grid-template-columns:1fr}.square{font-size:1.8rem;min-height:44px}.square.free{font-size:.8rem}.player{padding:17px}#playerTabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}#playerTabs button{padding:10px 7px;font-size:.9rem}.tabHint{grid-column:1/-1;text-align:center}.setupGrid,.helpColumns{grid-template-columns:1fr}.setupGrid{gap:0}dialog{padding:20px}.dialogHead h1{font-size:1.9rem}footer{display:block;font-size:.7rem}footer span{display:block;margin-top:6px}.controlButtons{flex-wrap:wrap;width:100%}.controlButtons button{flex:1}#lobby,#result{padding:18px}.roomCode{font-size:1.4rem}.lobbySeats{grid-template-columns:1fr}.assists label{font-size:.8rem}.helpPatterns{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}

.boardDetails summary{cursor:pointer;color:#ddc49b;font-size:.8rem;letter-spacing:.04em;min-height:38px;padding:7px 0;text-align:center}.boardDetails summary:focus-visible{outline:3px solid #88d9f1;outline-offset:3px}.boardDetails[open] summary{margin-bottom:7px}.boardDetails #boardSummary{color:#c6b7a7}
@media(max-width:620px){.board{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:28px repeat(15,28px);grid-auto-flow:column;gap:4px}.board span{font-size:.85rem;min-height:28px;border-radius:4px}.board b{font-size:1rem}.boardDetails summary{font-size:.8rem}}