:root{--bg-gradient:linear-gradient(180deg, #1e0b36 0%, #0c021c 100%);--panel-bg:#ffffff12;--panel-border:#ffffff1f;--text:#fff;--text-secondary:#c9bde6;--accent:#ff007f;--marked:#ffd60a;--color-gold:#ffd60a;--color-gold-shadow:#cc9a00;--color-pink:#ff007f;--color-pink-shadow:#b30059;--color-purple:#aa3bff;--color-purple-shadow:#7209b7;--color-cyan:#00f5d4;--color-cyan-shadow:#00bfa5;--color-grey:#6b6b7a;--color-grey-shadow:#4a4a54;--font-title:"Fredoka", "Segoe UI", Roboto, sans-serif;--font-body:"Outfit", "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);font-size:16px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;padding:0;overflow-x:hidden}#root{background:#0c021c80;flex-direction:column;gap:16px;width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding:20px 16px;display:flex;position:relative;box-shadow:0 0 40px #00000080}@media (width>=481px){#root{border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d}}@media (width>=768px){#root{border-left:1px solid #ffffff12;border-right:1px solid #ffffff12;gap:24px;max-width:860px;padding:28px 32px}}@media (width>=1024px){#root{gap:28px;max-width:1140px;padding:32px 48px}}@media (width>=1280px){#root{max-width:1280px;padding:36px 64px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:#fff;text-shadow:0 2px 4px #0006;letter-spacing:.02em}h1{text-align:center;background:linear-gradient(135deg,#ffd60a 0%,#ff007f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000004d);-webkit-background-clip:text;margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.8rem)}p{color:var(--text-secondary)}a{color:var(--color-cyan);font-weight:600;text-decoration:none;transition:all .2s}a:hover{text-shadow:0 0 8px var(--color-cyan)}button{font-family:var(--font-title);color:#fff;cursor:pointer;background:var(--color-purple);box-shadow:0 5px 0 var(--color-purple-shadow), 0 8px 15px #0000004d;text-shadow:0 1px 2px #0006;-webkit-user-select:none;user-select:none;box-sizing:border-box;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:12px 24px;font-size:1.05rem;font-weight:600;transition:transform .1s,box-shadow .1s;display:inline-flex}button:active:not(:disabled){box-shadow:0 1px 0 var(--color-purple-shadow), 0 3px 5px #0006;transform:translateY(4px)}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{cursor:not-allowed;opacity:.6;background:var(--color-grey)!important;box-shadow:0 5px 0 var(--color-grey-shadow)!important}button.btn-primary,button[type=submit]{background:var(--color-gold);color:#1e0b36;box-shadow:0 5px 0 var(--color-gold-shadow), 0 8px 15px #0000004d;text-shadow:none}button.btn-primary:active:not(:disabled),button[type=submit]:active:not(:disabled){box-shadow:0 1px 0 var(--color-gold-shadow), 0 3px 5px #0006}button.btn-secondary{background:var(--color-pink);box-shadow:0 5px 0 var(--color-pink-shadow), 0 8px 15px #0000004d}button.btn-secondary:active:not(:disabled){box-shadow:0 1px 0 var(--color-pink-shadow), 0 3px 5px #0006}button.btn-danger{background:#ff4d4d;box-shadow:0 5px #b32424,0 8px 15px #ff4d4d4d}button.btn-danger:active:not(:disabled){box-shadow:0 1px #b32424,0 3px 5px #0006}button.btn-cyan{background:var(--color-cyan);color:#1e0b36;box-shadow:0 5px 0 var(--color-cyan-shadow), 0 8px 15px #0000004d;text-shadow:none}button.btn-cyan:active:not(:disabled){box-shadow:0 1px 0 var(--color-cyan-shadow), 0 3px 5px #0006}.game-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);box-sizing:border-box;border-radius:24px;flex-direction:column;gap:12px;width:100%;min-width:0;padding:16px;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000040}@media (width>=768px){.game-panel{border-radius:28px;gap:16px;padding:20px}}@media (width>=1024px){.game-panel{padding:24px}}.layout-cols-2{grid-template-columns:1fr;gap:16px;width:100%;display:grid}@media (width>=768px){.layout-cols-2{grid-template-columns:1fr 1fr;gap:24px}}.layout-sidebar{grid-template-columns:1fr;gap:16px;width:100%;display:grid}@media (width>=1024px){.layout-sidebar{grid-template-columns:2fr 3fr;align-items:start;gap:28px}}.layout-full-span{grid-column:1/-1}.caller-layout{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=1024px){.caller-layout{grid-template-rows:auto;grid-template-columns:320px 1fr;align-items:start;gap:28px;display:grid}.caller-layout__left{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.caller-layout__right{flex-direction:column;gap:16px;display:flex}}.checker-layout{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=1024px){.checker-layout{grid-template-columns:300px 1fr;align-items:start;gap:28px;display:grid}.checker-layout__left{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.checker-layout__right{flex-direction:column;gap:16px;display:flex}}input[type=text],input[type=number]{border:2px solid var(--panel-border);color:#fff;width:100%;font-family:var(--font-body);background:#00000040;border-radius:12px;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=number]:focus{border-color:var(--color-cyan);box-shadow:0 0 8px #00f5d466}label{font-family:var(--font-title);color:var(--text-secondary);flex-direction:column;gap:6px;font-size:.95rem;display:flex}fieldset{border:2px solid var(--panel-border);background:#ffffff05;border-radius:20px;padding:16px}@media (width>=768px){fieldset{border-radius:24px;padding:20px}}legend{font-family:var(--font-title);color:var(--color-cyan);text-shadow:0 0 5px #00f5d44d;padding:0 12px;font-size:1.1rem;font-weight:600}@media (width>=768px){legend{font-size:1.25rem}}.game-hud-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding-bottom:12px;display:flex}@media (width>=768px){.game-hud-header{margin-bottom:12px;padding-bottom:16px}}.hud-title{font-family:var(--font-title);background:linear-gradient(135deg,#ffd60a 0%,#ff007f 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;font-size:1.35rem;font-weight:700}@media (width>=768px){.hud-title{font-size:1.6rem}}.hud-back-btn{font-family:var(--font-title);font-size:1.05rem;font-weight:700;transition:text-shadow .2s,transform .15s;color:var(--color-pink)!important}@media (width>=768px){.hud-back-btn{font-size:1.15rem}}.hud-back-btn:hover{text-shadow:0 0 8px var(--color-pink);transform:translate(-2px)}.connection-badge-pill{font-family:var(--font-title);text-shadow:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.connection-badge-pill--connected{border:1px solid var(--color-cyan);color:var(--color-cyan);background:#00f5d426;box-shadow:0 0 8px #00f5d433}.connection-badge-pill--connected .connection-badge-dot{background:var(--color-cyan);width:8px;height:8px;box-shadow:0 0 6px var(--color-cyan);border-radius:50%}.connection-badge-pill--connecting{color:#ff9f1c;background:#ff9f1c26;border:1px solid #ff9f1c;box-shadow:0 0 8px #ff9f1c33}.connection-badge-pill--connecting .connection-badge-dot{background:#ff9f1c;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulse-dot}@keyframes pulse-dot{0%{opacity:.3}to{opacity:1}}.home-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.game-logo-container{width:220px;height:220px;margin:0 auto;animation:4s ease-in-out infinite alternate logo-bounce;position:relative}@media (width>=768px){.game-logo-container{width:280px;height:280px}}@media (width>=1024px){.game-logo-container{width:320px;height:320px}}.game-logo{object-fit:contain;filter:drop-shadow(0 8px 16px #00000080);width:100%;height:100%}.game-subtitle{color:var(--text-secondary);font-size:1.1rem;font-family:var(--font-title);letter-spacing:.05em;text-shadow:0 2px 4px #0006;margin-top:-10px;margin-bottom:12px}@media (width>=768px){.game-subtitle{font-size:1.25rem}}.home-nav{flex-direction:column;gap:16px;width:100%;max-width:400px;display:flex}@media (width>=768px){.home-nav{flex-direction:row;align-items:stretch;gap:20px;max-width:100%}}@media (width>=1024px){.home-nav{gap:28px}}.menu-btn-card{font-family:var(--font-title);color:#fff;text-align:center;border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:flex;position:relative}@media (width>=768px){.menu-btn-card{border-radius:24px;padding:24px 20px}}@media (width>=1024px){.menu-btn-card{padding:32px 24px}.menu-btn-card:hover{filter:brightness(1.1);transform:translateY(-4px)}}.menu-btn-card__title{text-shadow:0 2px 3px #0006;margin-bottom:4px;font-size:1.35rem;font-weight:700}@media (width>=768px){.menu-btn-card__title{margin-bottom:8px;font-size:1.6rem}}.menu-btn-card__desc{font-family:var(--font-body);color:#ffffffd9;font-size:.85rem;font-weight:400}@media (width>=768px){.menu-btn-card__desc{font-size:.95rem}}.menu-btn-card--checker{background:linear-gradient(135deg,#aa3bff 0%,#7b2cbf 100%);box-shadow:0 6px #5a189a,0 10px 20px #5a189a66}.menu-btn-card--checker:active{transform:translateY(4px);box-shadow:0 2px #5a189a,0 4px 10px #5a189a66}.menu-btn-card--caller{background:linear-gradient(135deg,#ff007f 0%,#d8006c 100%);box-shadow:0 6px #a20052,0 10px 20px #a2005266}.menu-btn-card--caller:active{transform:translateY(4px);box-shadow:0 2px #a20052,0 4px 10px #a2005266}.menu-btn-card--multiplayer{color:#1e0b36;background:linear-gradient(135deg,#00f5d4 0%,#00bfa5 100%);box-shadow:0 6px #008f7a,0 10px 20px #008f7a66}.menu-btn-card--multiplayer .menu-btn-card__desc{color:#1e0b36d9}.menu-btn-card--multiplayer:active{transform:translateY(4px);box-shadow:0 2px #008f7a,0 4px 10px #008f7a66}@keyframes logo-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.02)}}.card-grid{border-collapse:separate;border-spacing:6px;table-layout:fixed;background:#0003;border-radius:16px;width:100%;padding:8px}.card-grid th{font-family:var(--font-title);text-align:center;color:#fff;text-shadow:0 1px 2px #00000080;border-radius:10px;padding:8px 0;font-size:1.3rem;font-weight:700}@media (width>=768px){.card-grid th{padding:10px 0;font-size:1.5rem}}.card-grid th:first-child{background:#ff007f}.card-grid th:nth-child(2){background:#aa3bff}.card-grid th:nth-child(3){color:#1e0b36;background:#00f5d4}.card-grid th:nth-child(4){background:#ff9f1c}.card-grid th:nth-child(5){color:#1e0b36;background:#ffd60a}.card-grid td{text-align:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;height:52px;padding:0;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}@media (width>=768px){.card-grid td{height:62px}}.card-grid__cell{font-family:var(--font-title);color:#fff;font-size:1.15rem;font-weight:700}@media (width>=768px){.card-grid__cell{font-size:1.3rem}}.card-grid tbody tr:nth-child(3) td:nth-child(3){color:var(--color-cyan);background:#00f5d426;font-size:.9rem}.card-grid__cell--marked{animation:.3s cubic-bezier(.175,.885,.32,1.275) cell-pop;box-shadow:0 0 12px #ffd60a99,inset 0 2px 4px #ffffff80;color:#1e0b36!important;background:linear-gradient(135deg,#ffd60a 0%,#ff9f1c 100%)!important;border-color:#ffd60a!important}.card-grid__cell--marked span{text-shadow:0 1px 1px #fff6;font-weight:800}.card-grid__cell--low-confidence{background:#ff9f1c1a;border:2px dashed #ff9f1c!important}.card-grid__cell input{text-align:center;width:100%;height:100%;color:inherit;font-family:var(--font-title);background:0 0;border:none;outline:none;padding:0;font-size:1.15rem;font-weight:700}@media (width>=768px){.card-grid__cell input{font-size:1.3rem}}.card-grid__cell input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.card-grid__cell input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@keyframes cell-pop{0%{filter:brightness(1.5);transform:scale(.8)}to{filter:brightness();transform:scale(1)}}.card-thumbnail{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:12px;transition:all .3s;box-shadow:0 4px 10px #0003}@media (width>=768px){.card-thumbnail{border-radius:24px;padding:16px}}@media (width>=1024px){.card-thumbnail:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}}.card-thumbnail--highlighted{border-color:#ff007f;animation:1.5s infinite alternate border-glow;box-shadow:0 0 20px #ff007f99}.card-thumbnail__header{font-family:var(--font-title);color:#fff;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;display:flex}.card-thumbnail__badge{color:#fff;font-family:var(--font-title);background:#ff007f;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:700;box-shadow:0 2px 5px #ff007f4d}@keyframes border-glow{0%{transform:scale(1);box-shadow:0 0 10px #ff007f66}to{transform:scale(1.01);box-shadow:0 0 22px #ff007fcc}}.card-gallery{flex-direction:column;gap:16px;width:100%;display:flex}@media (width>=768px){.card-gallery{grid-template-columns:repeat(2,1fr);align-items:start;gap:20px;display:grid}.card-gallery__actions{grid-column:1/-1}}@media (width>=1280px){.card-gallery{grid-template-columns:repeat(3,1fr)}.card-gallery__actions{grid-column:1/-1}}.card-gallery__actions{flex-direction:column;gap:12px;width:100%;display:flex}@media (width>=480px){.card-gallery__actions{flex-direction:row}.card-gallery__actions>*{flex:1}}.card-gallery__add{color:var(--color-cyan);font-family:var(--font-title);box-sizing:border-box;background:#00f5d408;border:2.5px dashed #00f5d466;border-radius:20px;justify-content:center;align-items:center;min-height:80px;padding:20px;font-size:1.15rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:inset 0 0 10px #00f5d405}.card-gallery__add:hover{border-color:var(--color-cyan);background:#00f5d414;transform:translateY(-2px);box-shadow:0 0 12px #00f5d433}.card-gallery__add:active{transform:translateY(1px)}button.card-gallery__add-random{color:var(--color-pink);font-family:var(--font-title);cursor:pointer;box-sizing:border-box;background:#ff007f08;border:2.5px dashed #ff007f66;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:80px;padding:20px;font-size:1.15rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:inset 0 0 10px #ff007f05}button.card-gallery__add-random:hover{border-color:var(--color-pink);filter:none;background:#ff007f14;transform:translateY(-2px);box-shadow:0 0 12px #ff007f33}button.card-gallery__add-random:active{transform:translateY(1px)}.condition-toggles-container{flex-direction:column;gap:8px;display:flex}.condition-toggles__list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.condition-toggle-pill{cursor:pointer;font-family:var(--font-title);color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;flex:calc(50% - 8px);justify-content:center;align-items:center;min-width:120px;padding:10px 14px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}@media (width>=768px){.condition-toggle-pill{flex:calc(50% - 12px);padding:12px 18px;font-size:1rem}}.condition-toggle-pill input{display:none}.condition-toggle-pill--active{border-color:var(--color-cyan);color:#fff;background:linear-gradient(135deg,#00f5d433 0%,#00bfa533 100%);transform:translateY(-1px);box-shadow:0 0 12px #00f5d440,inset 0 1px 2px #ffffff1a}.condition-toggle-pill:active{transform:translateY(1px)}.drawn-input-form{flex-direction:column;gap:8px;display:flex}.drawn-input-group{gap:10px;width:100%;display:flex}.drawn-input-group input{font-family:var(--font-title);text-align:center;flex:1;font-size:1.25rem}.drawn-input-group button{flex-shrink:0}.drawn-input-error{color:#ff007f;font-family:var(--font-title);text-shadow:0 0 4px #ff007f33;margin-top:4px;font-size:.9rem}.drawn-history-title{font-family:var(--font-title);color:#fff;margin-bottom:10px;font-size:1rem;font-weight:600}@media (width>=768px){.drawn-history-title{font-size:1.1rem}}.drawn-history-list{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}@media (width>=768px){.drawn-history-list{gap:12px}}.drawn-history-ball{width:46px;height:46px;font-family:var(--font-title);color:#1e0b36;background:radial-gradient(circle at 35% 28%,#fff 0%,#ffe55c 30%,#ffd60a 60%,#cc9a00 100%);border:1px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;animation:.35s cubic-bezier(.175,.885,.32,1.275) ball-roll-in;display:flex;position:relative;box-shadow:0 6px 12px #00000080,0 0 16px #ffd60a80,inset -3px -3px 8px #00000040,inset 2px 2px 6px #fff9}.drawn-history-ball:before{content:"";filter:blur(1px);background:#ffffff8c;border-radius:50%;width:14px;height:7px;position:absolute;top:8px;left:11px;transform:rotate(-25deg)}.drawn-history-ball--last{width:54px;height:54px;font-size:1.15rem;box-shadow:0 8px 20px #00000080,0 0 30px #ffd60acc,0 0 60px #ffd60a59,inset -4px -4px 10px #0003,inset 3px 3px 8px #ffffffb3}@media (width>=768px){.drawn-history-ball{width:52px;height:52px;font-size:1.1rem}.drawn-history-ball--last{width:62px;height:62px;font-size:1.25rem}}@keyframes ball-roll-in{0%{opacity:0;transform:scale(0)rotate(-180deg)}60%{opacity:1;transform:scale(1.15)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.bingo-banner{z-index:100;flex-direction:column;gap:12px;margin-bottom:20px;display:flex;position:sticky;top:16px}.bingo-banner__item{color:#fff;background:linear-gradient(135deg,#ffd60a 0%,#ff007f 100%);border:1px solid #fff3;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;animation:.4s cubic-bezier(.175,.885,.32,1.275) banner-pop;display:flex;box-shadow:0 10px 30px #ff007f66,inset 0 2px 4px #ffffff80}@media (width>=768px){.bingo-banner__item{border-radius:24px;padding:20px 28px}}.bingo-banner__item strong{font-family:var(--font-title);letter-spacing:.05em;text-shadow:0 2px 4px #0000004d;font-size:1.5rem}@media (width>=768px){.bingo-banner__item strong{font-size:1.8rem}}.bingo-banner__item button{color:#ff007f;font-family:var(--font-title);cursor:pointer;text-shadow:none;white-space:nowrap;background:#fff;border:none;border-radius:12px;padding:8px 16px;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 3px #c06}.bingo-banner__item button:active{transform:translateY(2px);box-shadow:0 1px #c06}@keyframes banner-pop{0%{opacity:0;transform:scale(.7)translateY(-30px)}to{opacity:1;transform:scale(1)translateY(0)}}.crop-overlay__image-wrap{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;position:relative}.crop-overlay__image-wrap img{width:100%;height:auto;display:block}.crop-overlay__rect{border:2px solid var(--accent);cursor:move;background:#aa3bff26;position:absolute;box-shadow:0 0 0 9999px #00000059}.crop-overlay__edge{background:var(--accent);border-radius:4px;position:absolute}.crop-overlay__edge--top,.crop-overlay__edge--bottom{cursor:ns-resize;width:40px;height:14px;margin-left:-20px;left:50%}.crop-overlay__edge--top{top:-7px}.crop-overlay__edge--bottom{bottom:-7px}.crop-overlay__edge--left,.crop-overlay__edge--right{cursor:ew-resize;width:14px;height:40px;margin-top:-20px;top:50%}.crop-overlay__edge--left{left:-7px}.crop-overlay__edge--right{right:-7px}.ball-display-container{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:8px 0;display:flex}.bingo-ball-3d{background:radial-gradient(circle at 35% 35%,#fff 0%,#ffd60a 45%,#ff9f1c 85%,#d86c00 100%);border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;animation:.5s cubic-bezier(.175,.885,.32,1.275) ball-bounce-in;display:flex;position:relative;box-shadow:0 16px 28px #00000073,inset -10px -10px 24px #00000073,inset 8px 8px 16px #fff9}@media (width>=768px){.bingo-ball-3d{width:160px;height:160px}.bingo-ball-center{width:86px;height:86px}.bingo-ball-letter{font-size:1.05rem}.bingo-ball-number{font-size:2.6rem}}@media (width>=1024px){.bingo-ball-3d{width:180px;height:180px}.bingo-ball-center{width:96px;height:96px}.bingo-ball-number{font-size:3rem}}.bingo-ball-3d:after{content:"";filter:blur(1px);background:#fff6;border-radius:50%;width:30px;height:15px;position:absolute;top:10%;left:15%;transform:rotate(-30deg)}.bingo-ball-center{background:radial-gradient(circle at 40% 35%,#fff7a0 0%,#ffd60a 55%,#e6a800 100%);border:2px solid #ffffff80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:inset 0 4px 8px #00000040,0 2px 6px #0000004d}.bingo-ball-letter{font-family:var(--font-title);color:#7a4800;text-transform:uppercase;font-size:.9rem;font-weight:700;line-height:1}.bingo-ball-number{font-family:var(--font-title);color:#1e0b36;text-shadow:0 1px #fff6;margin-top:-2px;font-size:2.1rem;font-weight:800;line-height:1}.bingo-ball-3d--empty{background:radial-gradient(circle at 35% 35%,#555 0%,#222 60%,#111 100%);border:1px solid #ffffff1a;animation:none;box-shadow:0 8px 16px #0006,inset -6px -6px 15px #0006,inset 6px 6px 12px #ffffff26}.bingo-ball-3d--empty .bingo-ball-center{background:#ffffff0d;border-color:#ffffff1a;box-shadow:inset 0 2px 5px #00000080}.bingo-ball-3d--empty .bingo-ball-number{color:#fff3}@keyframes ball-bounce-in{0%{opacity:0;transform:scale(.3)translateY(50px)rotate(-180deg)}50%{transform:scale(1.1)translateY(-10px)rotate(20deg)}75%{transform:scale(.95)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.number-board{box-sizing:border-box;background:#0003;border:1px solid #ffffff0d;border-radius:20px;width:100%;padding:12px}@media (width>=768px){.number-board{border-radius:24px;padding:16px}}.number-board--vertical{flex-direction:column;gap:8px;display:flex}.number-board__row{align-items:center;gap:10px;display:flex}.number-board__letter{width:30px;height:30px;font-family:var(--font-title);color:#fff;text-shadow:0 1px 2px #0006;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex;box-shadow:0 2px 4px #0000004d}@media (width>=768px){.number-board__letter{width:36px;height:36px;font-size:1.3rem}}.number-board__row:first-child .number-board__letter{background:#ff007f}.number-board__row:nth-child(2) .number-board__letter{background:#aa3bff}.number-board__row:nth-child(3) .number-board__letter{color:#1e0b36;background:#00f5d4}.number-board__row:nth-child(4) .number-board__letter{background:#ff9f1c}.number-board__row:nth-child(5) .number-board__letter{color:#1e0b36;background:#ffd60a}.number-board__numbers{flex:1;grid-template-columns:repeat(15,1fr);gap:3px;display:grid}@media (width>=768px){.number-board__numbers{gap:4px}}.number-board__cell{aspect-ratio:1;color:var(--text-secondary);font-family:var(--font-title);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;box-shadow:none!important;transform:none!important}@media (width>=768px){.number-board__cell{border-radius:10px;font-size:.85rem}}@media (width>=1024px){.number-board__cell{font-size:.95rem}}.number-board__cell:hover:not(:disabled){color:#fff;background:#ffffff1a}.number-board__cell--drawn{font-weight:800;animation:.3s cubic-bezier(.175,.885,.32,1.275) cell-pop;color:#1e0b36!important;background:linear-gradient(135deg,#ffd60a 0%,#ff9f1c 100%)!important;border-color:#ffd60a!important;box-shadow:0 0 10px #ffd60a80!important}.number-board--horizontal{border-collapse:separate;border-spacing:4px;table-layout:fixed;width:100%}.number-board--horizontal th{font-family:var(--font-title);color:#fff;border-radius:8px;padding:6px 0;font-size:1.1rem;font-weight:700}@media (width>=768px){.number-board--horizontal th{padding:8px 0;font-size:1.3rem}}.number-board--horizontal th:first-child{background:#ff007f}.number-board--horizontal th:nth-child(2){background:#aa3bff}.number-board--horizontal th:nth-child(3){color:#1e0b36;background:#00f5d4}.number-board--horizontal th:nth-child(4){background:#ff9f1c}.number-board--horizontal th:nth-child(5){color:#1e0b36;background:#ffd60a}.number-board--horizontal td{background:0 0;border:none;padding:0}.number-board--horizontal .number-board__cell{border-radius:8px;width:100%;height:32px;font-size:.8rem}@media (width>=768px){.number-board--horizontal .number-board__cell{height:40px;font-size:.95rem}}.caller-controls{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.caller-controls__group{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.caller-controls__group-title{font-family:var(--font-title);color:var(--text-secondary);margin-bottom:2px;font-size:.9rem}.caller-controls__row{box-sizing:border-box;flex-wrap:wrap;gap:8px;width:100%;min-width:0;display:flex}.caller-controls__row button{box-sizing:border-box;flex:1;min-width:90px;padding:10px 12px;font-size:.9rem}@media (width>=768px){.caller-controls__row button{padding:12px 16px;font-size:1rem}.caller-controls__group-title{font-size:1rem}}.btn-draw-main{box-sizing:border-box;width:100%;margin:4px 0;padding:16px 24px!important;font-size:1.3rem!important}@media (width>=768px){.btn-draw-main{padding:18px 28px!important;font-size:1.5rem!important}}.caller-controls__settings-grid{flex-direction:column;gap:8px;width:100%;display:flex}.caller-controls__settings-grid>button{width:100%;padding:10px 12px;font-size:.9rem}.caller-controls__layout-group{gap:6px;width:100%;display:flex}.caller-controls__layout-group button{flex:1;padding:10px 12px;font-size:.9rem}@media (width>=768px){.caller-controls__settings-grid>button,.caller-controls__layout-group button{padding:12px 16px;font-size:1rem}}