@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#0f0f23,#1a1a3e 25%,#2d1b69 50%,#1a1a3e 75%,#0f0f23);background-size:400% 400%;font-family:Orbitron,Arial Black,sans-serif;overflow:hidden}.game-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;overflow:hidden;padding:8px;position:relative}.game-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.middle-container{display:flex}.waiting-container{display:flex;justify-content:space-around;width:200px}.game-starting{color:#fff}.game-starting-container{align-items:center;background:linear-gradient(135deg,#5d637c,#1a3ba3);display:flex;height:30px;justify-content:space-around;margin-left:-90px;width:80px}.game-countdown,.game-starting-text{color:#fff;font-size:10px;font-weight:700}.recent-called-numbers{align-items:center;background-color:#262129;display:flex;height:30px;min-width:180px}.recent-called-numbers-grid{display:flex;flex-direction:row;gap:5px;justify-content:space-around;min-width:100px}.recent-called-number{align-items:center;background-color:#626e63;border-radius:5px;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:30px}.bingo-modal{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #00000080;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%)}.selected-number{background-color:#45a049;color:wheat;gap:5px;margin-bottom:5px;max-height:15px;min-width:20px}.stats-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1px solid #ffffff26;border-radius:10px;box-shadow:0 4px 20px #0006;display:flex;justify-content:space-between;margin-bottom:8px;min-height:36px;padding:6px 12px;position:relative;z-index:2}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;box-shadow:0 2px 8px #0000004d;color:#fff;flex-direction:column;font-family:Orbitron,Arial Black,sans-serif;font-size:10px;font-weight:600;height:40px;justify-content:center;margin:0 1px;min-width:55px;overflow:hidden;padding:4px 6px;position:relative;text-shadow:1px 1px 2px #0009;transition:all .2s ease}.stat-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.stat-item:hover:before{left:100%}.stat-item:hover{box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.stat-item:first-child{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d}.stat-item:nth-child(2){background:linear-gradient(135deg,#00d4aa,#00a085);box-shadow:0 2px 8px #00d4aa4d}.stat-item:nth-child(3){background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 2px 8px #f39c124d;color:#fff}.stat-item:nth-child(4){background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 2px 8px #ff6b6b4d}.stat-item:nth-child(5){background:linear-gradient(135deg,#a8e6cf,#88d8a3);box-shadow:0 2px 8px #a8e6cf4d}.language-select{background-color:#706c8b;border:none;border-radius:5px;padding:5px}.ball-display{display:flex;justify-content:space-between;padding:100px;perspective:1000px;width:100%}.merged-countdown-ball-container{align-items:center;display:flex;justify-content:center;min-height:120px;position:relative;transition:all .3s ease;width:100%}.merged-countdown-ball-container .game-starting-container{align-items:center;animation:countdownPulse 1s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff3;border-radius:25px;box-shadow:0 8px 25px #ff6b6b66;display:flex;height:50px;justify-content:center;margin:0;width:120px}.merged-countdown-ball-container .game-countdown,.merged-countdown-ball-container .game-starting{color:#fff;font-size:18px;font-weight:700;text-shadow:2px 2px 4px #0000004d}.merged-countdown-ball-container .ball-display{justify-content:center;padding:20px}.merged-countdown-ball-container .recent-called-numbers{align-items:center;display:flex;justify-content:center;padding:20px}.merged-countdown-ball-container .recent-called-numbers-grid{align-items:center;display:flex;gap:15px;justify-content:center}.merged-countdown-ball-container .recent-called-number{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #4ecdc466;color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;text-shadow:1px 1px 2px #0000004d;width:50px}@keyframes countdownPulse{0%{box-shadow:0 8px 25px #ff6b6b66;transform:scale(1)}50%{box-shadow:0 12px 30px #ff6b6b99;transform:scale(1.05)}to{box-shadow:0 8px 25px #ff6b6b66;transform:scale(1)}}.current-call-text{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;text-align:center}.ball,.current-call-text{align-items:center;color:#fff}.ball{animation:float 3s ease-in-out infinite,blink 1s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 0 30px #ff6b6b99,0 0 60px #ff6b6b4d;display:flex;font-family:Orbitron,Arial Black,sans-serif;font-size:26px;font-weight:700;height:100px;justify-content:center;overflow:hidden;position:relative;text-shadow:2px 2px 4px #00000080;width:100px}.ball:before{animation:shine 2s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.choosen-numbers{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:10px}.choosen-number{background-color:#25253f;border-radius:10px;color:#fff;padding:10px}.bingo-content{align-items:center;display:flex;flex-direction:row;gap:0;margin-top:4px}.called{background-color:#4caf50;color:#fff}.playing-section{align-items:center;display:flex;flex-direction:column;gap:4px;margin-left:5px}.called-numbers{background-color:#2c2856;border-radius:10px;margin-left:-12px;max-width:210px;padding:5px;width:100%}.called-numbers-grid{background:linear-gradient(135deg,#2a2a3e,#1e1e2f);border:2px solid #fff3;display:flex;gap:0;justify-content:flex-start;width:180px!important}.column{align-items:center;border-radius:10px;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column}.column-header{color:#333}.number{background-color:#41414b;border-radius:5px;box-shadow:0 2px 4px #0003;font-weight:600}.number.called{animation:pulse 2s infinite;background-color:#4caf50;color:#fff}.bingo-header{border:2px solid #ccc;border-radius:2px;height:100%;padding:3px;width:168px}.bingo-letter-text{align-items:center;background-color:orange;border-radius:3px;color:#fff;display:flex;height:20px;justify-content:center;width:30px}.bingo-letter-text:first-child{background-color:#ca5353;color:#fff;margin-left:-10px;width:35px}.bingo-letter-text:nth-child(2){background-color:#f7be03;color:#fff}.bingo-letter-text:nth-child(3){background-color:#320e96;color:#fff}.line{background-color:#2da115;height:2px;margin:5px 0}.bingo-letter-text:nth-child(4){background-color:#2da115;color:#fff}.bingo-letter-text:nth-child(5){background-color:#941189;color:#fff}.bingo-letters{display:flex;justify-content:space-around;margin-left:10px}.current-call{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #667eea66;display:flex;height:45px;justify-content:center;margin-top:10px;object-fit:contain;overflow:hidden;position:relative;width:180px}.current-call:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.outer-circle{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:15px solid #fff3;border-radius:50%;box-shadow:0 0 25px #ff6b6b99,inset 0 0 15px #ffffff1a;display:flex;height:50px;justify-content:center;position:relative;width:50px}.outer-circle:before{animation:rotate 4s linear infinite;background:linear-gradient(45deg,#ff6b6b,#ee5a24,#ff6b6b);border-radius:50%;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.call-display{align-items:center;display:flex;gap:5px}.call-letter,.call-number{color:#333;font-size:24px;font-weight:700}.bingo-letters span{color:#333;font-size:16px;font-weight:700}.bingo-board{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:15px;box-shadow:0 8px 32px #0000004d;height:100%;overflow:hidden;padding:8px;position:relative;width:168px}.bingo-board:before{background:linear-gradient(45deg,#0000,#ffffff0d,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.called-number-col{align-items:center;background-color:orange;border-radius:2px;color:#fff;display:flex;height:25px;justify-content:center;width:25px}[class^=bingo-button-card]{background:linear-gradient(135deg,#f39c12,#e67e22);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 8px 25px #f39c1266;color:#fff;cursor:pointer;font-family:Orbitron,Arial Black,sans-serif;font-size:12px;font-weight:700;height:45px;letter-spacing:1px;margin-top:8px;overflow:hidden;position:relative;text-shadow:2px 2px 4px #00000080;text-transform:uppercase;transition:all .3s ease;width:180px}[class^=bingo-button-card]:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}[class^=bingo-button-card]:hover:before{left:100%}[class^=bingo-button-card]:hover{box-shadow:0 12px 35px #f39c1299;transform:translateY(-2px) scale(1.05)}.last-called{animation:blink 5s;background-color:#33ccf8}@keyframes blink{0%{background-color:red;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff;color:#fff}50%{background-color:red;box-shadow:0 0 20px #fff,0 0 35px #fff,0 0 50px #fff;color:#fff}to{background-color:red;box-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff;color:#fff}}.board-row{display:flex;gap:2px;margin-bottom:5px}.board-cell{align-items:center;border:1px solid #fff3;border-radius:6px;color:#fff;font-family:Orbitron,Arial Black,sans-serif;font-size:14px;font-weight:700;justify-content:center;min-width:30px;overflow:hidden;position:relative;text-shadow:1px 1px 2px #00000080;transition:all .3s ease}.board-cell:hover{box-shadow:0 4px 15px #667eea66;transform:scale(1.05)}.board-cell:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.board-cell:hover:before{left:100%}.game-controls{display:flex;flex-direction:column;gap:10px;max-width:400px;width:100%}.bingo-button{background-color:orange;border-radius:5px;color:#fff;font-size:10px;font-weight:700;height:30px;width:200px}.action-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:flex;justify-content:center;margin-top:25px;padding:5px;width:100%}.leave-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:20px;box-shadow:0 4px 15px #ff6b6b66;color:#fff;cursor:pointer;font-family:Orbitron,Arial Black,sans-serif;font-weight:700;padding:12px 20px;text-shadow:1px 1px 2px #00000080;transition:all .3s ease;width:100%}.leave-button:hover{box-shadow:0 8px 25px #ff6b6b99;transform:translateY(-2px)}.back-container{display:flex;justify-content:flex-start;margin-bottom:20px}.back-button{background-color:#6c757d;border-radius:10px;font-size:16px;font-weight:500;padding:5px 20px;transition:background-color .3s ease}.back-button:hover{background-color:#5a6268}.bingo-winner-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bingo-winner-card{background-color:#25253f;border-radius:10px;box-shadow:0 0 20px #0000004d;max-width:80%;padding:2rem;text-align:center}.bingo-winner-card h2{color:#4caf50;font-size:2.5rem;margin-bottom:1.5rem}.winning-card{display:flex;flex-direction:column;gap:5px;margin-bottom:1.5rem}.winning-card-row{display:flex;gap:5px;justify-content:center}.winner-card-header-text{color:#4b92a5;font-size:1.5rem}.winner-card-header-winner-number{animation:fadeIn .8s infinite;color:green!important;font-size:1.5rem}@keyframes fadeIn{to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}25%{opacity:.25;transform:scale(.8)}0%{opacity:0;transform:scale(.8)}}.winning-card-cell{align-items:center;background-color:#f0f0f0;border-radius:5px;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.winning-card-cell.marked{background-color:green;color:#fff}.close-winner-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;transition:background-color .3s;width:60px}.bg-orange{background-color:orange}.close-winner-button:hover{background-color:#45a049}@media screen and (max-width:330px) and (max-height:638px){.column{width:20px}.board-cell{height:15px;padding:2px;width:15px}}.game-navigation{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 15px #0003;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px;padding:15px 20px}.nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.nav-btn:hover{background:#ffffff4d;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-family:Orbitron,Arial Black,sans-serif;font-size:.8rem;font-weight:700;height:15px;justify-content:center;max-width:35px;padding:14px;text-shadow:1px 1px 2px #00000080;transition:all .3s ease}.number:hover{box-shadow:0 6px 20px #667eea80;transform:scale(1.05)}.number.last-called{animation:pulseRed 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#ff6b6bcc;box-shadow:0 0 25px #ff6b6b99}.column-header{border-radius:8px;font-size:24px;margin-bottom:5px;padding:8px;text-shadow:2px 2px 4px #00000080}.column-header,.language-select{color:#fff;font-family:Orbitron,Arial Black,sans-serif;font-weight:700}.language-select{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 15px #667eea4d;cursor:pointer;font-size:12px;padding:8px 12px;text-shadow:1px 1px 2px #00000080;transition:all .3s ease}.language-select:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.selected-number{align-items:center;background:linear-gradient(135deg,#00d4aa,#00a085);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #00d4aa66;color:#fff;display:flex;flex-direction:row;font-family:Orbitron,Arial Black,sans-serif;font-weight:700;gap:8px;justify-content:space-evenly;margin-bottom:8px;max-height:20px;min-width:25px;padding:8px 12px;text-shadow:1px 1px 2px #00000080}.bingo-card{grid-gap:10px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin:50px auto;padding:20px;width:500px}.bingo-cell{align-items:center;aspect-ratio:1;background-color:#f5f5f5;border:2px solid #ddd;border-radius:5px;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;transition:background-color .2s}.bingo-cell:hover{background-color:#e0e0e0}.bingo-cell.marked{background-color:#4caf50;color:#fff}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}@media (max-width:480px){html{font-size:14px}}.selections-container{background-color:#cfade0;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:.5rem}@media (min-width:768px){.selections-container{padding:1rem}}@media (min-width:1024px){.selections-container{margin:0 auto;max-width:1200px;padding:1.5rem}}.balance-container{background-color:#ffffff1a;border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;text-align:center}@media (min-width:768px){.balance-container{align-items:center;flex-direction:row;justify-content:space-between;padding:1rem}}.balance-text{color:#2c2856;font-size:.9rem;font-weight:600}@media (min-width:768px){.balance-text{font-size:1rem}}.numbers-grid{grid-gap:3px;background-color:#ffffff1a;border-radius:8px;gap:3px;grid-template-columns:repeat(auto-fit,minmax(35px,1fr));margin:1rem 0;max-height:40vh;padding:.5rem}@media (min-width:480px){.numbers-grid{gap:4px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}}@media (min-width:768px){.numbers-grid{gap:5px;grid-template-columns:repeat(auto-fit,minmax(45px,1fr));padding:1rem}}@media (min-width:1024px){.numbers-grid{grid-template-columns:repeat(20,1fr);max-height:50vh}}#root,body{flex-direction:column;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;width:100vw}#root,.backcontainer,body{align-items:center;display:flex}.backcontainer{flex-direction:row;justify-content:space-between;margin-top:10px;width:50%}.loading-container{background-color:#cfade0;height:100%;width:100%}.combination-boards-container-parent{align-items:center;display:flex;flex-direction:column;justify-content:center}.combination-board-container{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr}.loading-spinner{border:16px solid #f3f3f3;border-top-color:#3498db}.loading-text{font-size:1em;padding:5px}.balance-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;flex-direction:row;padding:15px;position:relative;width:90%;z-index:2}.balance-container,.balance-text{align-items:center;display:flex;justify-content:space-between}.balance-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;flex-direction:column;font-size:1em;font-weight:700;padding:12px 16px;text-shadow:2px 2px 4px #00000080;transition:all .3s ease}.balance-text:hover{border-color:#ffffff80;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.winner-card-header{align-items:center;background-color:green;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:row;height:50px;justify-content:center;margin-bottom:10px;width:215px}.winner-card-header-text{color:#fff;font-size:1em;font-weight:700;padding:4px}.winner-card-header-winner-name,.winner-card-header-winner-number{color:green;font-size:1em;font-weight:700;padding:4px}.board-grid{max-height:100%;max-width:100%}.selections-container{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#0f0f23,#1a1a3e 25%,#2d1b69 50%,#1a1a3e 75%,#0f0f23);background-size:400% 400%;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;position:relative;width:100%}.selections-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='20' cy='20' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='80' cy='40' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='40' cy='80' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='70' cy='70' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='30' cy='30' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.numbers-grid{-ms-overflow-style:none;grid-gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:grid;gap:8px;grid-template-columns:repeat(8,1fr);max-height:50%;overflow-y:auto;padding:15px;position:relative;scrollbar-width:none;z-index:2}.number-cell{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-family:Orbitron,Arial Black,sans-serif;font-weight:700;height:25px;overflow:hidden;position:relative;text-align:center;text-shadow:1px 1px 2px #00000080;transition:all .3s ease;width:35px}.number-cell:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.number-cell:hover:before{left:100%}.number-cell:hover{border-color:#fff9;box-shadow:0 8px 25px #667eea66;transform:translateY(-2px) scale(1.05)}.combination-bingo-header{background-color:#383559;width:auto}.combination-bingo-header,.combination-bingo-header-text{display:flex;flex-direction:row;justify-content:space-around}.combination-bingo-header-text{align-items:center;min-height:20px;width:90%}.combination-bingo-header-text:first-child{background-color:red;color:#fff;margin-left:10px}.combination-bingo-header-text:nth-child(2),.combination-bingo-header-text:nth-child(3){background-color:orange;color:#fff;font-size:.8em;font-weight:700}.combination-bingo-header-text:nth-child(4){background-color:skyblue;color:#fff;font-size:.8em;font-weight:700}.combination-bingo-header-text:nth-child(5){background-color:indigo;color:#fff;font-size:.8em;font-weight:700}.combination-number-cell{border:1px solid #383559;color:#fff;cursor:pointer;font-size:.8em;font-weight:700;height:25px;text-align:center;width:30px}.number-cell-text{color:#fff}.board-grid{background:#fff;border:2px solid #333;display:inline-block;padding:10px}.board-grid-selections{background-color:#383559;display:flex;flex-direction:row;justify-content:space-between;margin-left:10px}.board-cell-selections{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);height:20px;width:20px}.board-cell{border:1px solid #333;display:flex;height:20px;width:30px}.start-game-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 8px 25px #667eea66;color:#fff;font-family:Orbitron,Arial Black,sans-serif;font-size:1.1em;font-weight:700;letter-spacing:2px;margin-top:20px;overflow:hidden;padding:20px 70px;position:relative;text-shadow:2px 2px 4px #00000080;text-transform:uppercase;transition:all .3s ease}.start-game-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.start-game-button:hover:before{left:100%}.start-game-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 35px #667eea99;transform:translateY(-3px) scale(1.05)}.number-cell.picked{animation:pulseRed 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#ff6b6bcc;box-shadow:0 0 20px #ff6b6b80;color:#fff;height:25px;position:relative;width:35px}@keyframes pulseRed{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.picked-badge{background:red;border-radius:3px;bottom:2px;color:#fff;font-size:.4em;padding:2px 3px;position:absolute;right:2px}.number-cell.selected{animation:pulseGreen 1.5s infinite;background:linear-gradient(135deg,#00d4aa,#00a085);border:3px solid #00d4aa;box-shadow:0 0 20px #00d4aa99}@keyframes pulseGreen{0%{box-shadow:0 0 20px #00d4aa99}50%{box-shadow:0 0 30px #00d4aacc}to{box-shadow:0 0 20px #00d4aa99}}.board-cell.picked-on-board{background-color:#ffe6e6;position:relative}.picked-indicator{color:green;font-weight:700;position:absolute;right:2px;top:2px}.choosen{animation:pulseOrange 2s infinite;background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#f39c12cc;box-shadow:0 0 20px #f39c1280;color:#fff;font-size:.8em;font-weight:700;height:25px;width:35px}@keyframes pulseOrange{0%{box-shadow:0 0 20px #f39c1280;transform:scale(1)}50%{box-shadow:0 0 25px #f39c12b3;transform:scale(1.05)}to{box-shadow:0 0 20px #f39c1280;transform:scale(1)}}.card-number-container{display:flex;flex-direction:column;justify-content:space-between}.card-number{color:#fff;font-size:.8em;font-weight:900;margin-bottom:10px}.start-game-button:disabled{background-color:#ccc;cursor:not-allowed}.game-status{margin-bottom:15px;text-align:center}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 4px 15px #0003;display:inline-block;font-family:Orbitron,Arial Black,sans-serif;font-size:.9em;font-weight:700;letter-spacing:1px;padding:8px 16px;text-shadow:1px 1px 2px #00000080;text-transform:uppercase}.status-badge.in-progress{animation:pulseStatus 2s infinite;background:linear-gradient(135deg,#00d4aa,#00a085);box-shadow:0 4px 15px #00d4aa66;color:#fff}@keyframes pulseStatus{0%{box-shadow:0 4px 15px #00d4aa66}50%{box-shadow:0 6px 20px #00d4aa99}to{box-shadow:0 4px 15px #00d4aa66}}.status-badge.waiting{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 15px #f39c1266;color:#fff}.status-badge.finished{background-color:#f44336;color:#fff}.combination-bingo-letters-text{align-items:center;background-color:#dad8e0;border-radius:5px;display:flex;height:25px;justify-content:center;margin:6px;width:42px}.combination-bingo-letters{display:flex;flex-direction:row;justify-content:space-between;width:100%}.globals-container{background-color:#383559}.game-info-text,.global-ball{font-size:1em;padding:10px}.global-ball{align-items:center;animation:bounce 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 8px 25px #667eea66;color:#fff;display:flex;font-family:Orbitron,Arial Black,sans-serif;font-weight:700;height:40px;justify-content:center;text-shadow:2px 2px 4px #00000080;width:150px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.loading-spinner{border:16px solid #ffffff1a;border-top-color:#667eea;box-shadow:0 0 30px #667eea80;height:120px;width:120px}.loading-text{font-size:1.2em;letter-spacing:2px;padding:10px}.game-info-text,.loading-text{color:#fff;font-family:Orbitron,Arial Black,sans-serif;font-weight:700;text-shadow:2px 2px 4px #00000080;text-transform:uppercase}.game-info-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0003;font-size:1.1em;letter-spacing:1px;padding:15px}.globals-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:row;justify-content:center;margin-bottom:15px;padding:10px}.landing-container{align-items:center;background-color:#0f1419;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:10px 0 20px;position:relative;width:100%}.connection-status{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid;border-radius:12px;box-shadow:0 4px 15px #0003;margin-bottom:15px;max-width:600px;padding:12px 18px;position:relative;transition:all .3s ease;width:90%;z-index:1}.connection-status.connected{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e66;box-shadow:0 4px 15px #22c55e33}.connection-status.disconnected{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:#ef444466;box-shadow:0 4px 15px #ef444433}.connection-indicator{align-items:center;display:flex;gap:10px;margin-bottom:8px}.connection-dot{animation:connectionPulse 2s infinite;border-radius:50%;height:12px;width:12px}.connection-dot.connected{background:#22c55e;box-shadow:0 0 10px #22c55e99}.connection-dot.disconnected{background:#ef4444;box-shadow:0 0 10px #ef444499}@keyframes connectionPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.connection-text{color:#fff;font-size:1rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.connection-message{margin-top:8px}.connection-message p{color:#fffc;font-size:.9rem;margin:0;text-align:center;text-shadow:1px 1px 2px #0000004d}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-shadow:2px 2px 4px #000c}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#3b82f6;box-shadow:0 0 20px #3b82f680;height:50px;margin-bottom:1rem;width:50px}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef444433;border:2px solid #ef444480;border-radius:12px;color:#fff;margin-bottom:2rem;max-width:600px;padding:1rem;text-align:center;text-shadow:2px 2px 4px #000c;width:90%}.landing-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.05'/%3E%3Ccircle cx='50' cy='10' r='1' fill='%23fff' opacity='.03'/%3E%3Ccircle cx='10' cy='60' r='1' fill='%23fff' opacity='.03'/%3E%3Ccircle cx='90' cy='40' r='1' fill='%23fff' opacity='.03'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.page-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffff40,#ffffff1a);border:2px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:15px;margin-top:5px;padding:12px 18px;position:relative;width:90%;z-index:1}.page-header h1{color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #00000080}.view-all-rooms-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.view-all-rooms-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.live-stats-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px;position:relative;width:90%;z-index:1}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0003;cursor:default;display:flex;flex:1 1;gap:8px;max-width:120px;min-width:80px;padding:12px 16px;transition:all .3s ease}.stat-card:hover{border-color:#ffffff4d;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.stat-icon{font-size:18px;opacity:.9}.stat-content{align-items:center;flex:1 1}.stat-value{color:#fff;text-shadow:1px 1px 2px #0000004d}.stat-label{color:#fffc;font-size:.7rem;font-weight:500;line-height:1;margin-top:2px;text-align:center}.header{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border:2px solid #fff3;border-radius:15px;box-shadow:0 6px 20px #ff6b3566;display:flex;flex-shrink:0;height:45px;justify-content:space-around;margin-bottom:15px;position:relative;width:90%;z-index:1}.header p{color:#fff;font-size:1rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.rooms-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:12px;padding:0 5%;width:100%}.room-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#0f172a;border:1px solid #ffffff26;box-shadow:0 8px 25px #00000040;flex-shrink:0;gap:15px;min-height:100px;padding:20px;position:relative;width:100%;z-index:1}.room-card:hover{animation:pulse 2s infinite;background-color:#1e293b;border-color:#fff6;box-shadow:0 15px 40px #0009;transform:translateY(-5px) scale(1.02)}.room-card:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.room-title{justify-content:space-between;margin-bottom:10px}.room-title,.room-title-left{align-items:center;display:flex}.room-title-left{gap:12px}.room-bet-amount{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:1px 1px 2px #0000004d}.live-indicator{align-items:center;animation:liveIndicatorPulse 2s infinite;background:#22c55e33;border:1px solid #22c55e66;border-radius:12px;box-shadow:0 0 15px #22c55e4d;color:#22c55e;display:flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.live-dot{animation:dotPulse 1.5s infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e99;height:6px;width:6px}@keyframes liveIndicatorPulse{0%{background:#22c55e33;border-color:#22c55e66;box-shadow:0 0 15px #22c55e4d}50%{background:#22c55e4d;border-color:#22c55e99;box-shadow:0 0 20px #22c55e80}to{background:#22c55e33;border-color:#22c55e66;box-shadow:0 0 15px #22c55e4d}}@keyframes dotPulse{0%{box-shadow:0 0 10px #22c55e99;transform:scale(1)}50%{box-shadow:0 0 15px #22c55ecc;transform:scale(1.3)}to{box-shadow:0 0 10px #22c55e99;transform:scale(1)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.room-status{border-radius:12px;font-size:.8rem;letter-spacing:.5px;padding:4px 12px}.room-status.waiting{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.room-status.in-progress{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.room-status.low-balance{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.room-stats-horizontal{display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.room-stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex:1 1;gap:12px;padding:12px 16px;transition:all .3s ease}.room-stat-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.room-stat-icon{align-items:center;display:flex;font-size:1.5rem;height:30px;justify-content:center;min-width:30px}.room-stat-content{align-items:flex-start}.room-stat-value{font-size:1.1rem}.room-stat-label{color:#fffc;font-size:.75rem;letter-spacing:.5px;margin-top:2px}.room-card p{color:#fff;font-size:1rem;font-weight:500;text-shadow:1px 1px 2px #0000004d}.room-action{margin-top:10px}.play-button-stat{align-items:center!important;background:#ffffff14!important;border:1px solid #ffffff1a!important;display:flex!important;justify-content:center!important;padding:8px!important}.play-button-small{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border:2px solid #fff3;border-radius:16px;box-shadow:0 3px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;position:relative;text-shadow:1px 1px 2px #0000004d;transition:all .3s ease;width:100%}.play-button-small:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.play-button-small:hover:not(:disabled):before{left:100%}.play-button-small:hover:not(:disabled){animation:buttonGlowSmall 1.5s infinite;box-shadow:0 6px 20px #22c55e80;transform:translateY(-2px) scale(1.03)}@keyframes buttonGlowSmall{0%{box-shadow:0 6px 20px #22c55e80}50%{box-shadow:0 6px 20px #22c55eb3}to{box-shadow:0 6px 20px #22c55e80}}.play-button-small:active:not(:disabled){transform:translateY(-1px) scale(.98);transition:all .1s ease}.play-button-small:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:none;cursor:not-allowed;opacity:.7}.play-button-small:disabled:hover{animation:none;box-shadow:none;transform:none}.waiting-text-small{align-items:center;display:flex;font-size:.8rem;gap:3px}.play-button{align-items:center;background:linear-gradient(135deg,#4ade80,#22c55e);border:2px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;position:relative;text-shadow:1px 1px 2px #0000004d;transition:all .3s ease;width:100px}.play-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.play-button:hover:not(:disabled):before{left:100%}.play-button:hover:not(:disabled){animation:buttonGlow 1.5s infinite;box-shadow:0 8px 25px #22c55e80;transform:translateY(-3px) scale(1.05)}@keyframes buttonGlow{0%{box-shadow:0 8px 25px #22c55e80}50%{box-shadow:0 8px 25px #22c55eb3}to{box-shadow:0 8px 25px #22c55e80}}.play-button:active:not(:disabled){transform:translateY(-1px) scale(.98);transition:all .1s ease}.play-button:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:none;cursor:not-allowed;opacity:.7}.waiting-text{align-items:center;display:flex;gap:4px}.waiting-dots{animation:waitingDots 1.5s infinite;font-size:1.2rem;letter-spacing:2px}@keyframes waitingDots{0%,20%{opacity:0}50%{opacity:1}80%,to{opacity:0}}.room-card-bonus{align-items:center;display:flex;flex-direction:row}.bonus{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 15px #3b82f666;display:flex;font-size:.8rem;height:25px;justify-content:center;left:-8px;position:absolute;top:15px;transform:rotate(-45deg);width:55px}.bet-amount,.bonus{color:#fff;font-weight:700;text-shadow:1px 1px 2px #0000004d}.bet-amount{font-size:1.1rem}@media (min-width:768px){.landing-container{padding:15px 0 25px}.page-header{margin-bottom:18px;padding:15px 20px}.page-header h1{font-size:2.2rem}.live-stats-container{gap:15px;margin-bottom:18px}.stat-card{max-width:140px;min-width:100px;padding:15px 20px}.stat-icon{font-size:20px}.stat-value{font-size:1.3rem}.stat-label{font-size:.8rem}.header{height:50px;margin-bottom:18px;max-width:800px}.header p{font-size:1.2rem;font-weight:700}.rooms-container{gap:15px;padding:0 10%}.room-card{gap:15px;max-width:700px;min-height:130px;padding:18px}.room-stats{gap:10px}.room-stat-item{padding:10px}.room-stat-value{font-size:1rem}.room-stat-label{font-size:.7rem}.room-card p{font-size:1.1rem;font-weight:600}.play-button{font-size:1rem;height:40px;width:90px}.bonus{font-size:1rem;height:28px;left:-10px;top:12px;width:60px}.bet-amount{font-size:1.2rem;font-weight:800}}@media (min-width:1024px){.landing-container{padding:20px 0 30px}.page-header{margin-bottom:20px;max-width:1000px;padding:18px 25px}.page-header h1{font-size:2.5rem}.live-stats-container{gap:20px;margin-bottom:20px;max-width:1000px}.stat-card{max-width:160px;min-width:120px;padding:18px 24px}.stat-icon{font-size:22px}.stat-value{font-size:1.4rem}.stat-label{font-size:.85rem}.header{height:55px;margin-bottom:20px;max-width:1000px}.header p{font-size:1.3rem;font-weight:700}.rooms-container{gap:18px;padding:0 15%}.room-card{gap:18px;max-width:900px;min-height:140px;padding:20px}.room-stats{gap:12px}.room-stat-item{padding:12px}.room-stat-value{font-size:1.1rem}.room-stat-label{font-size:.75rem}.room-card p{font-size:1.2rem;font-weight:600}.play-button{font-size:1.1rem;height:45px;width:100px}.bonus{font-size:1.1rem;height:32px;left:-12px;top:15px;width:70px}.bet-amount{font-size:1.3rem;font-weight:800}}.room-card-status-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.room-card-active-game{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff3;border-radius:15px;box-shadow:0 4px 15px #ef444466;font-size:.9rem;padding:6px 12px}.room-card-active-game,.room-card-status{color:#fff;font-weight:700;text-shadow:1px 1px 2px #0000004d}.room-card-status{font-size:1rem}.room-header,.room-stats{margin-bottom:8px}.room-stats{grid-template-columns:repeat(4,1fr)}.room-stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:6px;padding:8px}.room-stat-icon{font-size:14px;opacity:.9}.room-stat-content{align-items:center;display:flex;flex:1 1;flex-direction:column}.room-stat-value{color:#fff;font-size:.9rem;font-weight:700;line-height:1;text-shadow:1px 1px 2px #0000004d}.room-stat-label{color:#ffffffb3;font-size:.6rem;font-weight:500;letter-spacing:.3px;line-height:1;text-align:center;text-transform:uppercase}.room-additional-stats{display:flex;gap:15px;justify-content:space-between;margin-bottom:8px}.additional-stat{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;display:flex;gap:5px;padding:6px 10px}.additional-label{color:#ffffffb3;font-size:.7rem;font-weight:500}.additional-value{color:#fff;font-size:.8rem;font-weight:600;text-shadow:1px 1px 2px #0000004d}.room-action{align-items:center;display:flex;justify-content:center}.room-theme-bronze{background-color:#0f172a;border:1px solid #cd853f66;box-shadow:0 8px 25px #8b451366}.room-theme-bronze:hover{border-color:#cd853f80;box-shadow:0 12px 35px #8b451380}.room-theme-bronze .bonus{background:linear-gradient(135deg,peru,#d2691e);box-shadow:0 4px 15px #cd853f66}.room-theme-bronze .room-stat-card{background:#cd853f26;border:1px solid #cd853f4d}.room-theme-bronze .room-stat-card:hover{background:#cd853f33;border-color:#cd853f66}.room-theme-silver{border:1px solid #c0c0c066;box-shadow:0 8px 25px #70809066}.room-theme-silver:hover{border-color:#c0c0c080;box-shadow:0 12px 35px #70809080}.room-theme-silver .bonus{background:linear-gradient(135deg,silver,#e6e6fa);box-shadow:0 4px 15px #c0c0c066}.room-theme-silver .room-stat-card{background:#c0c0c026;border:1px solid #c0c0c04d}.room-theme-silver .room-stat-card:hover{background:#c0c0c033;border-color:#c0c0c066}.room-theme-gold{border:1px solid #ffd70066;box-shadow:0 8px 25px #ff8c0066}.room-theme-gold:hover{border-color:#ffd70080;box-shadow:0 12px 35px #ff8c0080}.room-theme-gold .bonus{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 15px #ffd70066}.room-theme-gold .room-stat-card{background:#ffd70026;border:1px solid #ffd7004d}.room-theme-gold .room-stat-card:hover{background:#ffd70033;border-color:#ffd70066}.room-theme-platinum{border:1px solid #bcc6cc66;box-shadow:0 8px 25px #98afc766}.room-theme-platinum:hover{border-color:#bcc6cc80;box-shadow:0 12px 35px #98afc780}.room-theme-platinum .bonus{background:linear-gradient(135deg,#e5e4e2,#bcc6cc);box-shadow:0 4px 15px #e5e4e266}.room-theme-platinum .room-stat-card{background:#bcc6cc26;border:1px solid #bcc6cc4d}.room-theme-platinum .room-stat-card:hover{background:#bcc6cc33;border-color:#bcc6cc66}.room-theme-default{border:1px solid #ffffff26;box-shadow:0 8px 25px #00000040}.room-theme-bronze .play-button{background:linear-gradient(135deg,peru,#d2691e);box-shadow:0 4px 15px #cd853f66}.room-theme-bronze .play-button:hover:not(:disabled){box-shadow:0 6px 20px #cd853f99}.room-theme-bronze .play-button-small{background:linear-gradient(135deg,peru,#d2691e);box-shadow:0 3px 12px #cd853f66}.room-theme-bronze .play-button-small:hover:not(:disabled){box-shadow:0 6px 20px #cd853f99}.room-theme-silver .play-button{background:linear-gradient(135deg,silver,#e6e6fa);box-shadow:0 4px 15px #c0c0c066;color:#fff}.room-theme-silver .play-button:hover:not(:disabled){box-shadow:0 6px 20px #c0c0c099}.room-theme-silver .play-button-small{background:linear-gradient(135deg,silver,#e6e6fa);box-shadow:0 3px 12px #c0c0c066;color:#fff}.room-theme-silver .play-button-small:hover:not(:disabled){box-shadow:0 6px 20px #c0c0c099}.room-theme-gold .play-button{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 15px #ffd70066;color:#fff}.room-theme-gold .play-button:hover:not(:disabled){box-shadow:0 6px 20px #ffd70099}.room-theme-gold .play-button-small{background:linear-gradient(135deg,gold,orange);box-shadow:0 3px 12px #ffd70066;color:#fff}.room-theme-gold .play-button-small:hover:not(:disabled){box-shadow:0 6px 20px #ffd70099}.room-theme-platinum .play-button{background:linear-gradient(135deg,#e5e4e2,#bcc6cc);box-shadow:0 4px 15px #e5e4e266;color:#fff}.room-theme-platinum .play-button:hover:not(:disabled){box-shadow:0 6px 20px #e5e4e299}.room-theme-platinum .play-button-small{background:linear-gradient(135deg,#e5e4e2,#bcc6cc);box-shadow:0 3px 12px #e5e4e266;color:#fff}.room-theme-platinum .play-button-small:hover:not(:disabled){box-shadow:0 6px 20px #e5e4e299}.room-theme-bronze .additional-stat{background:#cd853f1a;border:1px solid #cd853f33}.room-theme-silver .additional-stat{background:#c0c0c01a;border:1px solid #c0c0c033}.room-theme-gold .additional-stat{background:#ffd7001a;border:1px solid #ffd70033}.room-theme-platinum .additional-stat{background:#e5e4e21a;border:1px solid #e5e4e233}@media (max-width:768px){.room-stats-horizontal{gap:10px}.room-stat-card{gap:10px;padding:10px 12px}.room-stat-icon{font-size:1.3rem;height:28px;min-width:28px}.room-stat-value{font-size:1rem}.room-stat-label{font-size:.7rem}.room-bet-amount{font-size:1.1rem}.live-indicator{font-size:.65rem;padding:3px 6px}.live-dot{height:5px;width:5px}.room-status{font-size:.75rem;padding:3px 10px}}@media (max-width:480px){.room-stats-horizontal{flex-wrap:wrap;gap:8px}.room-stat-card{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;gap:8px;min-width:calc(50% - 4px);padding:8px 10px}.room-stat-icon{font-size:1.2rem;height:24px;min-width:24px}.room-stat-value{font-size:.9rem}.room-stat-label{font-size:.65rem}.room-bet-amount{font-size:1rem}.live-indicator{font-size:.6rem;padding:2px 5px}.live-dot{height:4px;width:4px}.room-status{font-size:.7rem;padding:2px 8px}.play-button{font-size:.9rem;height:35px;width:90px}}.rooms-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:auto;padding:20px}.rooms-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000001a;justify-content:space-between;margin-bottom:30px;padding:20px}.back-button,.rooms-header{align-items:center;display:flex}.back-button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.back-button:hover{background:#ffffff4d;transform:scale(1.1)}.rooms-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.refresh-info{color:#fffc;font-size:14px;font-weight:500}.loading-spinner{align-items:center;color:#fff;display:flex;flex-direction:column;height:400px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rooms-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px;overflow:visible}.room-card{border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 25px #0003;display:flex;flex-direction:column;height:200px;overflow:hidden;padding:15px;transition:all .3s ease}.room-card:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-5px)}.room-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.room-header-right{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:120px}.room-header-right .join-room-btn-header{flex-shrink:0}.room-header-right:only-child .room-status{margin-left:auto}.room-id{color:#2c3e50;font-size:1.5rem;font-weight:700}.room-status{border-radius:15px;font-size:10px;letter-spacing:1px;padding:6px 12px}.join-room-btn-header,.room-status{color:#fff;font-weight:600;text-transform:uppercase}.join-room-btn-header{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:15px;box-shadow:0 2px 8px #28a7454d;cursor:pointer;font-size:11px;letter-spacing:.5px;padding:6px 16px;transition:all .3s ease;white-space:nowrap}.join-room-btn-header:hover:not(:disabled){box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.join-room-btn-header:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed}.room-stats{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.stat-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;display:flex;gap:6px;padding:8px}.stat-icon{color:#667eea;font-size:16px;width:20px}.stat-content{align-items:flex-start;display:flex;flex-direction:column}.stat-value{color:#2c3e50;font-size:1.1rem;font-weight:700;line-height:1}.stat-label{color:#6c757d;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.room-details{flex-grow:1;margin-bottom:10px;overflow:hidden}.room-bet{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.bet-label{font-size:14px;font-weight:500}.bet-value{font-size:16px;font-weight:700}.recent-numbers{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.recent-label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.numbers-list{display:flex;flex-wrap:wrap;gap:6px}.recent-number{background:#e9ecef;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:12px;font-weight:600;padding:4px 8px}.no-rooms{align-items:center;color:#fff;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.no-rooms h3{font-size:1.5rem;margin:20px 0 10px}.no-rooms p{font-size:1rem;margin:0;opacity:.8}.rooms-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;color:#fff;padding:20px;text-align:center}.rooms-footer p{font-size:14px;margin:5px 0;opacity:.9}@media (max-width:768px){.rooms-container{padding:15px}.rooms-header{flex-direction:column;gap:15px;text-align:center}.rooms-header h1{font-size:2rem}.rooms-grid{gap:15px}.room-stats,.rooms-grid{grid-template-columns:1fr}.room-stats{gap:10px}.stat-item{padding:12px}}@media (max-width:480px){.room-card{height:180px;padding:12px}.room-stats{gap:6px}.stat-item{gap:6px;padding:6px}.stat-icon{font-size:14px}.stat-value{font-size:1rem}}
/*# sourceMappingURL=main.223e9cbd.css.map*/