.bingo-play{color:#fff;min-height:100vh;padding-bottom:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.bingo-play:before{content:"";background-image:var(--bg-image);opacity:.2;z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.bingo-header{background:#000000b3;border-bottom:2px solid gold;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.logo-text{background:linear-gradient(gold 0%,#d4af37 100%);-webkit-text-fill-color:transparent;letter-spacing:.15em;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}.stats{gap:2rem;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{color:#aaa;letter-spacing:.1em;font-size:.7rem}.stat-value{font-family:Courier New,monospace;font-size:1.4rem;font-weight:700}.stat-value.drawn{color:#4caf50}.stat-value.progress{color:gold}.game-area{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.canvas-container{border-radius:1rem;width:100%;max-width:350px;height:220px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080}.game-canvas{width:100%;height:100%;display:block}.current-ball-overlay{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ball-display{border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;animation:2s ease-in-out infinite ballPulse;display:flex;box-shadow:inset -10px -10px 30px #0000004d,0 10px 30px #0006;aspect-ratio:1!important}@keyframes ballPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ball-number{color:#333;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;font-size:3rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0003}.waiting-message,.complete-message{text-align:center;color:#fffc;text-shadow:0 2px 4px #00000080;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.complete-message{color:gold;font-size:1.4rem;font-weight:700}.bingo-winner-message{text-align:center;animation:.5s ease-out bingoPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bingoPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}70%{transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.bingo-text{color:gold;text-shadow:0 0 20px #ffd700cc;font-size:2.5rem;font-weight:700;animation:1s ease-in-out infinite bingoGlow}@keyframes bingoGlow{0%,to{text-shadow:0 0 20px #ffd700cc}50%{text-shadow:0 0 40px gold}}.bingo-winner{color:#fff;margin-top:.5rem;font-size:1.5rem;font-weight:700}.bingo-card{color:#aaa;margin-top:.25rem;font-size:.9rem}.controls{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:50px;padding:.9rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #0000004d}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0006}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.progress-container{background:#fffc;border-radius:4px;width:100%;max-width:400px;height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#4caf50,gold);height:100%;transition:width .5s}.history-main-layout{box-sizing:border-box;align-items:stretch;gap:1.5rem;width:100%;margin-bottom:1rem;padding:0 2rem;display:flex}.history-main-layout .numbers-history{flex-direction:column;flex:0 0 45%;height:auto;margin:20px;display:flex}.history-main-layout .numbers-list{flex:1;justify-content:flex-start;align-items:center;gap:1rem;display:flex}.history-main-layout .history-ball{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.history-main-layout .game-area{flex:0 0 50%;margin:0}.numbers-history{background:#000c;border-radius:1rem;padding:1rem}.numbers-history h3{color:#aaa;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;font-size:.9rem}.numbers-list{flex-wrap:wrap;gap:.5rem;display:flex}.history-ball{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-weight:700;animation:.3s ease-out slideIn;display:flex;box-shadow:0 2px 8px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}.history-number{font-size:inherit;color:inherit;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.three-sections-layout{box-sizing:border-box;align-items:stretch;gap:1.5rem;width:100%;margin-bottom:1rem;padding:0 2rem;display:flex}.three-sections-layout .numbers-history{flex:1;min-height:200px;margin:0}.three-sections-layout .table-container{flex:2;margin:0}.three-sections-layout .third-section{color:#ffffff80;background:#ffffff0d;border:2px dashed #fff3;border-radius:1rem;flex:1;justify-content:center;align-items:center;padding:1rem;font-size:.9rem;display:flex}.table-players-section{align-items:flex-start;gap:2rem;padding:0 2rem;display:flex}.table-container{flex:1}.table-container h3,.players-container h3{color:gold;text-transform:uppercase;letter-spacing:.1em;text-align:center;margin:0 0 1rem;font-size:1rem}.numbers-table{background:#000c;border-radius:1rem;grid-template-columns:repeat(10,1fr);gap:.4rem;max-width:700px;margin:0 auto;padding:1rem;display:grid}.players-container{width:320px;max-height:500px;overflow-y:auto}.players-list{background:#000c;border-radius:1rem;padding:.5rem}.player-item{background:#ffffff0d;border-left:3px solid #0000;border-radius:.5rem;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s;display:flex}.player-item:last-child{margin-bottom:0}.player-item:hover{background:#ffffff1a}.player-winning{background:#ffd70026;border-left-color:gold;animation:1s ease-in-out infinite winningPulse}@keyframes winningPulse{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 15px #ffd70099}}.player-info{flex-direction:column;display:flex}.player-nickname{color:#fff;font-size:.95rem;font-weight:700}.player-card-id{color:#888;font-family:monospace;font-size:.7rem}.player-progress{align-items:baseline;gap:.25rem;display:flex}.remaining-count{font-family:Courier New,monospace;font-size:1.4rem;font-weight:700}.count-0{color:gold;text-shadow:0 0 10px #ffd70080}.count-1{color:#4caf50}.count-2{color:#8bc34a}.count-3{color:#ffeb3b}.count-4{color:#ff9800}.count-5{color:#ff5722}.total-count{color:#888;font-size:.85rem}.table-cell{aspect-ratio:1;cursor:default;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.4rem;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.table-cell span{color:#fff9}.table-cell.cell-drawn{border-color:#0000;box-shadow:0 2px 8px #0000004d}.table-cell.cell-drawn span{color:#fff}.table-cell.cell-current{border:2px solid gold;animation:1s ease-in-out infinite currentPulse;box-shadow:0 0 15px #ffd70080}@keyframes currentPulse{0%,to{transform:scale(1);box-shadow:0 0 15px #ffd70080}50%{transform:scale(1.1);box-shadow:0 0 25px #ffd700cc}}@media (width<=1024px){.history-main-layout{flex-direction:column}.history-main-layout .numbers-history{flex:1;width:100%}.table-players-section{flex-direction:column;align-items:center}.players-container{width:100%;max-width:600px;max-height:300px}}@media (width<=768px){.bingo-header{gap:1rem;padding:1rem}.logo-text{font-size:1.5rem}.stats{gap:1.5rem}.three-sections-layout{flex-direction:column;padding:0 1rem}.three-sections-layout .numbers-history,.three-sections-layout .table-container,.three-sections-layout .third-section{flex:none;width:100%;margin-bottom:1rem}.three-sections-layout .third-section{min-height:100px}.numbers-table{grid-template-columns:repeat(10,1fr);gap:.25rem;padding:.5rem}.table-cell{font-size:.8rem}.controls{flex-direction:column;width:100%;padding:0 1rem}.btn{width:100%}.numbers-history,.table-players-section{margin:0 1rem;padding:1rem}.players-container{max-height:250px}}@media (width<=480px){.bingo-play{flex-direction:column;justify-content:center;height:100vh;min-height:100vh;padding:0;display:flex;overflow:hidden}.bingo-header{flex-shrink:0;margin-bottom:0;padding:.15rem .25rem}.three-sections-layout{flex-grow:0!important;height:calc(100vh - 180px)!important;min-height:200px!important;max-height:calc(100vh - 180px)!important;margin:auto 0!important}.logo-text{font-size:.9rem}.stats{gap:.3rem;font-size:.6rem;flex-direction:row!important;align-items:center!important;display:flex!important}.stat-item{align-items:center;gap:.15rem;display:flex;flex-direction:row!important}.stat-label{font-size:.5rem}.stat-value{font-size:.7rem}.main-display,.history-main-layout,.game-area{display:none!important}.bingo-play>div:not(.bingo-header):not(.history-main-layout):not(.game-area){flex-direction:column!important;display:flex!important}.progress-container{height:2px;margin-top:.1rem}.three-sections-layout{flex-direction:row!important;flex-grow:0!important;gap:.25rem!important;height:200px!important;margin:auto 0!important;padding:0 .25rem!important;display:flex!important;overflow:hidden!important}.game-area-section{flex-direction:column!important;flex:0 0 25%!important;width:auto!important;min-height:auto!important;margin:0!important;padding:.2rem!important;display:flex!important;overflow:hidden!important}.canvas-container{flex:1!important;justify-content:center!important;align-items:center!important;min-height:60px!important;display:flex!important;position:relative!important}.game-canvas{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.current-ball-overlay{z-index:10!important;position:relative!important}.table-container{flex-direction:column!important;flex:0 0 50%!important;width:auto!important;height:100%!important;margin:0!important;padding:.2rem!important;display:flex!important;overflow:hidden!important}.numbers-history{flex:0 0 25%!important;width:auto!important;min-height:auto!important;margin:0!important;padding:.2rem!important;overflow:hidden!important}.third-section{color:#ffffff80;background:#ffffff0d;border:1px dashed #fff3;border-radius:.25rem;justify-content:center;align-items:center;font-size:.6rem;flex:1!important;width:auto!important;min-height:auto!important;margin:0!important;padding:.25rem!important;display:flex!important;overflow:hidden!important}.numbers-history h3{margin-bottom:.3rem;font-size:.7rem}.history-ball{width:18px;height:18px;margin:.08rem;font-size:.6rem;aspect-ratio:1!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;display:flex!important}.numbers-list{flex-wrap:wrap;justify-content:center;gap:.15rem;height:calc(100% - 25px);overflow:hidden}.table-container h3{margin-bottom:.3rem;font-size:.8rem}.numbers-table{grid-template-rows:repeat(9,1fr)!important;grid-template-columns:repeat(10,1fr)!important;gap:.05rem!important;width:100%!important;height:100%!important;padding:.1rem!important;display:grid!important;overflow:hidden!important}.table-cell{aspect-ratio:auto!important;color:#fff!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:.1rem!important;justify-content:center!important;align-items:center!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;font-size:.5rem!important;font-weight:700!important;display:flex!important}.waiting-message,.bingo-winner-message,.complete-message{padding:.3rem;font-size:.8rem}.ball-display{width:40px;height:40px;font-size:1.1rem}.players-container{display:none}.player-item{gap:.5rem;padding:.5rem}.player-nickname{font-size:.8rem}.player-card-id{font-size:.7rem}.remaining-count{font-size:.9rem}.total-count{font-size:.7rem}}@media (width<=1024px) and (orientation:landscape){.bingo-play{flex-direction:column;justify-content:center;min-height:100vh;padding:.25rem;display:flex;overflow:hidden}.bingo-header{flex-shrink:0;margin-bottom:0;padding:.15rem .25rem}.three-sections-layout{flex-grow:0!important;height:calc(100vh - 140px)!important;min-height:150px!important;margin:auto 0!important}.logo-text{font-size:.9rem}.history-main-layout,.game-area{display:none!important}.stats{gap:.25rem;font-size:.7rem}.main-display{min-height:120px;margin-bottom:.25rem;padding:.5rem}.ball-display{width:50px;height:50px;font-size:1.4rem}.waiting-message,.bingo-winner-message,.complete-message{font-size:.8rem}.progress-container{height:3px;margin-top:.15rem}.three-sections-layout{flex-direction:row!important;flex-grow:0!important;gap:.25rem!important;height:calc(100vh - 140px)!important;margin:auto 0!important;padding:0 .25rem!important;display:flex!important;overflow:hidden!important}.game-area-section{flex-direction:column!important;flex:0 0 25%!important;margin:0!important;padding:.2rem!important;display:flex!important;overflow:hidden!important}.canvas-container{flex:1!important;justify-content:center!important;align-items:center!important;min-height:80px!important;display:flex!important;position:relative!important}.game-canvas{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.current-ball-overlay{z-index:10!important;position:relative!important}.table-container{flex:0 0 50%!important;margin:0!important;padding:.3rem!important;overflow:hidden!important}.numbers-history{flex:0 0 25%!important;margin:0!important;padding:.2rem!important;overflow:hidden!important}.numbers-history h3{margin-bottom:.5rem;font-size:.7rem}.history-ball{width:18px;height:18px;margin:.08rem;font-size:.6rem;aspect-ratio:1!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;max-height:18px!important;display:flex!important}.numbers-list{flex-wrap:wrap;gap:.2rem}.table-container{flex-direction:column!important;flex:0 0 50%!important;height:100%!important;margin:0!important;padding:.2rem!important;display:flex!important;overflow:hidden!important}.table-container h3{margin-bottom:.5rem;font-size:.8rem}.numbers-table{grid-template-rows:repeat(9,1fr)!important;grid-template-columns:repeat(10,1fr)!important;gap:.05rem!important;width:100%!important;height:100%!important;padding:.1rem!important;display:grid!important;overflow:hidden!important}.table-cell{aspect-ratio:auto!important;color:#fff!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:.1rem!important;justify-content:center!important;align-items:center!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;font-size:.5rem!important;font-weight:700!important;display:flex!important}.third-section{color:#ffffff80!important;background:#ffffff0d!important;border:1px dashed #fff3!important;border-radius:.25rem!important;flex:1!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:.25rem!important;font-size:.6rem!important;display:flex!important;overflow:hidden!important}.players-container{display:none}}@media (width>=1025px){.game-area-section{display:none!important}}@media (width>=769px) and (width<=1024px){.bingo-header{padding:1.5rem}.logo-text{font-size:2rem}.stats{font-size:1.1rem}.main-display{min-height:350px;padding:2rem}.ball-display{width:90px;height:90px;font-size:2.5rem}.three-sections-layout{gap:1.5rem;padding:0 1.5rem}.numbers-history{min-height:180px}.history-ball{width:35px;height:35px;font-size:.9rem}.numbers-table{gap:.4rem;padding:.75rem}.table-cell{padding:.4rem;font-size:.9rem}}@media (width>=1025px) and (width<=1440px){.bingo-header{padding:2rem}.logo-text{font-size:2.5rem}.stats{font-size:1.2rem}.main-display{min-height:450px;padding:2.5rem}.ball-display{width:110px;height:110px;font-size:3rem}.three-sections-layout{gap:2rem;padding:0 2.5rem}.numbers-history{min-height:220px}.history-ball{width:42px;height:42px;font-size:1.1rem}.numbers-table{gap:.5rem;padding:1rem}.table-cell{padding:.5rem;font-size:1.1rem}}@media (width>=1441px) and (width<=1920px){.bingo-header{padding:.5rem}.logo-text{font-size:3rem}.stats{font-size:1.4rem}.main-display{min-height:550px;padding:3rem}.ball-display{width:130px;height:130px;font-size:3.5rem}.three-sections-layout{gap:2.5rem;padding:0 3rem}.numbers-history{min-height:280px}.numbers-history h3{font-size:1.2rem}.history-ball{width:50px;height:50px;font-size:1.3rem}.table-container h3{font-size:1.3rem}.numbers-table{gap:.6rem;padding:1.2rem}.table-cell{padding:.6rem;font-size:1.3rem}.players-container h3{font-size:1.3rem}.player-item{padding:1.2rem}.player-nickname{font-size:1.2rem}.player-card-id{font-size:1rem}.remaining-count{font-size:1.3rem}.total-count{font-size:1.1rem}}@media (width>=1921px) and (width<=3840px){.bingo-header{padding:3rem}.logo-text{font-size:4rem}.stats{font-size:1.8rem}.main-display{min-height:700px;padding:4rem}.ball-display{width:160px;height:160px;font-size:4.5rem}.waiting-message,.bingo-winner-message,.complete-message{font-size:2.5rem}.bingo-text{font-size:3rem}.bingo-winner{font-size:2rem}.bingo-card{font-size:1.5rem}.three-sections-layout{gap:3rem;padding:0 4rem}.numbers-history{min-height:350px}.numbers-history h3{font-size:1.5rem}.history-ball{width:60px;height:60px;font-size:1.6rem}.history-number{font-size:1.4rem}.table-container h3{font-size:1.5rem}.numbers-table{gap:.8rem;padding:1.5rem}.table-cell{padding:.8rem;font-size:1.6rem}.players-container{margin:0 2rem;padding:2rem}.players-container h3{font-size:1.5rem}.player-item{gap:1.5rem;padding:1.5rem}.player-nickname{font-size:1.5rem}.player-card-id{font-size:1.2rem}.remaining-count{font-size:1.6rem}.total-count{font-size:1.4rem}.progress-container{height:12px}}@media (width>=3841px){.bingo-header{padding:4rem}.logo-text{font-size:6rem}.stats{font-size:2.5rem}.main-display{min-height:1000px;padding:6rem}.ball-display{width:220px;height:220px;font-size:6rem}.waiting-message,.bingo-winner-message,.complete-message{font-size:3.5rem}.bingo-text{font-size:4.5rem}.bingo-winner{font-size:3rem}.bingo-card{font-size:2.2rem}.three-sections-layout{gap:4rem;padding:0 6rem}.numbers-history{min-height:500px}.numbers-history h3{font-size:2rem}.history-ball{width:80px;height:80px;font-size:2.2rem}.history-number,.table-container h3{font-size:2rem}.numbers-table{gap:1rem;padding:2rem}.table-cell{padding:1rem;font-size:2.2rem}.players-container{margin:0 3rem;padding:3rem}.players-container h3{font-size:2rem}.player-item{gap:2rem;padding:2rem}.player-nickname{font-size:2rem}.player-card-id{font-size:1.6rem}.remaining-count{font-size:2.2rem}.total-count{font-size:1.8rem}.progress-container{height:16px}}@media (width>=2560px) and (height<=1440px){.bingo-play{max-width:2560px;margin:0 auto}.three-sections-layout{max-width:2400px;margin:0 auto}}