.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}:root{--ink:#fff7ec;--btn:#ffffff24;--btn-on:#ffd54a;--btn-on-ink:#2b2100;--focus:#ffd54a;--dialog:#fdfdfb;--dialog-ink:#16181a;--card:#fffaf0;--card-ink:#3b2412;--bean:#c62828;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--dialog:#1f2622;--dialog-ink:#eef2ec}}:root[data-theme=dark]{--dialog:#1f2622;--dialog-ink:#eef2ec}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 95% at 50% 45%,#0000 60%,#0006),url(./table-landscape-CjNuN05o.webp) 50%/cover no-repeat fixed,#2a070c;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (orientation:portrait){body{background:radial-gradient(120% 95% at 50% 45%,#0000 60%,#0006),url(./table-portrait-B9lxMGH1.webp) 50%/cover no-repeat fixed,#2a070c}}#app.tombala{flex-direction:column;align-items:center;gap:6px;max-width:640px;min-height:100dvh;margin:0 auto;padding:6px 10px 10px;display:flex}.tb-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.group{align-items:center;gap:3px;display:flex}.group-label{opacity:.8;margin-right:2px}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;border:0;border-radius:9px;min-height:34px;padding:7px 11px;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #0000004d}.btn[aria-pressed=true]{background:var(--btn-on);color:var(--btn-on-ink);font-weight:700}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,.tb-bag:focus-visible,.cell.num:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn.primary{color:#fff;background:#1d6b3c;font-weight:700}.sound-toggle{width:34px;height:34px}.tb-caller{align-items:center;gap:16px;display:flex}.tb-bag{cursor:pointer;filter:drop-shadow(0 8px 10px #00000080);background:0 0;border:0;width:74px;height:78px;padding:0;position:relative}.tb-bag:before{content:"";background:radial-gradient(at 35% 30%,#ff6f61,#c62828 55%,#7f1111);border-radius:42% 42% 46% 46%/30% 30% 62% 62%;position:absolute;inset:15px 4px 0;box-shadow:inset 0 -8px 16px #00000059,inset 0 6px 10px #fff3}.tb-bag:after{content:"";background:linear-gradient(#b71c1c,#8e1515);border-radius:40% 40% 30% 30%;height:20px;position:absolute;top:6px;left:22px;right:22px;box-shadow:0 4px #f2c14e,inset 0 2px 3px #ffffff40}.tb-bag .bag-label{z-index:1;text-align:center;color:#ffe9b0;text-shadow:0 1px 2px #0009;font-weight:800;position:absolute;bottom:20px;left:0;right:0}.tb-bag:not(:disabled):hover:before{filter:brightness(1.08)}.tb-bag:disabled{cursor:default;filter:grayscale(.4)brightness(.8)}.tb-ball .disc{color:#3b2412;background:radial-gradient(circle at 35% 30%,#fff3d4,#e2b872 60%,#b07a36);border-radius:50%;place-items:center;width:66px;height:66px;font-size:30px;font-weight:900;display:grid;box-shadow:inset 0 0 0 5px #78461459,0 8px 16px #00000073}.tb-ball .disc.empty{opacity:.4}.tb-info{flex-direction:column;gap:2px;font-size:13px;display:flex}.tb-board{background:#00000040;border-radius:10px;grid-template-columns:repeat(15,1fr);gap:2px;width:100%;padding:6px;display:grid}.tb-board .n{aspect-ratio:1.3;color:#ffffff59;border-radius:40%;place-items:center;font-size:10px;display:grid}.tb-board .n.on{color:#3b2412;background:radial-gradient(circle at 35% 30%,#fff3d4,#d9a95a);font-weight:800}.tb-board .n.last{box-shadow:0 0 0 2px var(--btn-on), 0 0 10px #ffd54acc}.tb-prizes{gap:6px;width:100%;display:flex}.prize{background:#00000040;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:5px;font-size:12px;display:flex}.prize .p-name{font-weight:800}.prize.open{box-shadow:inset 0 0 0 2px #ffd54ab3}.prize.won{background:#ffd54a33}.prize.mine{background:#66e08a4d}.tb-cards{flex-direction:column;gap:8px;width:100%;display:flex}.tb-card{background:var(--card);border-radius:10px;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;padding:7px;display:grid;box-shadow:inset 0 0 0 3px #c62828,inset 0 0 0 5px #fffaf0,inset 0 0 0 6px #e0b35a,0 8px 16px #0006;container-type:inline-size}.tb-card .cell{aspect-ratio:1.2;border-radius:6px;place-items:center;display:grid}.tb-card .cell.blank{background:repeating-linear-gradient(45deg,#c628281a 0 4px,#0000 4px 8px)}.tb-card .cell.num{min-width:0;font:inherit;color:var(--card-ink);cursor:pointer;isolation:isolate;background:#fff;border:0;padding:0;font-size:clamp(9px,5.4cqw,24px);font-weight:800;position:relative;box-shadow:inset 0 0 0 1px #3b241240}.tb-card .cell.num.drawn{background:#fff4c2;box-shadow:inset 0 0 0 2px #f2b90f}.tb-card .cell.num.marked{color:#fff;text-shadow:0 1px 2px #000000b3}.tb-card .cell.num.marked:after{content:"";z-index:-1;background:radial-gradient(ellipse at 35% 30%, #ff8a80, var(--bean) 55%, #7f1111);opacity:.88;border-radius:50%;width:74%;height:62%;position:absolute;box-shadow:0 2px 3px #0006}.tb-card.lines-1{box-shadow:inset 0 0 0 3px #1e8e4f,inset 0 0 0 5px #fffaf0,inset 0 0 0 6px #e0b35a,0 8px 16px #0006}.tb-card.lines-2,.tb-card.lines-3{box-shadow:inset 0 0 0 3px #f2b90f,inset 0 0 0 5px #fffaf0,inset 0 0 0 6px #e0b35a,0 0 18px #ffd54a99}.btn.claim{background:#6d4c1d;padding:10px 28px;font-size:20px;font-weight:900}.btn.claim.ready{color:#3b2100;background:linear-gradient(#ffd54a,#f2a100);animation:.8s ease-in-out infinite alternate tb-glow}@keyframes tb-glow{to{box-shadow:0 0 0 4px #ffd54a99,0 0 24px #ffd54acc}}.tb-others{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.tb-other{background:#00000040;border-radius:10px;flex-direction:column;gap:3px;padding:5px;font-size:12px;display:flex}.tb-other .o-name{font-weight:800}.tb-other .o-left{opacity:.8}.tb-other .o-cards{flex-direction:column;gap:3px;display:flex}.tb-card.mini{border-radius:5px;gap:1px;padding:3px;box-shadow:inset 0 0 0 1.5px #c62828}.tb-card.mini .cell{aspect-ratio:1.6;background:#fff;border-radius:2px}.tb-card.mini .cell.blank{background:#c628281f}.tb-card.mini .cell.marked{background:var(--bean)}.overlay{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay.later{animation:1.1s step-end both tb-later}@keyframes tb-later{0%{visibility:hidden}}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:14px;flex-direction:column;gap:10px;max-width:340px;padding:18px 22px;display:flex;box-shadow:0 10px 40px #00000073}.dialog h2{margin:0;font-size:20px}.dialog .p-list p{margin:2px 0}@media (min-aspect-ratio:1){#app.tombala{grid-template:"bar bar""caller cards""board cards""prizes claim""others others"1fr/minmax(0,1fr) minmax(0,1.15fr);align-items:start;column-gap:16px;max-width:1180px;height:100dvh;display:grid;overflow:hidden}.tb-bar{grid-area:bar}.tb-caller{grid-area:caller;justify-self:center}.tb-board{grid-area:board}.tb-prizes{grid-area:prizes}.tb-cards{--card-h:calc((100dvh - 190px) / var(--nc,2));grid-area:2/cards/span 2;align-self:center}.tb-cards .tb-card{width:min(100%, calc(var(--card-h) * 2.9));margin:0 auto}.btn.claim{grid-area:claim;justify-self:center}.tb-others{grid-area:others}}@media (max-height:480px) and (min-aspect-ratio:1){#app.tombala{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"bar bar""caller cards""board cards""prizes cards""others claim";gap:4px;padding:4px 8px}.tb-cards{--card-h:calc((100dvh - 70px) / var(--nc,2));grid-row:2/span 3}.tb-bag{width:58px;height:62px}.tb-bag .bag-label{font-size:12px;bottom:12px}.tb-ball .disc{width:50px;height:50px;font-size:22px}.tb-board .n{font-size:8px}.tb-others,.tb-board{display:none}.btn{min-height:28px;padding:4px 8px}.btn.claim{align-self:end;padding:6px 16px;font-size:16px}}@media (max-height:300px) and (min-aspect-ratio:1){#app.tombala{column-gap:8px}.tb-caller{flex-wrap:wrap;justify-content:center;gap:2px 8px;max-width:100%}.tb-bag{width:46px;height:50px}.tb-bag .bag-label{font-size:11px;bottom:8px}.tb-ball .disc{width:40px;height:40px;font-size:18px}.tb-info{flex-direction:row;gap:8px;font-size:11px}.prize{min-width:0;padding:3px 2px;font-size:10px}.prize .p-name{overflow-wrap:anywhere;text-align:center}}@media (max-aspect-ratio:1) and (max-height:760px){#app.tombala{gap:4px;padding:4px 10px 6px}.tb-bag{width:58px;height:62px}.tb-bag .bag-label{font-size:12px;bottom:12px}.tb-ball .disc{width:50px;height:50px;font-size:22px}.tb-board{gap:1px;padding:4px}.tb-board .n{aspect-ratio:1.7;font-size:9px}.tb-cards{gap:6px}.btn.claim{padding:6px 22px;font-size:17px}.tb-other{flex-flow:wrap;gap:0 6px;padding:3px 6px}.tb-other .o-cards{display:none}}@media (prefers-reduced-motion:reduce){.btn.claim.ready,.overlay.later{animation:none}}