code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:linear-gradient(135deg,#1a472a,#2d4d32);box-shadow:0 2px 10px #0000004d;color:#fff;position:relative}.header-top{border-bottom:1px solid #ffffff1a;gap:15px;justify-content:space-between;min-height:40px;padding:5px 15px;position:relative}.header-top,.logo-section{align-items:center;display:flex}.logo-section{flex-shrink:0;gap:6px}.logo{font-size:18px}.site-name{color:gold;font-size:16px;font-weight:700;margin:0;white-space:nowrap}.header-nav{align-items:center;display:flex;flex:1 1;gap:0;justify-content:center;margin:0 auto;max-width:350px}.nav-tab{border-bottom:2px solid #0000;color:#fffc;font-size:12px;font-weight:500;padding:8px 15px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-tab.active,.nav-tab:hover{background:#ffffff0d;border-bottom-color:gold;color:gold}.user-section{flex-shrink:0;position:relative}.user-welcome{align-items:center;background:#ffffff1a;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:5px 10px;transition:background .3s ease;white-space:nowrap}.user-welcome:hover{background:#ffffff26;border-color:#fff3}.admin-badge{background:#ff6b6b;border-radius:4px;font-size:9px;font-weight:700;padding:1px 4px}.dropdown-arrow{font-size:8px;transition:transform .3s ease}.user-welcome:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{animation:dropdownFadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;margin-top:5px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-backdrop{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.dropdown-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:10px 15px}.user-info{flex-direction:column;gap:2px}.user-info strong{color:#333;font-size:13px}.user-email{font-size:11px}.dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:13px;padding:10px 15px;text-align:left;text-decoration:none;transition:background .2s ease;width:100%}.dropdown-item:hover{background:#f5f5f5;color:#1a472a}.dropdown-item.logout{color:#e74c3c;font-weight:500}.dropdown-item.logout:hover{background:#ffeaea;color:#c0392b}.dropdown-divider{background:#e0e0e0;height:1px;margin:0}.connection-status{align-items:center;color:#666;display:flex;font-size:12px;gap:8px;padding:10px 15px}.status-indicator.connected{color:#27ae60}.status-indicator.disconnected{color:#e74c3c}.balance-section{background:#d6cfcf33;border-top:1px solid #ffffff1a;flex-wrap:wrap;font-size:10px;gap:15px;justify-content:center;padding:4px 15px}.balance-item,.balance-section{align-items:center;display:flex}.balance-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;gap:3px;padding:3px 8px;transition:all .3s ease}.balance-item:hover{background:#ffffff1a;border-color:#fff3}.currency{color:gold;font-weight:700}.amount{color:#fff;font-weight:500}.amount.connected{color:#27ae60}.amount.disconnected{color:#e74c3c}.balance-loading{color:#fff9;font-style:italic}.refresh-balance{background:#ffffff1a;border:1px solid #fff3;border-radius:3px;color:#fff;cursor:pointer;font-size:8px;margin-left:3px;padding:1px 4px;transition:all .3s ease}.refresh-balance:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.refresh-balance:disabled{cursor:not-allowed;opacity:.5}.balance-item.currency-usd{border-left:2px solid #27ae60}.balance-item.currency-lrd{border-left:2px solid #e67e22}.balance-item.currency-inr{border-left:2px solid #3498db}.balance-item.chips{border-left:2px solid #9b59b6}.balance-item.chips .currency{color:#4caf50}.balance-item.default-currency{border-left:2px solid #f1c40f}.balance-item.connection{border-left:2px solid #e74c3c;margin-left:auto}.balance-item.last-update{border-left:2px solid #95a5a6}.connection.connected{border-left-color:#27ae60}.connection.disconnected{border-left-color:#e74c3c}@media (max-width:768px){.header-top{flex-wrap:wrap;gap:10px;padding:10px}.header-nav{margin-top:10px;max-width:none;order:3;width:100%}.nav-tab{flex:1 1;font-size:13px;padding:10px 15px;text-align:center}.balance-section{flex-wrap:wrap;font-size:11px;gap:10px;justify-content:space-around;padding:8px 10px}.user-welcome{font-size:11px;padding:6px 12px}.dropdown-menu{left:auto;min-width:140px;right:0}.balance-item.connection,.balance-item.last-update{margin-left:0}}@media (max-width:480px){.site-name{font-size:14px}.user-welcome span:first-child{max-width:80px;overflow:hidden;text-overflow:ellipsis}.balance-section{gap:8px;justify-content:space-around}.balance-item{flex-direction:column;gap:1px;min-width:80px;text-align:center}.refresh-balance{align-self:center;margin-left:0;margin-top:2px}}@media (max-width:360px){.balance-section{font-size:9px}.balance-item{min-width:70px;padding:2px 5px}.nav-tab{font-size:11px;padding:8px 10px}}@media (max-width:768px){.home-content{padding:15px}.welcome-text h1{font-size:2.2rem}.welcome-text p{font-size:1.1rem}.auth-buttons{align-items:center;flex-direction:column;gap:15px}.auth-btn{text-align:center;width:200px}.ads-grid,.features-grid{grid-template-columns:1fr}.advertisements-section h2,.features-section h2{font-size:2rem}}@media (max-width:480px){.welcome-section{padding:20px 10px}.welcome-text h1{font-size:1.8rem}.ad-card,.feature-card{padding:15px}}.gamepage-container{margin:0 auto;max-width:1200px;padding:2rem}.gamepage-container h2{color:#2c3e50;margin-bottom:1rem}.gamepage-container p{color:#7f8c8d;font-size:1.1rem}.game-table-container{-webkit-overflow-scrolling:touch;background:#0000;height:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;position:relative;touch-action:pan-x pan-y pinch-zoom;width:100%}.table-background-container{height:100%!important;left:50%!important;overflow:hidden;position:absolute;top:50%!important;transform:translate(-50%,-50%)!important;width:100%!important}.table-background-image{height:100%!important;object-fit:contain!important;width:100%!important}.table-fallback-bg{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:15px;display:none;height:100%;width:100%}.player-circle{align-items:center;background:#0000;border:none;border-radius:50%;box-shadow:none;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;pointer-events:auto;position:absolute;transition:all .3s ease;z-index:100}.player-circle.current-player{border:none!important;box-shadow:none!important}.player-circle.opponent{background:#0000;border:none;box-shadow:none}.player-circle.opponent.current-turn{animation:none!important;animation:pulse 2s infinite;border:none!important;border:3px solid gold!important;box-shadow:none!important;box-shadow:0 0 20px #ffd70099}.player-circle.empty-circle{background:#ffffff14!important;border:2px dashed #fff3!important;box-shadow:none;color:#ffffff80}.empty-circle-label{color:#ffffffb3!important;font-size:10px!important;text-align:center}.player-avatar{font-size:12px;height:25px;margin-bottom:2px;width:25px}.current-player .player-avatar{background:#ffffff4d;font-size:14px}.opponent .player-avatar{background:#fff3}.empty-circle .player-avatar{background:#ffffff1a;color:#ffffff80}.player-score{border-radius:10px;font-size:11px;font-weight:700}.current-player-score{color:#ffc107}.opponent-score{color:#2196f3}.player-name-tooltip{background:#000000e6;border:1px solid #4caf50;border-radius:6px;box-shadow:0 3px 10px #0000004d;color:#fff;font-size:11px;padding:6px 12px;position:absolute;top:-35px;white-space:nowrap;z-index:101}.table-center{justify-content:center;z-index:50}.deck-area,.discard-area{align-items:center;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;transition:transform .3s}.deck-area:hover,.discard-area:hover{transform:translateY(-5px)}.deck-stack,.discard-stack{position:relative}.deck-card,.discard-card,.joker-card{align-items:center;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;justify-content:center;overflow:hidden!important}.deck-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:3px solid #4caf50}.deck-card-back{align-items:center;border-radius:6px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.jv-rummy-text{color:#ffc107;text-align:center}.jv-text{font-size:20px;font-weight:700}.rummy-text{font-size:12px;margin-top:5px}.joker-card-container{margin:0!important}.joker-card{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:3px solid #ffc107;box-shadow:0 4px 12px #ffc1074d}.joker-card-image{border-radius:12px;height:100%!important;object-fit:contain!important;padding:0!important;width:100%!important}.joker-label{background:#ffc1071a;border-radius:4px;color:#ffc107;font-size:11px;font-weight:700;margin-top:5px;padding:3px 8px;text-align:center}.discard-card{background:#fff;border:2px solid #333}.discard-card-image{border-radius:6px;height:100%;object-fit:contain;padding:5px!important;width:100%}.discard-view-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;margin-top:8px;padding:4px 12px;transition:all .3s}.discard-view-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.discard-count{background:#00000080;border-radius:10px;color:#aaa;font-size:11px;margin-top:5px;padding:2px 6px}.empty-deck,.empty-discard{align-items:center;background:#ffffff1a;border:2px dashed #666;border-radius:8px;color:#999;display:flex;font-size:12px;justify-content:center}@keyframes deckShuffle{0%{opacity:1;transform:scale(1) rotateY(0deg)}15%{opacity:.8;transform:scale(1.05) rotateY(60deg)}30%{opacity:.4;transform:scale(.95) rotateY(180deg)}45%{opacity:.6;transform:scale(1.08) rotateY(300deg)}60%{opacity:.3;transform:scale(.9) rotateY(1turn)}75%{opacity:.7;transform:scale(1.05) rotateY(180deg)}90%{opacity:.5;transform:scale(1.1) rotateY(540deg)}to{opacity:1;transform:scale(1) rotateY(2turn)}}@keyframes shuffleParticles{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.6;transform:translateY(-20px) scale(1.5)}to{opacity:0;transform:translateY(-40px) scale(0)}}@keyframes shuffleGlow{0%,to{box-shadow:0 0 10px #ffd7004d,inset 0 0 10px #ffd7001a}50%{box-shadow:0 0 30px #ffd700cc,inset 0 0 20px #ffd7004d}}.deck-card.reshuffling{animation:deckShuffle .8s ease-in-out,shuffleGlow .8s ease-in-out}.discard-stack.reshuffling-to-deck{animation:deckShuffle .6s ease-in-out}.shuffle-particles{animation:shuffleParticles .5s ease-out forwards;background:gold;border-radius:50%;height:6px;left:50%;pointer-events:none;position:absolute;top:50%;width:6px;z-index:200}@keyframes reshuffleToastIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes reshuffleToastOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(-20px)}}.reshuffle-toast{animation:reshuffleToastIn .3s ease-out,reshuffleToastOut .5s ease-in 2.2s forwards!important}@media (max-width:768px){.game-table-container{min-height:100vh}.table-background-container{height:92%!important;width:96%!important}.table-center{height:50%!important;width:90%!important}.player-circle{height:55px!important;width:55px!important}.player-avatar{font-size:10px;height:22px;width:22px}.player-name-tooltip{font-size:10px;padding:4px 8px;top:-30px}.jv-text{font-size:16px}.rummy-text{font-size:9px}}@media (max-width:480px){.table-background-container{height:90%!important;width:98%!important}.table-center{height:45%!important;width:92%!important}.player-circle{height:50px!important;width:50px!important}.jv-text{font-size:14px}.rummy-text{font-size:8px}}@media (orientation:landscape) and (max-height:600px){.game-table-container{min-height:120vh!important}.table-background-container{height:88%!important;width:98%!important}.table-center{height:60%!important;width:92%!important}.player-circle{height:45px!important;width:45px!important}}@media (min-width:1024px){.table-background-container{height:90%!important;width:95%!important}.table-center{height:55%!important;width:80%!important}.player-circle{height:75px!important;width:75px!important}}:fullscreen .game-table-container{min-height:100vh!important}:-webkit-full-screen .game-table-container{min-height:100vh!important}:-moz-full-screen .game-table-container{min-height:100vh!important}.seating-phase-banner{background:#000000e6;border:2px solid #4caf50;border-radius:10px;box-shadow:0 5px 15px #00000080;color:#fff;left:50%;padding:10px 20px;position:absolute;text-align:center;top:10px;transform:translateX(-50%);z-index:1000}.seating-title{color:#4caf50;font-size:16px;font-weight:700;margin-bottom:5px}.seating-timer{color:#ffc107;font-size:14px;margin-bottom:5px}.first-player-announcement{color:#ffc107;font-size:12px;margin-bottom:5px}.seating-instructions{color:#aaa;font-size:11px;margin-bottom:10px}.player-circle.current-player .player-name-display{text-shadow:0 0 10px #0f0,2px 2px 6px #000000e6}.player-circle.current-turn .player-name-display{animation:pulseGlow 2s infinite;text-shadow:0 0 10px gold,2px 2px 6px #000000e6}@keyframes pulseGlow{0%,to{text-shadow:0 0 10px gold,2px 2px 6px #000000e6}50%{text-shadow:0 0 20px gold,2px 2px 8px #000000e6}}.player-info-tooltip{z-index:9999!important}.player-circle{cursor:pointer!important}@media (max-width:768px){.player-circle:active{transform:translate(-50%,-50%) scale(.95)!important}.player-info-tooltip{font-size:12px!important;max-width:180px!important;padding:10px!important}}.player-info-tooltip{animation:fadeIn .2s ease!important;opacity:1!important;pointer-events:none!important;visibility:visible!important;z-index:10000!important}.player-circle{overflow:visible!important;position:relative}.player-circle:hover{outline:2px solid red}.deck-card,.discard-card,.joker-card{border-radius:6px!important}.jv-text{font-size:18px!important}.rummy-text{font-size:10px!important;margin-top:3px!important}.joker-card-container{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center}@media (max-width:768px){.jv-text{font-size:14px!important}.deck-count-badge,.discard-count,.rummy-text{font-size:8px!important}}.player-circle.timer-green{border:4px solid #0a0!important;box-shadow:0 0 10px #0a0,0 0 0 2px #00000080!important}.player-circle.timer-yellow{border:4px solid #fa0!important;box-shadow:0 0 10px #fa0,0 0 0 2px #00000080!important}.player-circle.timer-blink,.player-circle.timer-red{border:4px solid #f33!important;box-shadow:0 0 15px #f33,0 0 0 2px #00000080!important}.player-circle.timer-blink{animation:blink 1s infinite}.player-circle.timer-bonus{border:4px solid #fa0!important;box-shadow:0 0 10px #fa0,0 0 0 2px #00000080!important}.player-timer-ring{background:#0000;border-radius:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:101}.player-countdown{background:#000c;border:1px solid #4caf50;border-radius:10px;color:#fff;font-size:12px;font-weight:700;min-width:30px;padding:2px 6px;position:absolute;right:-25px;text-align:center;top:50%;transform:translateY(-50%);z-index:102}.mobile .player-countdown{font-size:10px;min-width:25px;right:-20px}.player-bonus-ring{background:#0000;border:2px solid #ffaa004d;border-radius:50%;box-shadow:0 0 8px #ffaa0080;height:70%;left:15%;pointer-events:none;position:absolute;top:15%;width:70%;z-index:102}.timer-green{border:4px solid #0f0!important;box-shadow:0 0 10px #0f0}.timer-yellow{border:4px solid #fa0!important;box-shadow:0 0 10px #fa0}.timer-blink,.timer-red{border:4px solid red!important;box-shadow:0 0 10px red}.timer-blink{animation:blink 1s infinite}.timer-bonus{border:4px solid #fa0!important;box-shadow:0 0 10px #fa0}@keyframes blink{0%,50%{border-color:red;box-shadow:0 0 10px red}51%,to{border-color:#0000;box-shadow:none}}@keyframes pulse-notification{0%{box-shadow:0 8px 30px #00000080;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 8px 40px #4caf5080;transform:translate(-50%,-50%) scale(1.03)}to{box-shadow:0 8px 30px #00000080;transform:translate(-50%,-50%) scale(1)}}.discard-viewer-panel::-webkit-scrollbar{width:4px}.discard-viewer-panel::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.discard-viewer-panel::-webkit-scrollbar-thumb{background:gold;border-radius:4px}@keyframes pulse-submit{0%{box-shadow:0 2px 8px #0000004d}50%{box-shadow:0 2px 15px #4caf50b3,0 0 20px #4caf504d}to{box-shadow:0 2px 8px #0000004d}}.blink-text{animation:blinkText 1s infinite}@keyframes blinkText{0%,50%{opacity:1}51%,to{opacity:0}}:root{--primary-green:#1a472a;--table-green:#2d5a2d;--accent-gold:gold;--card-white:#fff;--text-light:#fff;--text-gold:gold;--player-bg:#000000d9;--button-primary:#4caf50;--button-secondary:#2196f3;--button-danger:#e74c3c;--button-purple:#9c27b0}body{background:#0a0a1a!important;margin:0;padding:0}.game-main-container,body{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;touch-action:manipulation}.game-main-container{background-color:#0a0a1a;height:100vh;left:0;position:fixed;top:0;width:100vw}.game-header{background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:2px solid #4caf50;box-shadow:0 2px 10px #0000004d;box-sizing:border-box;flex-wrap:wrap;height:40px;min-height:40px;padding:4px 12px;z-index:1000}.header-center,.header-left,.header-right{align-items:center;display:flex;gap:8px}.leave-game-btn{align-items:center;background:linear-gradient(135deg,#ff416c,#ff4b2b);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:22px;justify-content:center;min-width:50px;padding:3px 7px;transition:all .3s ease}.leave-game-btn:hover{box-shadow:0 4px 12px #ff416c66;transform:translateY(-1px)}.game-title{color:#4caf50;font-size:11px;font-weight:700}.room-id{background:#4caf5040;border:1px solid #4caf50;border-radius:3px;color:#e0ffe0;font-size:9px;padding:2px 5px}.joker-info{background:#ffc10740;border:1px solid #ffc107;border-radius:3px;color:#fff9c4;font-size:8px;padding:1px 4px}.turn-status{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px;color:#fff;font-size:9px;font-weight:700;padding:2px 5px}.game-main-area{-webkit-overflow-scrolling:touch;background:#0a0a1a;display:flex;flex:1 1;height:calc(100vh - 40px);margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;touch-action:manipulation;width:100%}.error-popup{animation:fadeInOut 3s ease-in-out;background:#dc3545e6;border-radius:4px;box-shadow:0 2px 10px #0000004d;color:#fff;font-size:12px;left:50%;padding:8px 16px;position:absolute;top:5px;transform:translateX(-50%);z-index:1001}.table-container{-webkit-overflow-scrolling:touch;background:#0a0a1a;height:100%;overflow-x:hidden;overflow-y:auto;touch-action:manipulation;width:100%}.simple-action-buttons{display:flex;flex-direction:column;gap:6px!important;position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:85px;z-index:100}.simple-action-buttons button{align-items:center;background:#9c27b0;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:700;min-width:0;padding:8px 4px;text-align:center;transition:all .2s ease;width:100%}.simple-action-buttons button:first-child{background:#9c27b0}.simple-action-buttons button:nth-child(2){background:#ff9800}.simple-action-buttons button:nth-child(3){background:#4caf50}.simple-action-buttons button:nth-child(4){background:#607d8b}.simple-action-buttons button:hover:not(:disabled){box-shadow:0 3px 10px #0000004d;transform:translateY(-1px)}.simple-action-buttons button:disabled{cursor:not-allowed;opacity:.5}@keyframes pulse-countdown{0%,to{opacity:1;transform:scale(1)}50%{box-shadow:0 0 20px #f4433699;opacity:.85;transform:scale(1.15)}}@keyframes jokerGlow{0%{box-shadow:0 4px 15px #ff6b6b99}to{box-shadow:0 4px 25px #ff6b6be6}}@media (max-width:768px){.game-header{height:35px;min-height:35px;padding:3px 8px}.header-center,.header-left,.header-right{gap:5px}.leave-game-btn{font-size:9px;height:20px;min-width:45px;padding:2px 5px}.game-title{font-size:10px}.joker-info,.room-id,.turn-status{font-size:8px;padding:1px 3px}.game-main-area{height:calc(100vh - 35px)}.simple-action-buttons{gap:4px!important;right:3px!important;width:70px!important}.simple-action-buttons button{font-size:9px!important;padding:6px 3px!important}}@media (max-width:480px){.game-header{height:30px;min-height:30px;padding:2px 5px}.header-center{flex-wrap:wrap;justify-content:center;order:2}.game-main-area{height:calc(100vh - 30px)}.simple-action-buttons{gap:3px!important;right:2px!important;width:60px!important}.simple-action-buttons button{font-size:8px!important;padding:5px 2px!important}}@media (orientation:landscape) and (max-height:600px){.game-header{height:30px;min-height:30px;padding:2px 5px}.game-main-area{height:calc(100vh - 30px)}.simple-action-buttons{gap:2px!important;right:2px!important;width:55px!important}.simple-action-buttons button{font-size:7px!important;padding:4px 1px!important}}.hidden{display:none!important}.loading-text{animation:none!important;transform:none!important}.spinner-only{animation:spin 1s linear infinite;transform-origin:center}.spinner-container{align-items:center;display:flex;flex-direction:column;position:relative}.spinner-container>:not(.spinner-only){animation:none!important}.seating-unified{align-items:center;background:linear-gradient(135deg,#0a0a1a,#1a1a2e);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;overflow-y:auto;padding:20px;width:100%}.seating-unified h2{color:#4caf50;font-size:1.6rem;margin-bottom:6px;text-align:center}.seating-unified .subtitle{color:#aaa;font-size:.95rem;margin-bottom:20px;text-align:center}.seating-cards-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px;max-width:550px}.seating-player-card{background:#ffffff14;border:1px solid #444;border-radius:12px;min-width:90px;padding:12px;text-align:center;transition:all .3s ease}.seating-player-card.winner{background:#ffd70033;border:2px solid gold;box-shadow:0 0 20px #ffd7004d}.seating-player-card img{border-radius:5px;box-shadow:0 4px 10px #0006;height:78px;margin-bottom:6px;width:55px}.seating-player-card .name{color:#ddd;font-size:.85rem;font-weight:700}.seating-player-card .winner-badge{color:gold;font-size:.8rem;font-weight:700;margin-top:4px}.seating-winner-announcement{background:#ffd70026;border:2px solid gold;border-radius:12px;color:gold;font-size:1.1rem;font-weight:700;margin-bottom:16px;padding:12px 24px;text-align:center}.seating-countdown-timer{animation:pulse 1s ease-in-out infinite;color:#ffc107;font-size:2rem;font-weight:700;margin-bottom:16px;text-align:center}.seating-skip-btn{background:#dc3545cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 20px;transition:all .2s ease}.seating-skip-btn:hover{background:#dc3545;transform:translateY(-1px)}@media (max-width:768px){.seating-unified h2{font-size:1.3rem}.seating-player-card{min-width:75px;padding:8px}.seating-player-card img{height:64px;width:45px}.seating-countdown-timer{font-size:1.6rem}.seating-winner-announcement{font-size:.95rem;padding:10px 16px}}.game-window-container{-webkit-overflow-scrolling:touch;background:#0a1929;height:100vh;overflow-x:hidden;overflow-y:auto;touch-action:manipulation;width:100%}.game-window-loading{align-items:center;background:linear-gradient(135deg,#0a1929,#1a365d);color:#fff;display:flex;height:100vh;justify-content:center;width:100%}.loading-spinner{border:4px solid #ffffff1a;height:40px;width:40px}.game-window-landscape .game-container{display:flex;flex-direction:column;height:100vh}.game-window-landscape .game-main-area{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;touch-action:manipulation}.game-window-landscape .fallback-warning{display:none!important}@media (orientation:landscape){.game-table-container{max-height:70vh}.player-hand-container{max-height:25vh}}.sound-controls-container{align-items:flex-end;bottom:15px;display:flex;flex-direction:column;position:fixed;right:15px;z-index:9999}.sound-toggle-btn{align-items:center;background:#000000b3;border:2px solid #4caf50;border-radius:50%;box-shadow:0 3px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.sound-toggle-btn:hover{background:#000000e6;box-shadow:0 5px 15px #4caf5066;transform:scale(1.1)}.volume-slider-container{align-items:center;animation:fadeIn .3s ease;background:#000000d9;border:2px solid #4caf50;border-radius:8px;box-shadow:0 5px 15px #00000080;display:none;flex-direction:column;gap:8px;margin-top:10px;min-width:120px;padding:12px 15px}.volume-slider-container.visible{display:flex}.volume-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.volume-slider::-webkit-slider-thumb:hover{background:#ff9800;transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:18px;width:18px}.volume-value{background:#4caf5033;border-radius:10px;color:#fff;font-size:12px;font-weight:700;min-width:40px;padding:3px 8px;text-align:center}@media (max-width:768px){.sound-controls-container{bottom:10px;right:10px}.sound-toggle-btn{font-size:14px;height:30px;width:30px}.volume-slider-container{min-width:100px;padding:8px 10px}.volume-slider{width:80px}.volume-slider::-webkit-slider-thumb{height:16px;width:16px}.volume-value{font-size:10px}}@media (max-width:768px) and (orientation:portrait){.sound-controls-container{bottom:5px;right:5px}.sound-toggle-btn{font-size:12px;height:28px;width:28px}}.game-window-error,.game-window-loading{align-items:center;background:linear-gradient(135deg,#0a1929,#1a365d);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.error-content,.loading-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;max-width:400px;padding:40px;text-align:center;width:90%}.loading-spinner{border:5px solid #ffffff1a;border-top-color:#2ecc71;margin:0 auto 20px}.error-content h2,.loading-content h2{color:#fff;font-size:24px;margin-bottom:10px}.error-content p,.loading-content p{color:#ffffffb3;margin-bottom:20px}.error-content button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .3s ease}.error-content button:hover{transform:translateY(-2px)}.orientation-warning{align-items:center;background:#0a1929;color:#fff;display:none;flex-direction:column;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100vw;z-index:10000}.orientation-warning.show{display:flex}.rotate-icon{animation:rotate 2s ease-in-out infinite;font-size:60px;margin-bottom:20px}@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}to{transform:rotate(0deg)}}@media (orientation:portrait){.orientation-warning{display:flex}}.profile-container{margin:0 auto;max-width:1000px;min-height:70vh;padding:2rem}.profile-error,.profile-loading{color:#666;font-size:1.2rem;padding:4rem 2rem;text-align:center}.profile-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:2rem}.profile-avatar{align-items:center;background:#fff3;border:3px solid #fff6;border-radius:50%;display:flex;flex-shrink:0;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.profile-title{flex:1 1;min-width:200px}.profile-title h1{font-size:2rem;font-weight:700;margin:0}.profile-email{font-size:1rem;margin:.3rem 0;opacity:.9}.profile-member-since{font-size:.85rem;margin:0;opacity:.7}.kyc-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.4rem 1rem;white-space:nowrap}.kyc-badge.kyc-verified{background:#2ecc7133;border:1px solid #2ecc71;color:#2ecc71}.kyc-badge.kyc-pending{background:#f1c40f33;border:1px solid #f1c40f;color:#f1c40f}.kyc-badge.kyc-rejected{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c}.profile-error-message{background:#ffeaea;border:1px solid #f5c6cb;border-radius:8px;color:#e74c3c;margin-bottom:1rem;padding:1rem}.profile-success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:1rem;padding:1rem}.profile-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:0}.profile-tabs .tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:.8rem 1.5rem;transition:all .3s ease}.profile-tabs .tab:hover{color:#667eea}.profile-tabs .tab.active{border-bottom-color:#667eea;color:#667eea}.profile-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #0000000f;margin-bottom:1.5rem;padding:1.5rem}.profile-section h3{align-items:center;color:#333;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1.2rem}.section-icon{font-size:1.3rem}.balances-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.balance-card{background:#f8f9fa;border-left:4px solid #667eea;padding:1.2rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.balance-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.balance-card.currency-usd{border-left-color:#2ecc71}.balance-card.currency-inr{border-left-color:#3498db}.balance-card.currency-practice{border-left-color:#9b59b6}.balance-card.currency-local,.balance-card.currency-lrd{border-left-color:#e67e22}.balance-card.currency-cfa{border-left-color:#f1c40f}.balance-label{color:#888;font-size:.8rem;letter-spacing:1px;margin-bottom:.3rem;text-transform:uppercase}.balance-value{color:#333;display:block;font-size:1.3rem;font-weight:700}.info-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{background:#f8f9fa;border-radius:8px;padding:.8rem}.info-label{color:#888;display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.3rem;text-transform:uppercase}.info-value{color:#333;display:block;font-size:1rem;font-weight:500}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stat-card{border-radius:10px;padding:1rem}.stat-number{display:block;font-size:1.8rem}.stat-desc{display:block;font-size:.8rem;margin-top:.3rem;opacity:.85}.currency-selector{align-items:center;display:flex;gap:1rem}.currency-selector select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.6rem 1rem;transition:border-color .2s}.currency-selector select:focus{border-color:#667eea;outline:none}.saving-indicator{color:#667eea;font-size:.85rem}.profile-edit-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:1.5rem}.profile-edit-section h3{align-items:center;color:#333;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1.2rem}.profile-form{gap:1.2rem}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:.4rem}.form-group label{color:#555}.form-group input{font-size:1rem;padding:.8rem 1rem;transition:border-color .2s}.form-group input:focus{border-color:#667eea}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-buttons{display:flex;gap:1rem;margin-top:.5rem}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:opacity .2s}.btn-save:hover:not(:disabled){opacity:.9}.btn-save:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:#f0f0f0;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 2rem;transition:background .2s}.btn-cancel:hover{background:#e0e0e0}.profile-games-section{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:1.5rem}.profile-games-section h3{align-items:center;color:#333;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1.2rem}.games-loading,.no-games{color:#888;font-size:1.05rem;padding:2rem;text-align:center}.games-table-wrapper{overflow-x:auto}.games-table{border-collapse:collapse;width:100%}.games-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#555;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.8rem 1rem;text-align:left;text-transform:uppercase}.games-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.95rem;padding:.8rem 1rem}.games-table tr:hover td{background:#f8f9fa}.game-status{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .6rem}.game-status.completed{background:#d4edda;color:#155724}.game-status.in-progress{background:#cce5ff;color:#004085}.game-status.cancelled{background:#ffeaea;color:#721c24}.winnings-positive{color:#2ecc71;font-weight:600}.pagination{gap:1rem;margin-top:1.5rem}.pagination button{background:#fff;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .2s}.pagination button:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.4}.page-info{color:#888;font-size:.9rem}@media (max-width:768px){.profile-container{padding:1rem}.profile-header{flex-direction:column;padding:1.5rem;text-align:center}.profile-title h1{font-size:1.5rem}.balances-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.profile-tabs .tab{font-size:.9rem;padding:.6rem 1rem}.form-buttons{flex-direction:column}.btn-cancel,.btn-save{text-align:center;width:100%}}@media (max-width:480px){.balances-grid{gap:.6rem;grid-template-columns:1fr 1fr}.balance-card{padding:.8rem}.balance-value{font-size:1.1rem}.stat-card{padding:.8rem}.stat-number{font-size:1.4rem}}.dashboard-container{color:#333;margin:0 auto;max-width:1200px;padding:1rem}.dashboard-loading{font-size:1.2rem;padding:2rem;text-align:center}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin-bottom:1.5rem;padding:1.5rem}.user-welcome h2{font-size:1.8rem;margin:0 0 .5rem}.wallet-balance{align-items:center;display:flex;gap:.5rem}.balance-label{font-size:.9rem;opacity:.9}.balance-amount{font-size:1.5rem}.user-stats{display:flex;gap:1.5rem}.stat{background:#fff3;border-radius:8px;min-width:80px;padding:.75rem 1rem;text-align:center}.stat-value{display:block;font-size:1.2rem;font-weight:700}.stat-label{display:block;font-size:.8rem;opacity:.9}.error-message{border-left:4px solid #c33;color:#c33;margin-bottom:1.5rem;padding:.75rem}.game-tabs{background:#f8f9fa;border-radius:8px;display:flex;margin-bottom:1.5rem;overflow:hidden}.tab{background:#0000;border:none;cursor:pointer;flex:1 1;font-weight:500;padding:1rem;transition:all .3s ease}.tab:hover{background:#e9ecef}.tab.active{background:#3498db;color:#fff}.games-section{margin-bottom:2rem}.games-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.games-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card{border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{transform:translateY(-5px)}.game-header{margin-bottom:1rem}.game-header h4{color:#2c3e50;font-size:1.2rem;margin:0}.entry-fee{background:#27ae60;border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.game-details{margin-bottom:1.5rem}.detail{display:flex;justify-content:space-between;margin-bottom:.5rem}.detail .label{color:#7f8c8d;font-size:.9rem}.detail .value{font-weight:500}.play-btn{background:#3498db;border-radius:6px;padding:.75rem;transition:background .3s ease;width:100%}.play-btn:hover:not(:disabled){background:#2980b9}.play-btn:disabled{background:#bdc3c7;cursor:not-allowed}.quick-actions{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:1.5rem}.quick-actions h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.action-btn{background:#f8f9fa;border:1px solid #e9ecef;flex-direction:column;padding:1.5rem;transition:all .3s ease}.action-btn:hover{background:#e9ecef;transform:translateY(-3px)}.action-btn .icon{font-size:2rem;margin-bottom:.5rem}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.user-stats{justify-content:center}.games-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}.leaderboard-container{margin:0 auto;max-width:1200px;padding:2rem}.leaderboard-container h2{color:#2c3e50;margin-bottom:1rem}.leaderboard-container p{color:#7f8c8d;font-size:1.1rem}.admin-login{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#fff;border-radius:15px;box-shadow:0 15px 35px #0003;max-width:450px;padding:40px;width:100%}.login-container h2{color:#2c3e50;font-size:28px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:25px}.form-group input{border:1px solid #ddd;font-size:16px;padding:15px;transition:border-color .3s ease}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.login-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#2980b9}.login-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.error-message{background-color:#ffecec;color:#e74c3c}.success-message{background-color:#e7f7ef;border-radius:8px;color:#27ae60;margin-bottom:20px;padding:15px}@media (max-width:480px){.login-container{padding:25px}.login-container h2{font-size:24px}}.user-management-container{min-height:100vh;padding:20px}.user-management-header{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:25px}.user-management-header h2{align-items:center;color:#333;display:flex;gap:10px;margin:0 0 20px}.header-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;padding:20px}.stat-card:nth-child(2){background:linear-gradient(135deg,#4caf50,#45a049)}.stat-icon{font-size:32px;margin-right:20px;opacity:.9}.stat-info h3{font-size:32px;font-weight:700;margin:0}.stat-info p{font-size:14px;margin:5px 0 0;opacity:.9}.user-controls{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.search-box{flex:1 1;max-width:500px;position:relative}.search-box i{color:#666;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 12px 12px 45px;transition:border-color .3s;width:100%}.search-box input:focus{border-color:#667eea;outline:none}.refresh-button button{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.refresh-button button:hover{box-shadow:0 4px 15px #c3cfe266;transform:translateY(-2px)}.users-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:20px;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #eee;padding:15px}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:#f9f9f9;cursor:pointer}.users-table tr.selected{background-color:#e3f2fd}.status-badge{border-radius:20px;display:inline-block;font-size:12px;padding:4px 12px}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.status-badge.suspended{background:#fff3e0;color:#ef6c00}.user-id{color:#666;font-family:monospace}.username-cell{align-items:center;display:flex;gap:10px}.username{color:#333;font-weight:600}.inactive-tag{background:#ffebee;border-radius:4px;color:#c62828;font-size:11px;font-weight:600;padding:2px 8px}.user-email{color:#666}.user-phone{color:#333}.user-date{color:#666;font-size:14px;white-space:nowrap}.no-users{padding:60px!important;text-align:center}.no-users-content{align-items:center;display:flex;flex-direction:column;gap:15px}.no-users-content i{color:#ddd;font-size:48px}.no-users-content p{color:#666;margin:0}.pagination{gap:20px;justify-content:center;margin-top:30px}.page-btn{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:none;border-radius:8px;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.page-btn:hover:not(:disabled){box-shadow:0 4px 10px #c3cfe266;transform:translateY(-2px)}.page-btn:disabled{opacity:.5}.page-numbers{gap:8px}.page-number{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-weight:600}.page-number:hover{background:#f5f7fa;border-color:#667eea}.page-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.ellipsis{color:#666;padding:10px}.modal-overlay{z-index:1000}.user-details-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:15px;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{padding:25px}.modal-header h3{color:#333}.close-btn{color:#666;font-size:20px;padding:5px}.close-btn:hover{color:#333}.modal-content{padding:25px}.profile-header{gap:20px;margin-bottom:30px}.avatar,.profile-header{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.profile-info h4{color:#333;font-size:24px;margin:0 0 5px}.profile-info .user-email{color:#666;margin:0 0 10px}.user-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.detail-item{background:#f9f9f9;border-radius:8px;padding:15px}.detail-item label{align-items:center;color:#666;display:block;display:flex;font-size:12px;gap:5px;margin-bottom:5px}.detail-item span{color:#333;display:block;font-size:16px;font-weight:600}.close-modal-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s}.close-modal-btn:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.error-message{align-items:center;background:#ffebee;border-left:4px solid #c62828;color:#c62828;display:flex;gap:10px}.user-management-loading{align-items:center;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.user-management-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}@media (max-width:768px){.user-controls{flex-direction:column}.search-box{max-width:100%}.refresh-button{align-self:flex-start}.header-stats{grid-template-columns:1fr}.users-table{display:block;overflow-x:auto}.user-details-grid{grid-template-columns:1fr}}:root{--page-bg:#f3f4f6;--container-bg:#064e3b;--text-on-green:#fff;--input-bg:#fff;--input-text:#000;--border-black:#000}.country-filter-info{background:#ffffff1a;border-radius:6px;color:#fff;font-size:14px;margin-top:10px;padding:8px 15px}.country-filter-info i{color:#4caf50;margin-right:8px}.country-filter-info strong{color:#fff;font-weight:700;margin:0 5px}.currency-info{background:#fff3;border-radius:4px;font-size:12px;margin-left:8px;padding:2px 8px}.user-country{display:block;font-size:11px;margin-top:4px}.user-country i{color:#667eea}.user-country-info{background:#f0f0f0;border-radius:4px;color:#333;display:block;font-size:11px;margin-top:4px;padding:2px 6px}.user-country-info i{color:#667eea;margin-right:4px}.mini-badge.local{background:#d4edda;color:#155724}.balance-box:nth-child(3){background:#e8f5e9;border-color:#4caf50}.transaction-info{border-top:1px solid #fff3;margin-top:20px;padding-top:15px}.info-item{align-items:center;color:#fffc;display:flex;font-size:12px;gap:8px;margin-bottom:8px}.info-item i{color:#4caf50;text-align:center;width:16px}.cash-injection{background-color:#f3f4f6;background-color:var(--page-bg);font-family:Segoe UI,Roboto,sans-serif;min-height:100vh;padding:30px}.cash-injection-header{background:#fff;border:1px solid #ddd;border-left:6px solid #064e3b;border-left:6px solid var(--container-bg);border-radius:8px;margin-bottom:25px;padding:20px 30px}.cash-injection-header h2{color:#111;font-size:24px;margin:0}.cash-injection-header p{color:#555;margin:5px 0 0}.cash-injection-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media (max-width:900px){.cash-injection-content{grid-template-columns:1fr}}.injection-form-section,.user-selection-section{background-color:#064e3b;background-color:var(--container-bg);border-radius:12px;box-shadow:0 4px 6px #0003;color:#fff;color:var(--text-on-green);padding:25px}h3{border-bottom:1px solid #ffffff4d;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:10px}.form-group label,h3{color:#fff;text-transform:uppercase}.form-group label{letter-spacing:.5px}input,select,textarea{background-color:#fff;background-color:var(--input-bg);border:2px solid #000;border:2px solid var(--border-black);border-radius:6px;box-sizing:border-box;color:#000;color:var(--input-text);font-size:16px;font-weight:600;padding:12px;width:100%}input:focus,select:focus,textarea:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff4d;outline:none}.search-input-container{position:relative}.search-input-container i{color:#000;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:5}.search-input-container input{padding-left:40px}.user-search-results{background:#fff;border:2px solid #000;border-radius:6px;margin-bottom:20px;margin-top:5px;max-height:250px;overflow-y:auto}.user-result-item{align-items:center;border-bottom:1px solid #eee;color:#000;cursor:pointer;display:flex;justify-content:space-between;padding:12px}.user-result-item:hover{background-color:#f0fdf4}.user-result-item strong{color:#000;display:block}.user-result-item small{color:#555}.empty-state{background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:8px;color:#fff;padding:30px}.selected-user{background:#fff;border:2px solid #000;border-radius:8px;color:#000;margin-top:10px;padding:15px}.selected-user-info{margin-bottom:10px}.user-avatar{background:#000;height:45px;width:45px}.selected-user h4{color:#000;margin:0}.current-balance-box{background:#f3f4f6;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;padding:10px;text-align:right}.current-balance-box strong{color:#059669;font-size:20px}.change-user-btn{background:#d1d5db;border:1px solid #9ca3af;border-radius:4px;color:#000;cursor:pointer;font-weight:700;padding:8px;width:100%}.type-selector{display:flex;gap:10px}.type-btn{align-items:center;background:#fff;border:2px solid #000;border-radius:6px;color:#000;cursor:pointer;display:flex;flex:1 1;font-weight:700;gap:5px;justify-content:center;padding:12px}.type-btn.active{background:#000;border-color:#fff;color:#fff}.amount-input-wrapper{align-items:center;display:flex;position:relative}.currency-prefix{color:#000;font-size:18px;font-weight:900;left:15px;position:absolute;z-index:5}.amount-input-wrapper input{padding-left:35px!important}.inject-btn{background:#fff;border:none;border-radius:6px;box-shadow:0 4px 0 #0003;color:#064e3b;cursor:pointer;font-size:16px;font-weight:900;margin-top:10px;padding:15px;text-transform:uppercase;width:100%}.inject-btn:hover{background:#f0fdf4}.error-message{background:#fee2e2;border:1px solid #ef4444;color:#b91c1c;padding:15px}.success-card{background:#fff;border:2px solid #059669;border-radius:8px;color:#000;margin-bottom:20px;padding:20px}.success-header{border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.success-header h3{color:#059669;margin:0}.close-btn{font-size:18px}.txn-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.txn-item label{color:#666;display:block;font-size:12px;text-transform:uppercase}.txn-item span{color:#000;font-weight:700}.balance-box{background:#f3f4f6;border:1px solid #000;border-radius:4px;padding:8px;text-align:center}.balance-box small{color:#666;display:block;font-size:10px}.balance-box strong{color:#059669;display:block;font-size:16px}.mode-toggle{background:#f3f4f6;border:1px solid #ddd;border-radius:8px;display:flex;gap:10px;padding:5px}.mode-btn{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-weight:800;padding:12px;transition:all .2s}.mode-btn.deposit.active{background:#059669;box-shadow:0 2px 4px #0596694d;color:#fff}.mode-btn.withdraw.active{background:#dc2626;box-shadow:0 2px 4px #dc26264d;color:#fff}.btn-success{background:#059669}.btn-success:hover{background:#047857}.btn-danger{background:#dc2626}.btn-danger:hover{background:#b91c1c}.balance-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:1fr 1fr 1fr;margin-bottom:15px}.balance-label{display:block;font-size:11px;font-weight:700;margin-bottom:5px}.mini-badge{border-radius:4px;color:#fff;display:inline-block}.mini-badge.inr{background:#059669}.mini-badge.usd{background:#2563eb}.user-balances{display:flex;flex-direction:column;gap:4px}.mini-badge{border-radius:3px;font-size:10px;font-weight:700;padding:2px 6px}.mini-badge.inr{background:#d4edda;color:#155724}.mini-badge.usd{background:#d1ecf1;color:#0c5460}.mini-badge.lrd{background:#fff3cd;color:#856404}.selected-user-info{align-items:center;display:flex;gap:15px;margin-bottom:20px}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.user-details{flex:1 1}.user-details h4{color:#333;margin:0 0 5px}.user-details small{color:#666;display:block;font-size:12px;margin-bottom:2px}.transaction-statement{background:#f5f7fa;min-height:calc(100vh - 80px);padding:20px}.transaction-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.transaction-header h2{color:#2c3e50;font-size:24px;margin:0}.summary-cards{display:flex;gap:20px}.summary-card{box-shadow:0 2px 10px #0000001a;min-width:120px;padding:15px 25px;text-align:center}.summary-label{color:#7f8c8d;font-size:12px;margin-bottom:5px;text-transform:uppercase}.summary-value{color:#2c3e50;font-size:24px;font-weight:700}.filters-section{background:#fff;border-radius:10px;box-shadow:0 2px 15px #00000014;margin-bottom:25px;padding:25px}.filter-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-group label{color:#34495e;font-size:14px}.filter-group input,.filter-group select{border:2px solid #140101;padding:10px 15px;transition:border-color .3s}.filter-actions{border-top:1px solid #eee;display:flex;gap:15px;margin-top:20px;padding-top:20px}.btn-apply,.btn-reset{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 25px;transition:all .3s}.btn-apply{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-apply:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-reset{background:#ecf0f1;color:#7f8c8d}.btn-reset:hover{background:#e0e0e0}.export-section{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.btn-export{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s}.btn-export.excel{background:#217346}.btn-export.pdf{background:#d32f2f}.btn-export.csv{background:#ff9800}.btn-export:hover{box-shadow:0 5px 15px #0003;opacity:.9;transform:translateY(-2px)}.transactions-table-container{background:#186d46;border-radius:10px;box-shadow:0 2px 15px #00000014;margin-bottom:25px;overflow:hidden}.loading-transactions,.no-transactions{color:#7f8c8d;padding:50px;text-align:center}.loading-transactions .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 15px;width:40px}.no-transactions i{color:#000406;font-size:48px;margin-bottom:15px}.transactions-table{border-collapse:collapse;width:100%}.transactions-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;padding:15px;text-align:left}.transactions-table td{border-bottom:1px solid #070000;font-size:14px;padding:15px}.transactions-table tbody tr:hover{background:#f8f9fa}.txn-id{color:#0b0000;font-family:monospace;font-size:12px}.txn-type{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.type-admin_deposit{background:#d4edda;color:#155724}.type-admin_withdrawal{background:#f8d7da;color:#721c24}.type-game_entry{background:#fff3cd;color:#856404}.type-game_winning{background:#d1ecf1;color:#0c5460}.type-bonus{background:#d1b3ff;color:indigo}.type-cash_injection{background:#cce5ff;color:#004085}.txn-description{color:#000406;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-amount{font-size:16px;font-weight:700}.txn-amount.credit{color:#27ae60}.txn-amount.debit{color:#e74c3c}.status-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-failed{background:#f8d7da;color:#721c24}.status-cancelled{background:#e2e3e5;color:#383d41}.pagination{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.pagination-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;gap:8px}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.page-btn,.page-numbers{align-items:center}.page-btn{border:1px solid #dee2e6;border-radius:4px;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.page-btn:hover{background:#f8f9fa}.page-btn.active{background:#3498db;border-color:#3498db;color:#fff}.ellipsis{color:#6c757d;padding:0 10px}.summary-footer{background:#fff;border-radius:10px;box-shadow:0 2px 15px #00000014;display:flex;gap:30px;justify-content:flex-end;padding:20px}.summary-item{text-align:right}.summary-item span:first-child{color:#7f8c8d;display:block;font-size:14px;margin-bottom:5px}.summary-item span:last-child{font-size:20px;font-weight:700}.net-amount{color:#3498db}@media (max-width:1024px){.filter-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.transaction-header{align-items:flex-start;flex-direction:column;gap:15px}.filter-row{grid-template-columns:1fr}.export-section,.summary-footer{flex-direction:column}.summary-footer{gap:15px}.transactions-table{display:block;overflow-x:auto}}.user-search-container{align-items:center;display:flex;position:relative}.user-search-container input{padding-right:30px}.clear-user-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:8px;width:20px}.search-loading{color:#3498db;position:absolute;right:35px}.user-search-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.user-search-result{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.user-search-result:hover{background:#f5f7fa}.user-search-result .user-info{display:flex;flex-direction:column}.user-search-result .user-info strong{font-size:14px}.user-search-result .user-info small{color:#777;font-size:12px}.user-search-result .user-balance{color:#27ae60;font-weight:700}.user-mention{color:#666;font-size:12px;font-style:italic;margin-top:4px}.credit-amount{color:#27ae60;font-weight:700}.debit-amount{color:#e74c3c;font-weight:700}.summary-card.user-card{background:#e3f2fd}.currency-conversion-simple{background:#f8f9fa;min-height:100vh;padding:20px}.conversion-header-simple{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.conversion-header-simple h2{align-items:center;color:#333;display:flex;font-size:24px;gap:10px;margin:0 0 15px}.conversion-header-simple h2 i{color:#667eea}.header-info{display:flex;flex-wrap:wrap;gap:15px}.country-info,.rate-info{align-items:center;background:#f1f8ff;border-radius:8px;display:flex;font-size:14px;gap:8px;padding:8px 15px}.country-info i{color:#667eea}.rate-info i{color:#4caf50}.country-info strong,.rate-info strong{color:#333;font-weight:600}.error-message-simple,.success-message-simple{border-radius:8px;font-size:14px;font-weight:600;margin-bottom:20px;padding:12px 20px}.error-message-simple{background:#ffebee;border-left:4px solid #c62828;color:#c62828}.success-message-simple{background:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.wallet-balances-simple{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.wallet-balances-simple h3{align-items:center;color:#333;display:flex;font-size:18px;gap:10px;margin:0 0 20px}.balance-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.balance-card{align-items:center;border-radius:10px;display:flex;padding:15px;transition:transform .3s}.balance-card:hover{transform:translateY(-3px)}.balance-card.usd{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50}.balance-card.inr{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ff9800}.balance-card.local{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3}.balance-icon{align-items:center;border-radius:50%;display:flex;font-size:28px;height:50px;justify-content:center;margin-right:15px;width:50px}.balance-card.usd .balance-icon{background:#4caf50;color:#fff}.balance-card.inr .balance-icon{background:#ff9800;color:#fff}.balance-card.local .balance-icon{background:#2196f3;color:#fff}.balance-details h4{color:#666;font-size:14px;margin:0 0 5px}.balance-amount{color:#333;font-size:22px;margin:0}.conversion-form-simple{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.conversion-form-simple h3{align-items:center;color:#333;display:flex;font-size:18px;gap:10px;margin:0 0 20px}.form-grid{margin-bottom:20px}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-group-simple{margin-bottom:15px}.form-group-simple label{align-items:center;color:#333;display:block;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.currency-select-simple{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#000!important;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.currency-select-simple:focus{border-color:#667eea;outline:none}.currency-select-simple option{background:#fff;color:#000!important;padding:8px}.currency-select-simple:disabled{background-color:#f5f5f5;cursor:not-allowed}.rate-display-simple{margin:20px 0}.rate-card{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-left:4px solid #667eea;border-radius:10px;display:flex;gap:15px;padding:15px}.rate-card i{color:#667eea;font-size:24px}.rate-text{display:flex;flex-direction:column}.rate-label{color:#666;font-size:12px;margin-bottom:5px}.rate-value{color:#333;font-size:18px;font-weight:700}.amount-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0}@media (max-width:768px){.amount-grid{grid-template-columns:1fr}}.amount-input-simple{align-items:center;display:flex;position:relative}.currency-prefix-simple{color:#333;font-weight:600;left:12px;position:absolute;z-index:1}.amount-input-simple input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 12px 12px 40px;transition:border-color .3s;width:100%}.amount-input-simple input:focus{border-color:#667eea;outline:none}.readonly-input{background-color:#f9f9f9;color:#666;cursor:not-allowed}.form-actions-simple{display:flex;gap:15px;margin-top:30px}.convert-btn-simple,.refresh-btn-simple{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px;transition:all .3s}.convert-btn-simple{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.convert-btn-simple:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.convert-btn-simple:disabled{background:#ccc;cursor:not-allowed}.refresh-btn-simple{background:#fff;border:2px solid #e0e0e0;color:#333}.refresh-btn-simple:hover{background:#f5f5f5;transform:translateY(-2px)}.quick-info-simple{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px}.quick-info-simple h4{align-items:center;color:#333;display:flex;font-size:16px;gap:10px;margin:0 0 15px}.quick-info-simple ul{list-style:none;margin:0;padding:0}.quick-info-simple li{border-bottom:1px solid #eee;color:#666;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.quick-info-simple li:last-child{border-bottom:none}.quick-info-simple li strong{color:#333}.currency-conversion-loading{align-items:center;color:#666;display:flex;flex-direction:column;height:300px;justify-content:center}.currency-conversion-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}select option{background:#fff!important}select,select option{color:#000!important}.admin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.admin-loading{color:#fff;font-size:1.2rem}.admin-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.admin-header-left h1{color:#333;font-size:1.8rem;font-weight:700;margin:0}.admin-badge{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;margin-left:1rem;padding:.3rem .8rem}.admin-header-right{align-items:center;display:flex;gap:1.5rem}.admin-user-info{text-align:right}.user-name{color:#333;display:block}.user-role{color:#666;display:block;font-size:.8rem;text-transform:capitalize}.logout-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;color:#fff;font-weight:600;gap:.5rem;padding:.7rem 1.5rem;transition:all .3s ease}.logout-btn:hover{box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}.admin-container{display:flex;min-height:calc(100vh - 80px)}.admin-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-right:1px solid #fff3;padding:2rem 0;width:280px}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem;padding:0 1.5rem}.menu-item{border-radius:12px;color:#555;font-weight:500;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.menu-item:hover{transform:translateX(5px)}.menu-item.active,.menu-item:hover{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.menu-item.active{box-shadow:0 5px 15px #667eea66}.menu-item i{font-size:1.1rem;text-align:center;width:20px}.system-health{background:#2ecc711a;border:1px solid #2ecc714d;margin-top:2rem}.status-online{color:#2ecc71;font-weight:700}.admin-main{flex:1 1;overflow-y:auto;padding:2rem}.admin-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 40px #0000001a;min-height:600px;padding:2rem}@media (max-width:768px){.admin-container{flex-direction:column}.admin-sidebar{padding:1rem 0;width:100%}.sidebar-menu{flex-direction:row;overflow-x:auto;padding:0 1rem}.menu-item{flex-shrink:0;white-space:nowrap}.admin-header{flex-direction:column;gap:1rem;padding:1rem}.admin-header-left,.admin-header-right{justify-content:center;width:100%}}.loading-container{color:#666;height:100vh}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:50px;margin-bottom:1rem;width:50px}.admin-user-info{display:flex;flex-direction:column;gap:5px}.user-details{gap:2px}.wallet-display{background:#ffffff1a;border-radius:6px;margin-top:5px;padding:8px 12px}.wallet-label{color:#aaa;font-size:12px}.wallet-amount.inr{color:#27ae60}.wallet-amount.usd{color:#3498db}.wallet-amount.lrd{color:#e67e22}.wallet-item.local{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.wallet-item.local .wallet-label{color:#ffffffe6}.wallet-item.local .wallet-amount{color:#fff}.user-country{background:#f0f0f0;border-radius:12px;color:#666;font-size:12px;margin-left:10px;padding:2px 8px}.user-country i{margin-right:4px}.menu-item:nth-child(4){border-left:4px solid #764ba2}.menu-item:nth-child(4).active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left-color:#764ba2}.admin-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{border:4px solid #ffffff4d}.admin-loading p{color:#fff;font-size:18px}.country-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;margin-left:10px;padding:4px 12px}.country-badge i{font-size:10px}.country-code{font-size:11px;opacity:.8}.wallet-display{display:flex;gap:15px}.wallet-item{align-items:center;display:flex;gap:5px;position:relative}.wallet-label{color:#666;font-size:14px;font-weight:600}.wallet-amount{border-radius:6px;font-size:14px;font-weight:700;min-width:80px;padding:4px 8px;text-align:center}.wallet-amount.usd{background:#e8f5e9;color:#2e7d32}.wallet-amount.inr{background:#fff3e0;color:#e65100}.wallet-amount.local{background:#e3f2fd;color:#1565c0}.currency-tooltip{background:#333;border-radius:4px;bottom:100%;color:#fff;font-size:11px;left:50%;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:1000}.wallet-item:hover .currency-tooltip{opacity:1;visibility:visible}.auth-page{align-items:flex-start;background:linear-gradient(135deg,#0d3b0d,#1a5319);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:20px}.auth-container{background:#fffffff2;border-radius:15px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;margin:20px 0;max-width:500px;padding:1.5rem 2.5rem;width:100%}.auth-container.login{max-width:420px;padding:1.5rem 2rem}.auth-header{flex-shrink:0;margin-bottom:1rem;text-align:center}.logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:.3rem}.logo-icon{font-size:2.2rem}.logo h1{color:#1a5319;font-size:1.8rem;font-weight:700;margin:0}.auth-header p{color:#666;font-size:.95rem;line-height:1.3;margin:0}.auth-form-container{display:flex;flex:1 1;flex-direction:column;min-height:-webkit-min-content;min-height:min-content}.form-layout{grid-gap:1.5rem;align-items:start;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr 1fr}.form-column{gap:.8rem}.form-column,.hints-column{display:flex;flex-direction:column}.hints-column{background:#f8f9fa;border-left:4px solid #28a745;border-radius:10px;padding:1.2rem}.hint-content{display:flex;flex:1 1;flex-direction:column}.hint-title{color:#1a5319;font-size:1rem;font-weight:700;margin-bottom:.5rem}.hint-text{font-size:.9rem;line-height:1.4}.hint-list{list-style:none;padding:0}.hint-list li{margin-bottom:.3rem}.hint-list li:before{color:#28a745}.form-group{margin-bottom:0}.form-group label{color:#1a5319;font-size:.9rem;font-weight:600;margin-bottom:.3rem}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:.65rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a;outline:none}.form-group input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-text{color:#dc3545;display:block;font-size:.75rem;margin-top:.2rem}.auth-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;grid-column:1/-1;margin-top:.5rem;padding:.75rem;transition:all .3s ease;width:100%}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#28a745);box-shadow:0 8px 20px #28a7454d;transform:translateY(-2px)}.auth-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.button-loading{align-items:center;display:flex;justify-content:center}.spinner{border:2px solid #0000;height:18px;margin-right:.5rem;width:18px}.auth-container.login .auth-form{display:flex;flex-direction:column;gap:.8rem}.forgot-password{margin-bottom:20px;text-align:right}.forgot-link{color:#007bff;cursor:pointer;font-size:14px;text-decoration:underline}.forgot-link:hover{color:#0056b3}.reset-instruction{background:#f8f9fa;border-left:4px solid #007bff;color:#666;margin-bottom:20px}.message,.reset-instruction{border-radius:5px;font-size:14px;padding:10px;text-align:center}.message{margin:15px 0}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.auth-footer{border-top:1px solid #e0e0e0;flex-shrink:0;margin-top:auto;padding-top:1rem;text-align:center;width:100%}.auth-footer p{color:#666;font-size:.9rem;margin:0 0 .6rem}.auth-link{background:#fff;border:2px solid #28a745;border-radius:25px;color:#28a745;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1.2rem;text-decoration:none;transition:all .3s ease}.auth-link:hover{background:#28a745;color:#fff;text-decoration:none;transform:translateY(-1px)}.error-message{background:#fee;border-left:4px solid #dc3545;color:#dc3545}.error-message,.success-message{border-radius:6px;font-size:.85rem;grid-column:1/-1;margin-bottom:1rem;padding:.6rem}.success-message{background:#efe;border-left:4px solid #28a745;color:#28a745;text-align:center}@media (max-width:768px){.auth-page{align-items:flex-start;padding:10px}.auth-container{margin:10px 0;max-width:95%}.auth-container,.auth-container.login{padding:1.2rem 1.5rem}.form-layout{gap:1.2rem;grid-template-columns:1fr}.hints-column{order:-1;padding:1rem}.logo h1{font-size:1.6rem}.logo-icon{font-size:2rem}.auth-header{margin-bottom:.8rem}.form-column{gap:.7rem}.auth-footer{padding-top:.8rem}}@media (max-width:480px){.auth-page{padding:5px}.auth-container{margin:5px 0}.auth-container,.auth-container.login{padding:1rem 1.2rem}.auth-header{margin-bottom:.7rem}.logo h1{font-size:1.4rem}.logo-icon{font-size:1.8rem}.auth-header p{font-size:.9rem}.hints-column{padding:.8rem}.form-group input{padding:.6rem .9rem}.auth-button{margin-top:.3rem;padding:.7rem}.auth-footer{padding-top:.8rem}.auth-footer p{margin-bottom:.5rem}}body,html{height:100%}#root{min-height:100%}.readonly-field{background-color:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:not-allowed;font-size:1rem;padding:.75rem;width:100%}.readonly-field:focus{border-color:#e2e8f0;box-shadow:none;outline:none}.hint-list{list-style-type:none;margin:0;padding-left:0}.hint-list li{color:#666;font-size:.85rem;margin-bottom:5px;padding-left:1rem;position:relative}.hint-list li:before{color:#4a5568;content:"•";left:0;position:absolute}.cash-games-container{margin:0 auto;max-width:1200px;min-height:70vh;padding:2rem}.page-header h1{background:linear-gradient(135deg,#667eea,#764ba2)}.coming-soon{background:linear-gradient(135deg,#f093fb,#f5576c)}.coming-soon h2{animation:bounce 2s infinite}.tournaments-container{margin:0 auto;max-width:1200px;min-height:70vh;padding:2rem}.page-header h1{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.coming-soon{background:linear-gradient(135deg,#4facfe,#00f2fe);min-height:400px;overflow:hidden;position:relative}.coming-soon:before{animation:float 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:20px 20px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes float{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-20px,-20px) rotate(1turn)}}.coming-soon-content{color:#fff;padding:3rem;position:relative;text-align:center;z-index:1}.coming-soon h2{font-size:3rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.coming-soon p{font-size:1.3rem;margin-bottom:.5rem}.practice-games-container{min-height:calc(100vh - 120px);padding:20px}.practice-games-header{margin-bottom:40px;padding:20px;text-align:center}.practice-games-header h1{color:gold;font-size:2.5rem;margin-bottom:10px}.practice-games-header p{color:#e8f5e8;font-size:1.2rem;opacity:.9}.practice-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:30px}.practice-info h3{color:gold;font-size:1.8rem;margin-bottom:30px;text-align:center}@media (max-width:768px){.practice-games-container{padding:15px}.practice-games-header h1{font-size:2rem}.games-grid{gap:20px;grid-template-columns:1fr}.game-card{padding:20px}.info-grid{gap:20px;grid-template-columns:1fr}.practice-info{padding:20px}}@media (max-width:480px){.practice-games-header{padding:10px}.practice-games-header h1{font-size:1.8rem}.game-header{align-items:flex-start;flex-direction:column;gap:10px}.game-card{padding:15px}}.practice-room-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh;padding:2rem}.room-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:2rem;padding:1.5rem 2rem}.room-header h1{font-size:2rem;font-weight:600;margin:0;text-shadow:2px 2px 4px #0000004d}.leave-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:8px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.leave-btn:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.room-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.info-card{background:#fffffff2;box-shadow:0 10px 30px #0003;color:#333}.info-card h3{border-bottom:2px solid #667eea;color:#2d3748;font-size:1.3rem;margin:0 0 1.5rem;padding-bottom:.5rem}.info-card p{font-size:1.1rem;margin:.8rem 0}.info-card strong{color:#2d3748;display:inline-block;min-width:120px}.players-list{background:#fffffff2;border-radius:15px;box-shadow:0 10px 30px #0003;color:#333;padding:2rem}.players-list h3{border-bottom:2px solid #667eea;color:#2d3748;font-size:1.3rem;margin:0 0 1.5rem;padding-bottom:.5rem}.player-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:.8rem;padding:1rem;transition:transform .2s ease}.player-item:hover{transform:translateX(5px)}.player-item.you{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left-color:#2196f3}.player-name{color:#2d3748;font-size:1.1rem;font-weight:600}.you-badge{background:#2196f3;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.2rem .8rem}.status{background:#48bb78;border-radius:15px;color:#fff;font-size:.9rem;font-weight:500;padding:.3rem .8rem}.room-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin:0 auto;max-width:600px;padding:2rem;text-align:center}.start-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:10px;box-shadow:0 4px 15px #4ecdc44d;font-size:1.2rem;font-weight:600;margin-bottom:2rem;padding:1rem 2rem;width:100%}.start-btn:hover:not(:disabled){box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.start-btn:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.share-section{background:#ffffff1a;border:1px dashed #ffffff4d;border-radius:10px;padding:1.5rem}.share-section p{font-size:1.1rem;margin:0 0 1rem;opacity:.9}.share-code{align-items:center;background:#fff3;border-radius:8px;display:flex;gap:1rem;justify-content:center;padding:1rem}.share-code strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;letter-spacing:2px}.share-code button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.share-code button:hover{background:#ffffff4d;transform:translateY(-1px)}.empty-players{color:#666;padding:2rem;text-align:center}.empty-players .icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-players p{font-style:italic;margin:0}.loading-players{display:flex;gap:.5rem;justify-content:center;padding:1rem}.loading-dot{animation:pulse 1.5s ease-in-out infinite;background:#667eea;border-radius:50%;height:10px;width:10px}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.countdown-timer{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;font-weight:600;margin-left:1rem;padding:.5rem 1rem}@media (max-width:1024px){.room-info{gap:1.5rem;grid-template-columns:1fr}.room-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width:768px){.practice-room-container{padding:1rem}.room-header h1{font-size:1.5rem}.info-card,.players-list{padding:1.5rem}.player-item{text-align:center}.player-item,.share-code{flex-direction:column;gap:.5rem}.room-actions{padding:1.5rem}}@media (max-width:480px){.practice-room-container{padding:.5rem}.info-card,.players-list,.room-header{padding:1rem}.start-btn{font-size:1.1rem;padding:.8rem 1rem}.share-code strong{font-size:1.2rem}}@keyframes playerJoin{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.player-join-animation{animation:playerJoin .5s ease-out}.room-status{border-radius:15px;display:inline-block;font-size:.9rem;font-weight:600;margin-left:1rem;padding:.3rem .8rem}.status-waiting{background:#f39c12;color:#fff}.status-starting{animation:pulse 1.5s infinite;background:#3498db;color:#fff}.status-active{background:#27ae60;color:#fff}.chat-section{background:#fffffff2;border-radius:10px;color:#333;margin-top:1rem;padding:1rem}.chat-messages{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:5px;height:200px;margin-bottom:1rem;overflow-y:auto;padding:1rem}.chat-input{display:flex;gap:.5rem}.chat-input input{border:1px solid #e2e8f0;border-radius:5px;flex:1 1;padding:.5rem}.chat-input button{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem}.game-settings{background:#fffffff2;border-radius:10px;color:#333;margin-top:1rem;padding:1.5rem}.setting-option{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.setting-option:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-label{color:#2d3748;font-weight:600}.setting-control select{background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:.3rem .5rem}.ready-toggle{align-items:center;display:flex;gap:.5rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:#4ecdc4}input:checked+.toggle-slider:before{transform:translateX(26px)}.invite-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:15px;color:#333;max-width:500px;padding:2rem;width:90%}.modal-actions{gap:1rem;justify-content:flex-end;margin-top:1.5rem}.notification{animation:slideIn .3s ease-out;background:#4ecdc4;border-radius:5px;box-shadow:0 4px 15px #0003;color:#fff;padding:1rem;position:fixed;right:20px;top:20px;z-index:1001}.add-funds-container{margin:0 auto;max-width:800px;min-height:70vh;padding:2rem}.add-funds-header{margin-bottom:2rem;text-align:center}.add-funds-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:.3rem}.add-funds-header p{color:#888;font-size:1.1rem}.add-funds-error{background:#ffeaea;border:1px solid #f5c6cb;border-radius:8px;color:#e74c3c}.add-funds-error,.add-funds-success{margin-bottom:1rem;padding:.8rem 1rem}.add-funds-success{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724}.add-funds-loading{color:#888;font-size:1.1rem;padding:3rem;text-align:center}.add-funds-content{display:flex;flex-direction:column;gap:1.2rem}.admin-bank-card,.admin-contact-card,.instructions-card,.upload-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.admin-bank-card h2,.admin-contact-card h2,.instructions-card h2,.upload-card h2{border-bottom:2px solid #f0eeff;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.7rem}.bank-details,.contact-details{display:flex;flex-direction:column;gap:.6rem}.bank-row,.contact-row{align-items:baseline;display:flex;gap:.5rem;padding:.3rem 0}.bank-label,.contact-label{color:#555;font-size:.9rem;font-weight:600;min-width:130px}.bank-value,.contact-value{color:#333;font-size:.95rem}.instructions-list{margin:0;padding:0 0 0 1.2rem}.instructions-list li{color:#555;font-size:.9rem;line-height:1.5;padding:.4rem 0}.upload-info{color:#888;font-size:.9rem;margin:0 0 1rem}.file-upload-area{margin-bottom:1rem}.file-input{display:none}.file-label{background:#f8f6ff;border:2px dashed #667eea;border-radius:10px;box-sizing:border-box;color:#667eea;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.8rem 1.5rem;text-align:center;transition:all .2s;width:100%}.file-label:hover{background:#f0eeff;border-color:#5a6fd6}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.9rem;transition:opacity .2s;width:100%}.upload-btn:hover:not(:disabled){opacity:.9}.upload-btn:disabled{cursor:not-allowed;opacity:.4}.no-admin-msg{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:3rem;text-align:center}.no-admin-msg p{color:#888;font-size:1rem;margin:.3rem 0}@media (max-width:768px){.add-funds-container{padding:1rem}.add-funds-header h1{font-size:1.6rem}.bank-label,.contact-label{min-width:100px}}.tx-container{margin:0 auto;max-width:1100px;min-height:70vh;padding:2rem}.tx-header{margin-bottom:2rem;text-align:center}.tx-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;margin-bottom:.3rem}.tx-header p{color:#888;font-size:1.1rem}.tx-error{background:#ffeaea;border:1px solid #f5c6cb;border-radius:8px;color:#e74c3c;font-size:.9rem;margin-bottom:1rem;padding:.8rem 1rem}.tx-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:1.5rem}.summary-card{background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:1.2rem}.summary-card h4{color:#333;font-size:1rem;font-weight:700;letter-spacing:.5px;margin:0 0 .8rem;text-transform:uppercase}.summary-card.summary-usd{border-left:4px solid #2ecc71}.summary-card.summary-inr{border-left:4px solid #3498db}.summary-card.summary-lrd{border-left:4px solid #e67e22}.summary-card.summary-cfa{border-left:4px solid #f1c40f}.summary-stats{display:flex;flex-direction:column;gap:.4rem}.summary-row{color:#555;display:flex;font-size:.9rem;justify-content:space-between}.summary-row span:last-child{font-weight:600}.summary-row .positive{color:#2ecc71}.summary-row.total{border-top:1px solid #e9ecef;color:#333;font-weight:700;margin-top:.4rem;padding-top:.4rem}.tx-filters{align-items:flex-end;background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.filter-group{gap:.3rem;min-width:140px}.filter-group label{color:#888;font-size:.75rem}.filter-group input,.filter-group select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem .8rem;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{border-color:#667eea}.tx-list-wrapper{background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.tx-loading{font-size:1.1rem}.tx-empty,.tx-loading{color:#888;padding:3rem;text-align:center}.tx-empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.tx-empty p{font-size:1.1rem}.tx-list-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#666;display:grid;font-size:.8rem;font-weight:600;grid-template-columns:140px 120px 1fr 120px 100px;letter-spacing:.5px;padding:.8rem 1rem;text-transform:uppercase}.tx-list{max-height:600px;overflow-y:auto}.tx-item{align-items:center;border-bottom:1px solid #f0f0f0;display:grid;font-size:.9rem;grid-template-columns:140px 120px 1fr 120px 100px;padding:.8rem 1rem;transition:background .15s}.tx-item:hover{background:#fafafa}.tx-item:last-child{border-bottom:none}.tx-date{color:#666;font-size:.85rem}.tx-type{align-items:center;display:flex;gap:.4rem}.tx-badge-credit,.tx-badge-debit{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.2rem .6rem}.tx-badge-credit{background:#d4edda;color:#155724}.tx-badge-debit{background:#ffeaea;color:#721c24}.tx-desc{color:#555;font-size:.85rem;padding-right:1rem;word-break:break-word}.tx-amount{font-weight:600;text-align:right}.tx-amount.amount-credit{color:#2ecc71}.tx-amount.amount-debit{color:#e74c3c}.tx-status-cell{text-align:center}.tx-status{border-radius:4px;font-size:.75rem;font-weight:600;padding:.2rem .5rem;text-transform:uppercase}.tx-status.status-completed{background:#d4edda;color:#155724}.tx-status.status-pending{background:#fff3cd;color:#856404}.tx-status.status-failed{background:#ffeaea;color:#721c24}.tx-status.status-cancelled{background:#f0f0f0;color:#666}.tx-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.5rem}.page-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.page-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-info{display:flex;gap:.3rem}.page-num{background:#fff;border:1px solid #ddd;border-radius:6px;color:#555;cursor:pointer;font-size:.85rem;height:36px;transition:all .2s;width:36px}.page-num:hover{background:#f0f0f0}.page-num.active{background:#667eea;border-color:#667eea;color:#fff}@media (max-width:768px){.tx-container{padding:1rem}.tx-header h1{font-size:1.6rem}.tx-summary{grid-template-columns:1fr}.tx-filters{flex-direction:column}.filter-group{min-width:100%}.tx-list-header{display:none}.tx-item{gap:.3rem;grid-template-columns:1fr;padding:1rem}.tx-date{color:#999;font-size:.8rem}.tx-amount{text-align:left}.tx-pagination{gap:.3rem}}.settings-container{margin:0 auto;max-width:800px;min-height:70vh;padding:2rem}.page-header h1{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.page-header p{color:#666}.coming-soon{background:linear-gradient(135deg,#89f7fe,#66a6ff);border-radius:20px;justify-content:center;margin:2rem 0;min-height:300px;padding:2rem}.coming-soon,.coming-soon h2{align-items:center;display:flex}.coming-soon h2{color:#fff;font-size:2.5rem;gap:1rem;margin-bottom:1rem;text-shadow:1px 1px 3px #0000004d}.coming-soon p{color:#fff;font-size:1.2rem;opacity:.9;text-align:center;text-shadow:1px 1px 2px #0000004d}.settings-categories{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.settings-category{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease}.settings-category:hover{transform:translateY(-5px)}.settings-category .icon{display:block;font-size:2.5rem;margin-bottom:1rem}.settings-category h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.settings-category p{color:#666;font-size:.9rem}.practice-session{background:linear-gradient(135deg,#0d3b0d,#1a5319 50%,#0d3b0d);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;overflow:hidden;padding:10px}.game-header{align-items:center;border-bottom:1px solid #ffffff1a;flex-shrink:0;margin-bottom:0;padding:5px 10px}.exit-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.85rem;padding:8px 16px;transition:all .3s ease}.exit-btn:hover{background:#fff3;border-color:#ffffff80}.game-info{align-items:center;display:flex;gap:12px}.game-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e8f5e8);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin:0}.difficulty-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:.75rem;padding:4px 10px}.start-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:15px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:700;padding:8px 20px;transition:all .3s ease}.start-btn:hover{box-shadow:0 4px 15px #28a74566;transform:scale(1.05)}.game-area{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0}.opponents-area{display:grid;flex-shrink:0;grid-template-areas:"top-left top top-right" "left . right";grid-template-columns:1fr auto 1fr;grid-template-rows:auto;margin-bottom:0;padding:0}.opponent{background:#fffffff2;border-radius:8px;box-shadow:0 2px 6px #0000004d;color:#2c3e50;gap:8px;padding:6px 10px;z-index:10}.opponent.top{margin-bottom:-15px;transform:translateY(-5px)}.opponent.left{margin-right:-15px;transform:translateX(-5px)}.opponent.right{margin-left:-15px;transform:translateX(5px)}.opponent-avatar{align-items:center;background:#0000001a;border-radius:50%;display:flex;font-size:1.1rem;height:30px;justify-content:center;width:30px}.opponent-info{display:flex;flex-direction:column;gap:1px}.opponent-name{font-size:.75rem}.opponent-cards{font-size:.65rem;opacity:.8}.turn-indicator{background:#ffeb3b;border-radius:5px;color:#333;display:inline-block;font-size:.55rem;font-weight:700;margin-top:1px;padding:1px 4px}.table-container{display:flex;flex:1 1;justify-content:center;margin:0;min-height:0;padding:0}.oval-table{background:linear-gradient(135deg,#228b22,#32cd32);border:14px solid #8b4513;border-radius:50%/40%;box-shadow:inset 0 0 80px #0006,0 20px 60px #0009;margin:0}.table-surface{height:80%;position:relative;width:90%}.table-center{align-items:center;display:flex;gap:80px}.deck-pile,.discard-pile{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .3s ease}.deck-pile:hover,.discard-pile:hover{transform:scale(1.1)}.card-back,.card-front{align-items:center;border:3px solid #fff;border-radius:10px;box-shadow:0 5px 10px #00000080;display:flex;height:119px;justify-content:center;width:85px}.card-back:after{content:"♠️";font-size:1.4rem;opacity:.7}.card-front{background:linear-gradient(45deg,#d32f2f,#f44336)}.card-front:after{content:"♥️";font-size:1.4rem;opacity:.7}.pile-count{color:#fff;font-size:.85rem;font-weight:700;text-shadow:1px 1px 2px #0009}.player-area{background:#fffffff2;border-radius:8px 8px 0 0;box-shadow:0 -2px 10px #0006;flex-shrink:0;margin:-10px;padding:8px;transform:translateY(-5px)}.player-info{align-items:center;color:#2c3e50;display:flex;gap:8px;margin-bottom:6px}.player-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-size:1.3rem;height:35px;width:35px}.player-details{display:flex;flex-direction:column;gap:1px}.player-name{font-size:.9rem}.player-stats{display:flex;font-size:.75rem;gap:8px;opacity:.8}.player-cards{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;min-height:90px;overflow-x:auto;padding:6px 0}.card-slot{flex-shrink:0;transition:transform .3s ease}.card-slot:hover{transform:translateY(-6px)}.card{border:2px solid #fff;border-radius:6px;box-shadow:0 2px 6px #0006;height:91px;width:65px}.card.open{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;color:#2c3e50}.card:hover{box-shadow:0 4px 10px #00000080}.card-content{font-size:.85rem;font-weight:700}.practice-session-loading{align-items:center;display:flex;justify-content:center;min-height:80vh}.loading-content{background:#fffffff2;border-radius:10px;box-shadow:0 4px 15px #0000004d;color:#2c3e50;padding:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#28a745;height:40px;margin:0 auto 10px;width:40px}.loading-content h2{font-size:1rem;margin-bottom:5px}.loading-content p{color:#6c757d;font-size:.8rem;margin:0}@media (max-width:1200px){.oval-table{height:300px;width:800px}.table-center{gap:60px}.card-back,.card-front{height:105px;width:75px}}@media (max-width:1024px){.oval-table{height:250px;width:700px}.table-center{gap:40px}.card-back,.card-front{height:91px;width:65px}.opponent.top{margin-bottom:-10px}.opponent.left{margin-right:-10px}.opponent.right{margin-left:-10px}}@media (max-width:768px){.practice-session{padding:5px}.game-header{flex-direction:column;gap:5px;padding-bottom:5px;text-align:center}.oval-table{height:200px;width:95%}.table-center{gap:25px}.card-back,.card-front{height:77px;width:55px}.player-cards{gap:3px;min-height:75px}.card{height:70px;width:50px}.card-content{font-size:.75rem}.game-info h1{font-size:1.2rem}.opponent.top{margin-bottom:-8px}.opponent.left{margin-right:-8px}.opponent.right{margin-left:-8px}.player-area{margin:-8px;transform:translateY(-3px)}}@media (max-width:480px){.oval-table{height:160px}.table-center{gap:15px}.card-back,.card-front{height:63px;width:45px}.player-cards{gap:2px;min-height:65px}.card{height:56px;width:40px}.card-content{font-size:.65rem}.game-info h1{font-size:1rem}.player-area{margin:-6px;padding:6px;transform:translateY(-2px)}.opponent.top{margin-bottom:-5px}.opponent.left{margin-right:-5px}.opponent.right{margin-left:-5px}}.enhanced-practice-lobby{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.lobby-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.lobby-title{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:8px}.lobby-subtitle{color:#555;font-size:16px;margin:0;opacity:.8}.lobby-content{margin:0 auto;max-width:1200px}.game-mode-tabs{background:#fff;border-radius:50px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:500px;padding:5px}.tab-button{background:#0000;border:none;border-radius:50px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #667eea66;color:#fff}.tab-button:hover:not(.active){background:#667eea1a;color:#667eea}.section-header{margin-bottom:30px;text-align:center}.section-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:8px}.section-header p{color:#666;font-size:16px;margin:0}.modes-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.mode-card{background:#fff;border:3px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.mode-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.practice-card:hover{border-color:inherit}.online-card{cursor:not-allowed;opacity:.8}.online-card:hover{transform:none}.mode-header{color:#fff;padding:20px;position:relative;text-align:center}.mode-header h3{font-size:18px;font-weight:600;margin:0}.difficulty-badge,.status-badge{background:#0000004d;border-radius:20px;font-size:12px;font-weight:700;padding:4px 12px;position:absolute;right:10px;top:10px}.mode-body{padding:20px}.mode-body p{color:#666;font-size:14px;line-height:1.5;margin-bottom:15px}.mode-details{display:flex;flex-direction:column;gap:8px}.detail-item{border-bottom:1px solid #f0f0f0;padding:5px 0}.detail-label{color:#888;font-size:12px}.detail-value{color:#333;font-size:12px}.mode-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 20px}.play-button{font-size:14px;padding:12px}.play-button:hover{box-shadow:0 4px 12px #0003}.coming-soon{background:#6c757d!important;cursor:not-allowed}.coming-soon:hover{box-shadow:none;transform:none}.quick-stats{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-top:30px;padding:30px}.quick-stats h3{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:25px;text-align:center}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item{align-items:flex-start;background:#f8f9fa;border-radius:10px;display:flex;gap:15px;padding:15px;transition:transform .3s ease}.benefit-item:hover{background:#e9ecef;transform:translateX(5px)}.benefit-icon{flex-shrink:0;font-size:24px}.benefit-content h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 5px}.benefit-content p{color:#666;font-size:14px;line-height:1.4;margin:0}@media (max-width:768px){.enhanced-practice-lobby{padding:15px}.lobby-title{font-size:20px}.lobby-subtitle{font-size:14px}.game-mode-tabs{border-radius:15px;flex-direction:column;gap:5px}.tab-button{border-radius:10px}.modes-grid{gap:20px;grid-template-columns:1fr}.section-header h2{font-size:24px}.benefits-grid{gap:15px;grid-template-columns:1fr}.benefit-item{padding:12px}.quick-stats{padding:20px}}@media (max-width:480px){.lobby-header,.mode-body{padding:15px}.mode-footer{padding:12px 15px}.play-button{font-size:13px;padding:10px}}.mode-card{animation:fadeInUp .5s ease-out}.mode-card:first-child{animation-delay:.1s}.mode-card:nth-child(2){animation-delay:.2s}.mode-card:nth-child(3){animation-delay:.3s}.practice-stats{margin:0 auto;max-width:1000px;padding:20px}.stats-header{margin-bottom:40px;text-align:center}.stats-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.stats-header p{color:#7f8c8d;font-size:1.1rem}.stats-overview{margin-bottom:40px}.stats-overview h2{color:#2c3e50;margin-bottom:20px;text-align:center}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.overview-card{background:#fff;border:2px solid #3498db;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px 20px;text-align:center}.overview-value{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:10px}.overview-label{color:#7f8c8d;font-size:1rem;font-weight:500}.detailed-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.stat-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.stat-section h3{color:#2c3e50;margin-bottom:20px;text-align:center}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.metric-card h4{color:#7f8c8d;font-size:.9rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.metric-value{color:#2c3e50;font-size:2rem;font-weight:700}.difficulty-stats{display:flex;flex-direction:column;gap:15px}.difficulty-stat{align-items:center;display:flex;gap:15px}.difficulty-name{color:#2c3e50;font-weight:500;min-width:120px}.stat-bar{background:#ecf0f1;border-radius:10px;flex:1 1;height:20px;overflow:hidden}.stat-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}.stat-percent{color:#2c3e50;font-weight:700;min-width:40px;text-align:right}.stats-note{background:#e8f4fd;border-radius:8px;color:#2980b9;margin-top:40px;padding:20px;text-align:center}@media (max-width:768px){.practice-stats{padding:10px}.metrics-grid,.overview-grid{grid-template-columns:repeat(2,1fr)}.difficulty-stat{align-items:flex-start;flex-direction:column;gap:8px}.difficulty-name{min-width:auto}.stat-bar{width:100%}}.practice-achievements{margin:0 auto;max-width:1000px;padding:20px}.achievements-header{margin-bottom:40px;text-align:center}.achievements-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.achievements-header p{color:#7f8c8d;font-size:1.1rem}.achievements-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:40px}.stat-card{background:#fff;border:2px solid #3498db;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px 20px;text-align:center}.stat-number{color:#2c3e50;font-size:2.2rem;font-weight:700;margin-bottom:8px}.stat-label{color:#7f8c8d;font-size:.9rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.achievement-card{align-items:flex-start;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:15px;padding:20px;transition:all .3s ease}.achievement-card.locked{opacity:.7}.achievement-card.unlocked{border-color:#27ae60}.achievement-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-3px)}.achievement-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.achievement-content{flex:1 1}.achievement-content h3{color:#2c3e50;font-size:1.2rem;margin-bottom:8px}.achievement-content p{color:#7f8c8d;line-height:1.4;margin-bottom:15px}.achievement-progress{align-items:center;display:flex;gap:10px;margin-bottom:10px}.progress-bar{background:#ecf0f1;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:#7f8c8d;font-size:.8rem;min-width:50px;text-align:right}.achievement-status{align-items:center;display:flex;justify-content:space-between}.status-unlocked{color:#27ae60;font-size:.9rem;font-weight:700}.status-locked{color:#e74c3c;font-size:.9rem;font-weight:700}.achievement-rarity{font-size:.8rem;font-weight:700;text-transform:uppercase}.achievements-note{background:#e8f4fd;border-radius:8px;color:#2980b9;padding:20px;text-align:center}@media (max-width:768px){.practice-achievements{padding:10px}.achievements-grid{grid-template-columns:1fr}.achievement-card{flex-direction:column;text-align:center}.achievement-progress{flex-direction:column;gap:5px}.progress-text{text-align:center}}body{background:linear-gradient(135deg,#0d3b0d,#1a5319);color:#fff;font-family:Arial,sans-serif;line-height:1.6}.auth-container,.auth-form,.login-container,.register-container{background:linear-gradient(135deg,#041f04,#1a5319);color:#e2e8f0!important}#root,.App{background:linear-gradient(135deg,#0d3b0d,#1a5319)}.app,.enhanced-app{min-height:100vh}.enhanced-app{background:linear-gradient(135deg,#0d3b0d,#1a5319 50%,#0d3b0d)}.enhanced-main,.main-content{min-height:calc(100vh - 120px)}.loading-container{min-height:50vh;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:gold;height:50px;margin-bottom:20px;width:50px}.error-container{background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin:20px;padding:40px 20px;text-align:center}.error-container h2{color:#ff6b6b;margin-bottom:15px}.error-container p{color:#e8f5e8;margin-bottom:20px}.enhanced-footer{background:#0000004d;border-top:1px solid #ffffff1a;margin-top:auto;padding:20px;text-align:center}.footer-section p{color:#b8f2b8;font-size:.9rem}.lobby-container{align-items:center;background:linear-gradient(135deg,#0d3b0d,#1a5319);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px;text-align:center}.lobby-container h1{color:gold;font-size:3rem;margin-bottom:20px}.lobby-container p{color:#e8f5e8;font-size:1.2rem;line-height:1.6;max-width:600px}.home-page{background:linear-gradient(135deg,#0d3b0d,#1a5319 50%,#0d3b0d);color:#fff;min-height:100vh}.home-content{margin:0 auto;max-width:1200px;padding:20px}.welcome-section{margin-bottom:40px;padding:40px 20px;text-align:center}.welcome-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:20px}.welcome-text p{color:#e8f5e8;font-size:1.2rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.auth-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.auth-btn{border:2px solid #0000;border-radius:25px;font-weight:700;padding:12px 30px;text-decoration:none;transition:all .3s ease}.login-btn{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.login-btn:hover{background:#fff3;transform:translateY(-2px)}.register-btn{background:gold;color:#1a5319}.register-btn:hover{background:#ffed4e;box-shadow:0 5px 15px #ffd7004d;transform:translateY(-2px)}.advertisements-section{margin-bottom:60px}.advertisements-section h2{color:gold;font-size:2.5rem;margin-bottom:30px;text-align:center}.ads-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.ad-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:20px;transition:all .3s ease}.ad-card:hover{background:#ffffff26;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.ad-image{margin-bottom:15px}.ad-image-placeholder{align-items:center;background:linear-gradient(45deg,#28a745,#20c997);border-radius:10px;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:120px;justify-content:center}.ad-content h3{color:gold;font-size:1.3rem;margin-bottom:10px}.ad-content p{color:#e8f5e8;line-height:1.5;margin-bottom:15px}.ad-link{color:#4dabf7;font-weight:700;text-decoration:none;transition:color .3s ease}.ad-link:hover{color:#74c0fc}.features-section{margin-bottom:40px}.features-section h2{color:gold;font-size:2.5rem;margin-bottom:40px;text-align:center}.features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff1a;box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:15px}.feature-card h3{color:gold;font-size:1.3rem;margin-bottom:10px}.feature-card p{color:#e8f5e8;line-height:1.5}.practice-games-container{background:linear-gradient(135deg,#0d3b0d,#1a5319);color:#fff;margin:0 auto;max-width:1200px;min-height:70vh;padding:2rem}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;color:gold;font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:#e8f5e8;font-size:1.2rem}.practice-games-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.game-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.game-option:hover{background:#ffffff26;border-color:gold;box-shadow:0 8px 25px #ffd70033;transform:translateY(-5px)}.game-icon{display:block;font-size:3rem;margin-bottom:1rem}.game-option h3{color:gold;font-size:1.5rem;margin-bottom:1rem}.game-option p{color:#e8f5e8;line-height:1.5;margin-bottom:1.5rem}.play-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.play-btn:hover{box-shadow:0 5px 15px #28a74566;transform:scale(1.05)}.practice-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;padding:2rem;text-align:center;transition:transform .3s ease}.info-card:hover{transform:translateY(-3px)}.info-card h4{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.info-card p{line-height:1.5;opacity:.9}.practice-games-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.practice-games-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:gold;height:50px;margin-bottom:20px;width:50px}.games-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:25px}.game-card:hover{background:#ffffff26;border-color:#ffd7004d;box-shadow:0 15px 40px #0000004d;transform:translateY(-8px)}.game-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.game-header h3{color:gold;font-size:1.4rem;margin:0}.difficulty-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 12px;text-shadow:1px 1px 2px #0000004d}.game-description{margin-bottom:20px}.game-description p{color:#e8f5e8;line-height:1.5;margin:0}.game-details{margin-bottom:20px}.detail-item{align-items:center;border-bottom:1px solid #ffffff1a;padding:8px 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#b8f2b8;font-weight:500}.detail-item .value{color:gold;font-weight:700}.game-action{text-align:center}.play-button{background:linear-gradient(45deg,#28a745,#20c997);border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;padding:12px 30px}.play-button:hover{background:linear-gradient(45deg,#20c997,#28a745);box-shadow:0 8px 20px #28a7454d;transform:translateY(-2px)}.practice-info-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:30px}.practice-info-section h3{color:gold;font-size:1.8rem;margin-bottom:30px;text-align:center}.info-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{padding:20px;text-align:center}.info-item h4{color:gold;font-size:1.2rem;margin-bottom:10px}.info-item p{color:#e8f5e8;line-height:1.5;margin:0}@media (max-width:768px){.practice-games-container{padding:1rem}.page-header h1{font-size:2rem}.practice-games-grid{gap:1.5rem;grid-template-columns:1fr}.game-option{padding:1.5rem}.practice-info{gap:1.5rem;grid-template-columns:1fr}.home-content{padding:15px}.welcome-text h1{font-size:2.2rem}.welcome-text p{font-size:1.1rem}.auth-buttons{align-items:center;flex-direction:column;gap:15px}.auth-btn{text-align:center;width:200px}.ads-grid,.features-grid{grid-template-columns:1fr}.advertisements-section h2,.features-section h2{font-size:2rem}.games-grid{gap:20px;grid-template-columns:1fr}.game-card{padding:20px}.info-grid{gap:20px;grid-template-columns:1fr}.practice-info-section{padding:20px}}@media (max-width:480px){.welcome-section{padding:20px 10px}.welcome-text h1{font-size:1.8rem}.ad-card,.feature-card{padding:15px}.practice-games-header{padding:10px}.practice-games-header h1{font-size:1.8rem}.game-header{align-items:flex-start;flex-direction:column;gap:10px}.game-card{padding:15px}.lobby-container h1{font-size:2rem}.lobby-container p{font-size:1rem}}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-warning{background:#f39c12;color:#fff}.btn-warning:hover{background:#e67e22}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.action-buttons-panel,.card,.cards-container,.current-player-hand-container,.deck-area,.deck-card,.deck-card-back,.deck-label,.deck-stack,.declaration-notification-banner,.discard-area,.discard-card,.discard-pile,.discard-stack,.game-board,.game-controls,.game-table-container,.joker-label,.jv-rummy-text,.jv-text,.player-circle,.player-hand,.player-info,.player-name,.players-container,.rummy-text,.seating-phase-overlay,.table-center{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (max-width:768px){body.fullscreen-mode{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;touch-action:manipulation}.game-table-container,.game-window-page{-webkit-overflow-scrolling:touch;overflow-x:hidden!important;overflow-y:auto!important;touch-action:manipulation}}.fade-in{animation:fadeIn .5s ease-in}.slide-in{animation:slideIn .5s ease-out}.pulse{animation:pulse 1.5s infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.new-game-container{background:linear-gradient(135deg,#0a2e0a,#1a472a);height:calc(100vh - 80px);overflow:hidden;padding:0;position:relative;width:100%}.game-area{margin:0 auto;max-width:1600px}.game-area,.opponents-container{height:100%;position:relative;width:100%}.opponents-container{left:0;pointer-events:none;top:0}.opponent{align-items:center;display:flex;flex-direction:column;position:relative}.table-container{align-items:center;margin-top:-300px}.top-opponent{left:50%;top:20px;transform:translateX(-50%)}.opponent.right{right:100px;top:50%;transform:translateY(250%)}.opponent.left{left:100px;top:50%;transform:translateY(-50%);transform:translateY(250%)}.opponent-simple-info{align-items:center;background:none;border:none;color:#fff;display:flex;font-size:12px;gap:8px;min-width:auto;padding:0;width:auto}.opponent-name{color:gold}.opponent-name,.opponent-score{font-weight:700;white-space:nowrap}.opponent-score{color:#4caf50}.opponent-card{display:none}.table-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.oval-table{background:radial-gradient(ellipse at center,#2d5a2d 0,#1e3f1e 100%);border:10px solid #5d4037;border-radius:50%;box-shadow:0 0 50px #005000cc,inset 0 0 80px #8db08d4d;gap:120px;height:350px;justify-content:center;width:900px}.deck-joker-stack,.oval-table{align-items:center;display:flex;position:relative}.deck-joker-stack{flex-direction:column;margin-top:-40px}.joker-under-deck{margin-bottom:-50px;position:relative;z-index:1}.joker-under-deck .card{border:2px solid gold;box-shadow:0 0 15px gold;height:98px;opacity:.9;width:70px}.deck-area{cursor:pointer;z-index:2}.closed-deck,.deck-area{position:relative}.card-back{background:linear-gradient(45deg,#1a237e,#283593);border:2px solid gold;border-radius:6px;box-shadow:0 3px 6px #0000004d;height:105px;width:75px}.deck-count{align-items:center;background:#d32f2f;border:1px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:22px;justify-content:center;position:absolute;right:-6px;top:-6px;width:22px}.open-pile-area{cursor:pointer}.empty-pile{border:2px dashed gold;border-radius:6px}.card,.empty-pile{height:105px;width:75px}.card{border:1px solid #333;border-radius:5px;box-shadow:0 2px 4px #0000004d;overflow:hidden;position:relative;transition:all .3s ease}.card.open{background:#fff}.card.closed{background:linear-gradient(45deg,#1a237e,#283593)}.card img{height:100%;object-fit:cover;width:100%}.card-fallback{align-items:center;background:#fff;color:#000;display:none;font-size:14px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.card.closed .card-fallback{background:linear-gradient(45deg,#1a237e,#283593);color:#fff}.card:hover{transform:translateY(-3px)}.player-area{align-items:flex-end;bottom:0;display:flex;gap:15px;left:400px;margin-top:50px;padding-bottom:0;position:absolute;transform:translateY(-150px);z-index:20}.player-info-side{align-items:flex-start;background:#000000b3;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:2px;margin-bottom:10px;margin-right:0;min-width:80px;padding:6px 10px;z-index:25}.player-name{color:gold;font-size:11px}.player-score{color:#4caf50;font-size:10px}.player-cards-count{color:#fff;font-size:10px;opacity:.8}.player-hand{align-items:flex-end;display:flex;gap:0;margin-bottom:-5px;margin-left:-35px}.card-slot{cursor:pointer;margin-left:-35px;transition:all .3s ease}.card-slot:first-child{margin-left:0}.card-slot:hover{transform:translateY(-10px);z-index:1000}.card-slot.selected{transform:translateY(-15px);z-index:1001}.card-slot.selected .card{border:2px solid gold;box-shadow:0 0 15px gold}.card-slot:last-child{margin-right:0}.game-controls{bottom:10px;display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;z-index:100}.control-btn{border:none;border-radius:10px;box-shadow:0 1px 3px #0000004d;cursor:pointer;font-size:10px;font-weight:700;min-width:50px;padding:4px 8px;transition:all .3s ease}.control-btn:hover{box-shadow:0 2px 4px #0006;transform:translateY(-1px)}.sort-btn{background:#4caf50;color:#fff}.drop-btn{background:#ff9800;color:#fff}.finish-btn{background:#2196f3;color:#fff}.discard-button{background:#f44336;border:none;border-radius:10px;bottom:120px;box-shadow:0 1px 3px #0000004d;color:#fff;cursor:pointer;font-size:10px;font-weight:700;left:50%;padding:5px 10px;position:absolute;transform:translateX(-50%);z-index:101}.discard-button:hover{box-shadow:0 2px 4px #0006;transform:translateX(-50%) translateY(-1px)}@media (max-width:1200px){.oval-table{gap:100px;height:250px;width:700px}.top-opponent{top:30px}.right-opponent{right:30px}.left-opponent{left:30px}.deck-joker-stack{margin-top:-30px}.player-area{left:15px}}@media (max-width:768px){.oval-table{gap:70px;height:200px;width:500px}.card,.card-back,.joker-under-deck .card{height:84px;width:60px}.player-area{flex-direction:column;gap:5px;left:10px}.player-info-side{align-items:center;margin-bottom:90px;order:2}.player-hand{order:1}.card-slot,.player-hand{margin-left:-25px}}@media (max-width:480px){.oval-table{gap:50px;height:150px;width:350px}.card,.card-back,.joker-under-deck .card{height:63px;width:45px}.player-area{left:5px}.player-info-side{margin-bottom:70px}.opponent-simple-info{font-size:10px;gap:5px}.declaration-area{background:#000000e6;border:2px solid gold;border-radius:10px;left:50%;max-height:80%;max-width:90%;overflow-y:auto;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1000}.declaration-area h3{color:gold;margin-bottom:15px;text-align:center}.arranged-groups{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.card-group{background:#ffffff1a;border:1px solid #444;border-radius:8px;padding:10px}.group-type{color:#4caf50;font-size:12px;font-weight:700;margin-bottom:8px;text-transform:capitalize}.group-cards{display:flex;flex-wrap:wrap;gap:5px}.group-cards .card{height:70px;width:50px}.declaration-help{background:#ffffff0d;border-left:3px solid gold;border-radius:5px;padding:10px}.declaration-help p{color:gold;font-size:12px;margin:0 0 8px}.declaration-help ul{color:#fff;font-size:11px;margin:0;padding-left:15px}.declaration-help li{margin-bottom:3px}}:root{--practice-color:#28a745;--tournament-color:#ffc107;--cash-color:#dc3545;--table-green:#228b22;--table-border:#8b4513}.game-layout.compact-mode{background:linear-gradient(135deg,#0d3b0d,#1a5319 50%,#0d3b0d);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;overflow:hidden;padding:10px}.compact-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:5px!important;padding:8px 10px!important}.compact-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e8f5e8);-webkit-background-clip:text;background-clip:text;font-size:1.3rem!important;margin:0!important}.compact-btn{border-radius:15px!important;font-size:.8rem!important;padding:6px 12px!important}.compact-badge{border-radius:10px!important;font-size:.7rem!important;padding:4px 8px!important}.compact-content{display:flex;flex:1 1;flex-direction:column;gap:0!important;min-height:0;position:relative}.compact-opponents{margin-bottom:0!important;padding:5px!important}.compact-player{border-radius:8px!important;gap:8px!important;padding:8px 12px!important}.compact-avatar{font-size:1rem!important;height:30px!important;width:30px!important}.compact-player-info{gap:2px!important}.compact-turn{border-radius:4px!important;font-size:.6rem!important;margin-top:1px!important;padding:1px 4px!important}.opponent.top{grid-area:top;justify-self:center;margin-bottom:-110px!important}.opponent.left{grid-area:left;justify-self:start;margin-right:-8px!important}.opponent.left,.opponent.right{align-self:center;margin-top:-20px}.opponent.right{grid-area:right;justify-self:end;margin-left:-8px!important}.player-area{transform:translateY(10px)}.compact-table{align-items:center!important;margin:0!important;padding:0!important;position:relative;transform:translate(0)}.compact-universal{border-width:10px!important;box-shadow:inset 0 0 60px #0006,0 15px 40px #00000080!important}.compact-center{gap:40px!important}.compact-pile{gap:6px!important}.compact-card{border-radius:8px!important;border-width:2px!important}.compact-count{font-size:.75rem!important}.compact-center-badge{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.compact-center-badge .center-badge{border-radius:15px!important;font-size:.8rem!important;padding:6px 12px!important}.compact-player-area{border-radius:10px 10px 0 0!important;margin:0 -10px -10px!important;padding:10px!important}.compact-player-main{gap:10px!important;margin-bottom:8px!important}.compact-player-avatar{font-size:1.2rem!important;height:35px!important;width:35px!important}.compact-details{gap:2px!important}.compact-stats{font-size:.75rem!important;gap:8px!important}.compact-cards{gap:4px!important;min-height:90px!important;padding:8px 0!important}.compact-card-slot:hover{transform:translateY(-5px)!important}.compact-user-card{border-radius:6px!important;border-width:2px!important;box-shadow:0 3px 6px #0000004d!important}.compact-card-content{font-size:.8rem!important}.compact-controls{border-radius:8px!important;flex-direction:row!important;justify-content:space-between!important;margin-top:5px!important;padding:8px 10px!important}.compact-status{font-size:.75rem!important;gap:8px!important}.compact-buttons{display:flex;gap:8px}.compact-control-btn{border-radius:12px!important;font-size:.7rem!important;padding:4px 8px!important}.table-small{--table-scale:0.8}.table-medium{--table-scale:1}.table-large{--table-scale:1.2}.player-small{--player-scale:0.8}.player-medium{--player-scale:1}.player-large{--player-scale:1.2}.card-small{--card-scale:0.8}.card-medium{--card-scale:1}.card-large{--card-scale:1.2}@media (max-width:768px){.compact-mode{padding:5px!important}.compact-header{padding:5px 8px!important}.compact-title{font-size:1.1rem!important}.compact-universal{height:220px!important;width:95%!important}.compact-center{gap:20px!important}.compact-player-area{margin:0 -8px -8px!important;padding:8px!important}}@media (max-width:480px){.compact-mode{padding:3px!important}.compact-header{flex-direction:column;gap:5px;text-align:center}.compact-universal{height:180px!important}.compact-center{gap:15px!important}.compact-controls{flex-direction:column!important;gap:5px}}:root{--primary:#2c3e50;--primary-light:#34495e;--secondary:#3498db;--success:#27ae60;--danger:#e74c3c;--warning:#f39c12;--info:#1abc9c;--light:#ecf0f1;--dark:#2c3e50;--white:#fff;--gray:#95a5a6;--gray-light:#f8f9fa;--border:#124f69;--shadow:0 2px 10px #0000001a;--radius:8px;--sidebar-width:280px}body{background-color:#f5f7fa;color:#2c3e50;color:var(--dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.super-admin-dashboard{display:flex;flex-direction:column;min-height:100vh}.dashboard-header{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #124f69;border-bottom:1px solid var(--border);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);display:flex;height:70px;justify-content:space-between;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-left .logo{align-items:center;display:flex;gap:12px}.header-left .logo i{color:#3498db;color:var(--secondary);font-size:24px}.logo-text{color:#2c3e50;color:var(--primary);font-size:20px;font-weight:600}.header-right{gap:30px}.user-info{gap:12px;top:-30px}.user-info,.user-info .avatar{align-items:center;display:flex;position:relative}.user-info .avatar{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--secondary),#2980b9);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;left:-80px;top:55px;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:#2c3e50;color:var(--dark);font-size:14px;font-weight:600}.user-role{color:#e74c3c;color:var(--danger);font-size:12px}.logout-btn{align-items:center;background:#ecf0f1;background:var(--light);border:1px solid #124f69;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#2c3e50;color:var(--dark);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.logout-btn:hover{background:#e74c3c;background:var(--danger);border-color:#e74c3c;border-color:var(--danger);color:#fff}.dashboard-container{display:flex;flex:1 1}.sidebar{background:#fff;background:var(--white);border-right:1px solid #124f69;border-right:1px solid var(--border);height:calc(100vh - 70px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:70px;width:280px;width:var(--sidebar-width)}.sidebar-menu{padding:20px 0}.menu-item{align-items:center;border-left:4px solid #0000;cursor:pointer;display:flex;gap:15px;margin:5px 0;padding:15px 20px;transition:all .3s}.menu-item:hover{background:#f8f9fa;background:var(--gray-light)}.menu-item.active{background:#3498db1a;border-left-color:#3498db;border-left-color:var(--secondary)}.menu-item.active .menu-icon{color:#3498db;color:var(--secondary)}.menu-icon{align-items:center;background:#ecf0f1;background:var(--light);border-radius:10px;color:#95a5a6;color:var(--gray);display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.menu-text{flex:1 1}.menu-title{color:#2c3e50;color:var(--dark);font-size:15px;font-weight:600;margin-bottom:4px}.menu-description{color:#95a5a6;color:var(--gray);font-size:12px;line-height:1.4}.main-content{flex:1 1;overflow-y:auto;padding:30px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-title h1{color:#2c3e50;color:var(--dark);font-size:28px;margin-bottom:8px}.page-subtitle{color:#95a5a6;color:var(--gray);font-size:15px}.create-btn{align-items:center;background:#3498db;background:var(--secondary);border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s}.create-btn:hover{background:#2980b9;transform:translateY(-1px)}.export-buttons{display:flex;gap:10px}.export-btn{align-items:center;border:1px solid #124f69;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.export-btn.excel{background:#21a366;border-color:#21a366;color:#fff}.export-btn.pdf{background:#e74c3c;border-color:#e74c3c;color:#fff}.export-btn.csv{background:#f39c12;border-color:#f39c12;color:#fff}.export-btn:hover{opacity:.9;transform:translateY(-1px)}.content-area{background:#0000}.section-card{background:#fff;background:var(--white);border:1px solid #124f69;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow);margin-bottom:30px;overflow:hidden}.card-header{border-bottom:1px solid #124f69;border-bottom:1px solid var(--border);padding:20px 30px}.card-header h2{color:#2c3e50;color:var(--dark);font-size:20px;margin:0}.total-count{align-items:center;color:#95a5a6;color:var(--gray);display:flex;font-size:14px;gap:8px}.card-body{padding:30px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.filter-group{display:flex;flex-direction:column}.filter-group.full-width{grid-column:span 3}.filter-group label{color:#2c3e50;color:var(--dark);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.filter-group input,.filter-group select{border:1px solid #124f69;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);font-size:14px;padding:12px;transition:all .3s}.filter-group input:focus,.filter-group select:focus{border-color:#3498db;border-color:var(--secondary);box-shadow:0 0 0 3px #3498db1a;outline:none}.date-range-inputs{align-items:center;display:flex;gap:10px}.date-range-inputs input{flex:1 1}.date-separator{color:#95a5a6;color:var(--gray);font-size:12px}.apply-filters-btn{align-items:center;background:#3498db;background:var(--secondary);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s;width:-webkit-fit-content;width:fit-content}.apply-filters-btn:hover{background:#2980b9}.reset-btn{align-items:center;background:#0000;border:1px solid #124f69;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#95a5a6;color:var(--gray);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 16px;transition:all .3s}.reset-btn:hover{background:#ecf0f1;background:var(--light);color:#2c3e50;color:var(--dark)}.table-container{-webkit-overflow-scrolling:touch!important;background-color:#34b6ea;display:block;margin:0!important;max-width:100%!important;min-height:1px;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;position:relative;width:100%!important}.data-table{border-collapse:initial!important;border-spacing:0!important;min-width:1300px!important;table-layout:auto!important;width:-webkit-max-content!important;width:max-content!important}.data-table td,.data-table th{max-width:200px!important;min-width:120px!important;overflow:hidden!important;padding:12px 16px!important;text-overflow:ellipsis!important;vertical-align:middle!important;white-space:nowrap!important}.data-table td:first-child,.data-table th:first-child{min-width:140px!important}.data-table td:nth-child(2),.data-table th:nth-child(2){min-width:180px!important}.data-table td:nth-child(3),.data-table th:nth-child(3){min-width:220px!important}.data-table td:nth-child(4),.data-table td:nth-child(5),.data-table th:nth-child(4),.data-table th:nth-child(5){min-width:150px!important}.data-table td:nth-child(6),.data-table td:nth-child(7),.data-table td:nth-child(8),.data-table th:nth-child(6),.data-table th:nth-child(7),.data-table th:nth-child(8){min-width:130px!important}.data-table td:nth-child(9),.data-table th:nth-child(9){min-width:120px!important}.data-table td:nth-child(10),.data-table th:nth-child(10){min-width:250px!important}.date-time-cell{color:#2c3e50;color:var(--dark);font-size:13px;white-space:nowrap}.tx-id-cell{background:#f8f9fa;background:var(--gray-light);border-radius:4px;color:#95a5a6;color:var(--gray);display:inline-block;font-family:Courier New,monospace;font-size:13px;padding:4px 8px}.tx-type{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.tx-type.admin_deposit,.tx-type.deposit{background:#27ae601a;color:#27ae60;color:var(--success)}.tx-type.admin_withdrawal,.tx-type.withdrawal{background:#e74c3c1a;color:#e74c3c;color:var(--danger)}.tx-type.game_entry{background:#9b59b61a;color:#9b59b6}.tx-type.winning{background:#3498db1a;color:#3498db;color:var(--secondary)}.amount-cell{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:flex-end}.amount-cell.credit{color:#27ae60;color:var(--success)}.amount-cell.debit{color:#e74c3c;color:var(--danger)}.credit-arrow,.debit-arrow{font-size:12px}.balance-cell{color:#2c3e50;color:var(--dark);font-family:Courier New,monospace;font-size:14px;font-weight:600}.description-cell{color:#95a5a6;color:var(--gray);font-size:13px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-container{color:#95a5a6;color:var(--gray);padding:60px}.loading-container i{color:#3498db;color:var(--secondary);font-size:32px;margin-bottom:16px}.empty-state{color:#95a5a6;color:var(--gray);padding:60px}.empty-state i{font-size:48px;opacity:.5}.empty-state h3{color:#2c3e50;color:var(--dark);font-size:18px}.empty-state p{color:#95a5a6;color:var(--gray);font-size:14px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal{animation:modalSlide .3s ease-out;background:#fff;background:var(--white);border-radius:8px;border-radius:var(--radius);box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes modalSlide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal.modal-danger{border-top:4px solid #e74c3c;border-top:4px solid var(--danger)}.modal-header{border-bottom:1px solid #124f69;border-bottom:1px solid var(--border);padding:20px 30px}.modal-header h3{align-items:center;color:#2c3e50;color:var(--dark);display:flex;font-size:18px;gap:10px;margin:0}.modal-close{background:none;border:none;color:#95a5a6;color:var(--gray);cursor:pointer;font-size:18px;padding:5px;transition:color .3s}.modal-close:hover{color:#e74c3c;color:var(--danger)}.modal-body{padding:30px}.modal-footer{border-top:1px solid #124f69;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.admin-info-modal{border-bottom:1px solid #124f69;border-bottom:1px solid var(--border);gap:20px;margin-bottom:30px}.admin-name{color:#2c3e50;color:var(--dark)}.admin-email{color:#95a5a6;color:var(--gray)}.current-balance-display{background:var(--gray-light);border:1px solid #124f69;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:30px;padding:20px;text-align:center}.balance-label{color:#95a5a6;color:var(--gray)}.balance-amount{color:#3498db;color:var(--secondary);font-family:Courier New,monospace;font-weight:700}.form-group label{color:#2c3e50;color:var(--dark)}.form-group input,.form-group select{border:1px solid #124f69;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:12px;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #3498db1a}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.toggle-btn{background:var(--white);border:2px solid #124f69;border:2px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:12px}.toggle-btn:hover{border-color:#3498db;border-color:var(--secondary)}.toggle-btn.active.credit{background:#27ae60;background:var(--success);border-color:#27ae60;border-color:var(--success)}.toggle-btn.active.debit{background:#e74c3c;background:var(--danger);border-color:#e74c3c;border-color:var(--danger)}.btn-danger,.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s}.btn-primary{background:#3498db;background:var(--secondary);color:#fff}.btn-primary:hover{background:#2980b9}.btn-secondary{background:#ecf0f1;background:var(--light);border:1px solid #124f69;border:1px solid var(--border);color:#2c3e50;color:var(--dark)}.btn-secondary:hover{background:#e0e0e0}.btn-success{background:#27ae60;background:var(--success);color:#fff}.btn-success:hover{background:#229954}.btn-danger{background:#e74c3c;background:var(--danger);color:#fff}.btn-danger:hover{background:#c0392b}.warning-icon{color:#e74c3c;color:var(--danger);font-size:60px;margin-bottom:20px}.warning-content,.warning-icon{text-align:center}.warning-content p{color:#2c3e50;color:var(--dark);font-size:16px;margin-bottom:20px}.admin-to-delete{background:var(--gray-light);border:1px solid #124f69;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:20px}.warning-note{align-items:flex-start;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:8px;border-radius:var(--radius);color:#e74c3c;color:var(--danger);font-size:13px;padding:15px}.warning-note i{margin-top:2px}.alert{align-items:center;border-radius:8px;border-radius:var(--radius);display:flex;gap:10px;padding:15px}.alert-error{background:#e74c3c1a;border:1px solid #e74c3c33;color:#e74c3c;color:var(--danger)}@media (max-width:1200px){.filters-grid{grid-template-columns:repeat(2,1fr)}.filter-group.full-width{grid-column:span 2}}@media (max-width:992px){.sidebar{display:none}.dashboard-container{flex-direction:column}.main-content{padding:20px}}@media (max-width:768px){.dashboard-header{height:60px;padding:0 15px}.logo-text{font-size:18px}.user-details{display:none}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.filters-grid{grid-template-columns:1fr}.filter-group.full-width{grid-column:span 1}.form-row{grid-template-columns:1fr}.modal{margin:10px;width:95%}}@media (max-width:576px){.main-content{padding:15px}.card-body{padding:20px}.card-header{align-items:flex-start;flex-direction:column;gap:10px;padding:15px 20px}.export-buttons{flex-wrap:wrap}.action-buttons{flex-direction:column}}.search-container{align-items:center;display:flex;gap:10px}.search-icon{color:#666;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #130202;border-radius:8px;font-size:14px;padding:10px 40px;transition:all .3s;width:100%}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.clear-search-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.clear-search-btn:hover{color:#666}.pagination-container{align-items:center;background-color:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:15px;padding:20px}.pagination-info{color:#666;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:10px}.pagination-btn{align-items:center;background-color:#fff;border:1px solid #180303;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .3s}.pagination-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.prev{padding-left:12px}.pagination-btn.next{padding-right:12px}.page-numbers{display:flex;gap:5px}.page-number{align-items:center;background-color:#fff;border:1px solid #100101;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;transition:all .3s;width:40px}.page-number:hover:not(.active){background-color:#f5f5f5;border-color:#ccc}.page-number.active{background-color:#3498db;border-color:#3498db;color:#fff}.page-dots{align-items:center;color:#666;display:flex;height:40px;justify-content:center;width:40px}.card-header{flex-wrap:wrap;gap:15px;justify-content:space-between}.card-header .header-left{gap:12px}.card-header .header-left,.card-header .header-right,.empty-state{align-items:center;display:flex}.empty-state{flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.empty-state i{color:#ddd;font-size:64px;margin-bottom:20px}.empty-state h3{color:#666;margin-bottom:10px}.empty-state p{color:#999;margin-bottom:20px;max-width:400px}.clear-search-main-btn{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.clear-search-main-btn:hover{background-color:#2980b9}.table-container{min-height:400px}@media (max-width:768px){.card-header{align-items:stretch;flex-direction:column}.card-header .header-left,.card-header .header-right{width:100%}.search-container{flex-direction:column}.search-input-group{width:100%}.search-btn{justify-content:center;width:100%}.pagination-controls{flex-direction:column;gap:10px}}.distributor-header{align-items:center;display:flex;justify-content:space-between;padding:0;width:100%}.header-center-section,.header-left-section,.header-right-section{flex:1 1}.header-left-section{text-align:left}.header-center-section{display:flex;justify-content:center}.header-right-section{display:flex;justify-content:flex-end}.header-left-section h2{color:#333;font-size:24px;font-weight:600;margin:0}.search-section{align-items:center;display:flex;gap:10px;max-width:400px;width:100%}.search-input-group{flex:1 1;position:relative}.search-input-group .search-icon{color:#666;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input-group .search-input{border:1px solid #140101;border-radius:8px;font-size:14px;height:40px;padding:10px 40px;transition:all .3s;width:100%}.search-input-group .search-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.search-input-group .clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;height:20px;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:background .2s;width:20px}.search-input-group .clear-search-btn:hover{background:#f0f0f0;color:#666}.search-btn{align-items:center;background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;height:40px;padding:10px 20px;transition:background-color .3s}.search-btn:hover{background-color:#2980b9}.distributor-count{background:#f8f9fa;border:1px solid #01060b;border-radius:8px;gap:12px;min-width:140px;padding:10px 16px}.count-icon,.distributor-count{align-items:center;display:flex}.count-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:16px;height:40px;justify-content:center;width:40px}.count-details{display:flex;flex-direction:column}.count-number{color:#333;font-size:20px;font-weight:600;line-height:1.2}.count-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.card-header{background:#fff;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;padding:20px 24px}.table-container{margin-top:20px;overflow-x:auto}@media (max-width:1024px){.distributor-header{align-items:stretch;flex-direction:column;gap:20px}.header-center-section,.header-left-section,.header-right-section{justify-content:center;text-align:center;width:100%}.header-left-section h2{text-align:center}.distributor-count{display:inline-flex;justify-content:center;margin:0 auto;width:auto}}@media (max-width:768px){.search-section{flex-direction:column;gap:10px;width:100%}.search-input-group{width:100%}.search-btn{justify-content:center;width:100%}.distributor-count{min-width:120px}}.modal,.modal-header{color:#000}.modal-header h3{color:#000;font-weight:600}.modal-body{color:#000}.modal label{color:#000!important;display:block;font-weight:500;margin-bottom:6px}.modal input,.modal select,.modal textarea{border:1px solid #1c0202}.form-group{margin-bottom:20px}.form-group label{color:#000;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{background-color:#fff;border:1px solid #160202;color:#000;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.alert{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-error{background-color:#f8d7da;border:1px solid #23070a;color:#721c24}.action-toggle{display:flex;gap:10px}.toggle-btn{align-items:center;background:#fff;border:1px solid #321212;border-radius:6px;color:#000;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:10px}.toggle-btn.active.credit{border-color:#28a745;color:#fff}.toggle-btn.active.debit{border-color:#dc3545;color:#fff}.admin-info-modal{align-items:center;border-bottom:1px solid #eee;display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px}.admin-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;width:60px}.admin-details{flex:1 1}.admin-name{color:#000;font-size:18px;font-weight:600;margin-bottom:4px}.admin-email{color:#666;font-size:14px}.current-balance-display{background:#f8f9fa;border:1px solid #154779;border-radius:8px;margin-bottom:20px;padding:15px}.balance-label{color:#666;font-size:14px;margin-bottom:8px}.balance-amount{color:#000;font-size:28px;font-weight:600}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.modal-danger .warning-icon{font-size:48px;margin-bottom:20px;text-align:center}.admin-to-delete{background:#f8f9fa;border-radius:8px;gap:15px;margin:20px 0;padding:15px}.admin-to-delete,.warning-note{align-items:center;display:flex}.warning-note{background:#e7f3ff;border-radius:6px;gap:10px;margin-top:15px;padding:12px}.warning-note i{color:#17a2b8}.modal :not(.modal-close):not(.fa-times){color:#000!important}.modal .btn-action,.modal .btn-danger,.modal .btn-primary,.modal .btn-secondary,.modal .btn-success{color:#fff!important}.modal input,.modal select,.modal textarea{background-color:#fff;border:1px solid #000!important;border-radius:6px;color:#000!important;font-size:14px;padding:10px 12px;transition:all .3s}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a;outline:none}.modal .action-toggle .toggle-btn,.modal .form-group input,.modal .form-group select,.modal .search-input,.search-input-group .search-input{border:1px solid #000!important}.form-group input,.form-group select{border:1px solid #000!important;border-radius:6px}.form-group input:focus,.form-group select:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a}.action-toggle .toggle-btn{border:1px solid #000!important}.action-toggle .toggle-btn.active.credit,.action-toggle .toggle-btn.active.debit{border-color:#0000!important}input[type=number]{border:1px solid #000!important}.modal input::placeholder{color:#666;opacity:.8}.modal input:disabled,.modal select:disabled{background-color:#f5f5f5;border-color:#999!important;color:#666!important;cursor:not-allowed}.toggle-btn:not(.active){border:1px solid #000!important;color:#000!important}.toggle-btn.active.credit{background-color:#28a745;border-color:#28a745!important;color:#fff!important}.toggle-btn.active.debit{background-color:#dc3545;border-color:#dc3545!important;color:#fff!important}.search-box .search-input{border:1px solid #000!important}.search-box .search-input:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a}.clear-search-btn{background:#0000;border:none!important}.date-range-inputs input,.filters-grid select,.form-row input,.form-row select{border:1px solid #000!important}.modal-footer button{border:1px solid #0000!important}.modal .form-control{border:1px solid #000!important}.modal input[type=number]:not(:disabled){border:1px solid #baaaaa!important}.modal input[type=email],.modal input[type=password],.modal input[type=text]{border:1px solid #000!important}.action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;height:36px;justify-content:center;min-width:80px;padding:8px 12px;transition:all .3s;width:auto}.action-text{display:inline-block;font-size:12px;font-weight:500}.action-btn:hover{box-shadow:0 4px 8px #0000001a;opacity:.9;transform:translateY(-1px)}.flag-icon{box-shadow:0 1px 3px #0000001a;height:18px}.country-name{font-size:14px;font-weight:500}.phone-cell{display:flex;flex-direction:column;gap:2px}.secondary-phone{color:#95a5a6;color:var(--gray);font-size:11px}.create-distributor-modal{max-width:700px}.distributor-form .form-section{border-bottom:1px solid #124f69;border-bottom:1px solid var(--border);margin-bottom:30px;padding-bottom:20px}.distributor-form .form-section h4{border-bottom:2px solid #3498db;border-bottom:2px solid var(--secondary);color:#2c3e50;color:var(--dark);padding-bottom:8px}.distributor-form .form-row{grid-gap:20px;gap:20px}.modal-body,.modal-body input,.modal-body label,.modal-body select,.modal-body textarea,.modal-footer,.modal-header{color:#000!important}.modal-body input::placeholder{color:#666!important}.currency-cell.local .currency-symbol{color:#e74c3c;font-weight:600}.page-number,.pagination-btn span,.pagination-info{color:#000!important}.action-btn,.export-btn span,.page-number.active{color:#fff!important}.action-btn{align-items:center!important;border:none!important;border-radius:8px!important;border-radius:var(--radius)!important;cursor:pointer!important;display:flex!important;font-weight:500!important;gap:6px!important;justify-content:center!important;min-width:80px!important;padding:8px 12px!important;transition:all .3s!important;width:auto!important}.action-btn,.action-btn i{font-size:14px!important}.action-btn.fund{background:#28a745!important}.action-btn.suspend{background:#ffc107!important}.action-btn.activate{background:#17a2b8!important}.action-btn.delete{background:#dc3545!important}.action-btn:hover{box-shadow:0 4px 8px #0000001a!important;opacity:.9!important;transform:translateY(-1px)!important}.country-cell{align-items:center;display:flex;gap:8px}.flag-icon{background-color:#ddd;border-radius:3px;display:inline-block;height:16px;width:24px}.phone-cell{color:#000;font-size:14px}.secondary-phone{color:#666;font-size:12px;font-style:italic}.data-table .user-email,.data-table .user-id,.data-table .username,.data-table td,.data-table th{color:#000!important}.create-distributor-modal{max-width:700px!important}.distributor-form .form-section{border-bottom:1px solid #ddd;margin-bottom:25px;padding-bottom:15px}.distributor-form .form-section h4{color:#000;font-size:16px;font-weight:600;margin-bottom:15px}.distributor-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}@media (max-width:768px){.distributor-form .form-row{grid-template-columns:1fr}}.smart-table-container{background:#1385b2;border:1px solid #124f69;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);height:400px;margin-top:20px;max-width:100%;overflow:auto;position:relative;width:100%}.smart-table{border-collapse:initial;border-spacing:0;min-width:1400px;width:100%}.smart-table thead{background:#f8f9fa;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sticky-col.first-col{background:linear-gradient(90deg,blue #fff);border-right:2px solid #124f69;border-right:2px solid var(--border);box-shadow:2px 0 4px #0000000d;left:0;min-width:140px;position:-webkit-sticky;position:sticky;z-index:90}.smart-table tbody .sticky-col.first-col{background:#1385b2;z-index:89}.sticky-col.second-col{background:linear-gradient(90deg,blue #fff);border-right:1px solid #124f69;border-right:1px solid var(--border);left:140px;min-width:180px;position:-webkit-sticky;position:sticky;z-index:88}.smart-table tbody .sticky-col.second-col{background:#1385b2;z-index:87}.sticky-actions{background:#f8f9fa;border-left:2px solid #124f69;border-left:2px solid var(--border);box-shadow:-2px 0 4px #0000000d;min-width:250px;position:-webkit-sticky;position:sticky;right:0;z-index:86}.smart-table tbody .sticky-actions{background:#fff;z-index:85}.smart-table-container{scroll-behavior:smooth}.smart-table-container::-webkit-scrollbar{height:10px;width:10px}.smart-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.smart-table-container::-webkit-scrollbar-thumb{background:#888;border:2px solid #f1f1f1;border-radius:4px}.smart-table-container::-webkit-scrollbar-thumb:hover{background:#555}.scroll-indicator{align-items:center;animation:fadeInOut 2s ease-in-out;background:#000000b3;border-radius:20px;bottom:10px;color:#fff;display:flex;font-size:12px;gap:8px;left:50%;opacity:.9;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s;z-index:1000}@keyframes fadeInOut{0%{opacity:0}20%{opacity:.9}80%{opacity:.9}to{opacity:0}}.quick-view-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #124f69;border-bottom:1px solid var(--border);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:15px 20px}.quick-view-header h3{align-items:center;color:#2c3e50;color:var(--dark);display:flex;font-size:16px;gap:8px;margin:0}.quick-view-content{padding:20px}.detail-section{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h4{color:#2c3e50;color:var(--dark);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.detail-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.detail-label{color:#666;font-size:13px;font-weight:500}.detail-value{color:#2c3e50;color:var(--dark);font-size:14px;font-weight:600;max-width:150px;overflow:hidden;text-align:right;text-overflow:ellipsis}.quick-view-actions{border-top:1px solid #eee;display:flex;gap:10px;margin-top:20px;padding-top:15px}.quick-view-actions button{flex:1 1;font-size:14px;padding:8px 16px}.smart-table tbody tr:hover{background:#f5f9ff!important}.smart-table tbody tr.selected{background:#e3f2fd!important;border-left:3px solid #3498db;border-left:3px solid var(--secondary)}.smart-table th{transition:background .3s}.smart-table th:hover{background:#e3f2fd}@media (max-width:1200px){.quick-view-panel{width:280px}}@media (max-width:768px){.smart-table-container{height:400px}.quick-view-panel{right:5%;top:80px;width:90%}.table-navigation{bottom:10px;right:10px}.nav-btn{font-size:11px;height:32px;width:32px}}.smart-table-container{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.smart-table-card{overflow:hidden}.smart-table-card .card-body{padding:0!important}.sticky-actions .action-buttons{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.sticky-actions .action-btn{font-size:12px;height:32px;min-width:70px;padding:6px 8px}.sticky-actions .action-text{font-size:11px}.smart-table td,.smart-table th{position:relative;z-index:1}.smart-table thead:after{background:linear-gradient(180deg,#0000001a,#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;z-index:101}.country-cell .flag-icon{border-radius:3px;box-shadow:0 1px 3px #0000001a;display:inline-block;height:18px;margin-right:8px;vertical-align:middle;width:24px}.code-cell code{background:#f1f1f1;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:13px;padding:4px 8px}.currency-cell{align-items:center;gap:6px}.currency-symbol{color:#2c3e50}.currency-code{color:#666;font-size:13px}.phone-cell{color:#333;font-weight:500}.timezone-cell{color:#666;font-size:13px}.commission-cell,.deposit-cell,.tax-cell{font-family:Courier New,monospace;font-weight:600}.tax-cell{color:#e74c3c}.commission-cell{color:#f39c12}.deposit-cell{color:#27ae60}.country-modal{max-width:800px}.country-form .form-section{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:20px}.country-form .form-section h4{border-bottom:2px solid #3498db;color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.checkbox-label{align-items:center;font-weight:500}.checkbox-label input[type=checkbox]{cursor:pointer}.flag-us{background-color:#3c3b6e}.flag-in{background-color:#f93}.flag-lr{background-color:#002868}.flag-ng{background-color:#008751}.flag-gh{background-color:#006b3f}.flag-ke{background-color:#000}.flag-ca{background-color:red}.flag-uk{background-color:#00247d}.flag-au{background-color:#00008b}.flag-de{background-color:#000}.flag-fr{background-color:#002654}.flag-br{background-color:#009b3a}.action-btn.edit{background:#3498db!important}.action-btn.deactivate{background:#f39c12!important}.action-btn.activate{background:#27ae60!important}.action-btn.delete{background:#e74c3c!important}.empty-state .fa-globe{color:#3498db}.country-flag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}@media (max-width:768px){.country-form .form-row{grid-template-columns:1fr}.country-cell .flag-icon{height:15px;width:20px}}.status-toggle{gap:10px;margin-top:10px}.toggle-btn{font-size:13px;padding:6px 16px;transition:all .3s}.inactive-row{opacity:.8}.deactivate-modal .warning-section{align-items:center;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;display:flex;gap:15px;margin-bottom:20px;padding:15px}.deactivate-modal .warning-icon{color:#ffc107;font-size:24px}.deactivate-modal .warning-content{flex:1 1}.deactivate-modal .warning-content p{font-size:15px;line-height:1.5;margin:0}.deactivate-modal .deactivation-comment{border:1px solid #ddd;border-radius:4px;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.deactivate-modal .deactivation-comment:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.create-distributor-modal .form-section{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:20px}.create-distributor-modal .form-section:last-child{border-bottom:none}.create-distributor-modal .form-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 15px}.create-distributor-modal .form-row{display:flex;gap:20px;margin-bottom:15px}.create-distributor-modal .form-group{flex:1 1;margin-bottom:15px}.create-distributor-modal .form-group label{color:#555;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.create-distributor-modal .form-group input,.create-distributor-modal .form-group select,.create-distributor-modal .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .3s;width:100%}.create-distributor-modal .form-group input:focus,.create-distributor-modal .form-group select:focus,.create-distributor-modal .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.country-info-preview{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;margin-top:15px;padding:15px}.country-info-preview .info-row{display:flex;font-size:13px;margin-bottom:8px}.country-info-preview .info-label{color:#495057;font-weight:600;min-width:100px}.country-info-preview .info-value{color:#666;flex:1 1}.country-info-preview .info-note{align-items:center;background:#e7f4e4;border-radius:4px;color:#2e7d32;display:flex;font-size:12px;gap:8px;margin-top:10px;padding:8px}.country-info-preview .info-note i{font-size:14px}.currency-cell{align-items:flex-end;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:50px}.currency-amount-line{align-items:center;display:flex;gap:4px;line-height:1.2}.currency-symbol{font-size:14px;font-weight:700;min-width:20px}.amount{color:#333;font-size:14px;font-weight:600;min-width:70px;text-align:right}.currency-code,.currency-name-small{color:#666;font-size:11px;line-height:1.2;opacity:.8;text-align:right}.countries-section .currency-cell{align-items:center;text-align:center}.countries-section .currency-amount-line{justify-content:center}.admins-section .currency-cell{align-items:flex-end}.admins-section .currency-amount-line{justify-content:flex-end}table.data-table td.text-right,table.data-table th.text-right{min-width:120px;padding-right:15px}.status-toggle{display:flex;gap:8px;margin-top:8px}.toggle-btn{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.toggle-btn.active{background:#007bff;border-color:#007bff;color:#fff}.toggle-btn:hover:not(.active){background:#e9ecef}.inactive-row{background-color:#f8f9fa;opacity:.7}.inactive-row:hover{background-color:#e9ecef;opacity:.9}.detail-item .currency-code-small{color:#666;font-size:12px;margin-left:4px}.exchange-rates-section .rate-input-cell{padding:8px 0}.exchange-rates-section .rate-label{color:#666;font-size:12px;font-weight:500;margin-bottom:4px}.exchange-rates-section .rate-input-group{align-items:center;display:flex;gap:8px;margin-bottom:4px}.exchange-rates-section .rate-currency{color:#2c3e50;font-weight:600;min-width:20px}.exchange-rates-section .rate-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px;text-align:center;transition:all .2s;width:100px}.exchange-rates-section .rate-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.exchange-rates-section .rate-arrow{color:#7f8c8d;font-weight:500}.exchange-rates-section .rate-note{color:#95a5a6;font-size:11px;font-style:italic}.exchange-rates-section .calculated-rate-cell{padding:8px 0}.exchange-rates-section .calculated-rate{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:8px}.exchange-rates-section .rate-formula{margin-bottom:4px}.exchange-rates-section .rate-value{color:#27ae60;font-size:13px;font-weight:600}.exchange-rates-section .rate-formula-breakdown{color:#7f8c8d;font-family:monospace;font-size:11px}.update-all-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.update-all-btn{align-items:center;background:linear-gradient(135deg,#27ae60,#219a52);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:12px 30px;transition:all .3s}.update-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#219a52,#1d8b4a);box-shadow:0 4px 12px #27ae604d;transform:translateY(-1px)}.update-all-btn:disabled{cursor:not-allowed;opacity:.6}.update-note{align-items:center;color:#7f8c8d;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:12px}.update-note i{color:#3498db}@media (max-width:1200px){.exchange-rates-section .rate-input{width:80px}}.custom-room-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.custom-room-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:#fff;border-bottom:1px solid #eee;border-radius:20px 20px 0 0;justify-content:space-between;padding:24px 24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header,.modal-header h2{align-items:center;display:flex}.modal-header h2{color:#333;font-size:24px;gap:10px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.close-btn:hover:not(:disabled){background:#f5f5f5;color:#333}.close-btn:disabled{cursor:not-allowed;opacity:.5}.room-form{padding:0 24px 24px}.form-section{margin-bottom:24px}.form-section label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.optional{font-weight:400}.input-hint,.optional{color:#999;font-size:12px}.input-hint{display:block;line-height:1.4;margin-top:6px}.form-input{background:#fff;border:2px solid #e1e5e9;border-radius:10px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.form-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e1e5e9;border-radius:10px;cursor:pointer;font-size:16px;padding:12px 40px 12px 16px;transition:all .2s;width:100%}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.player-count-selector{display:flex;flex-wrap:wrap;gap:8px}.player-count-btn{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:4px;justify-content:center;min-width:40px;padding:12px 8px;text-align:center;transition:all .2s}.player-count-btn:hover:not(:disabled){background:#f8f9ff;border-color:#667eea;transform:translateY(-1px)}.player-count-btn.selected{background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.player-count-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.fee-input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:#666;font-weight:600;left:16px;pointer-events:none;position:absolute;z-index:1}.fee-input{font-family:Courier New,monospace;padding-left:40px!important}.fee-hint{color:#999;display:block;font-size:12px;margin-top:6px}.fee-info{margin-top:8px}.fee-required{background:#f0f7ff;border-radius:6px;color:#06c;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400;gap:10px;margin-bottom:8px}.checkbox-label input[type=checkbox]{accent-color:#667eea;flex-shrink:0;height:18px;margin-top:2px;width:18px}.checkbox-label span{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.checkbox-icon{align-items:center;display:inline-flex;font-size:18px}.feature-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.checkbox-hint{color:#666;font-size:12px;line-height:1.4;margin-left:28px}.password-section{margin-left:28px;margin-top:12px}.room-rules{background:#f8f9fa;border-radius:12px;margin:32px 0;padding:20px}.room-rules h4{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin-bottom:16px;margin-top:0}.rules-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.rule-item{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;gap:10px;padding:10px}.rule-icon{flex-shrink:0;font-size:18px}.rule-text{display:flex;flex-direction:column;gap:2px}.rule-text strong{color:#999;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rule-text span{color:#333;font-size:14px;font-weight:600}.validation-error{align-items:center;animation:slideIn .3s ease;background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;display:flex;gap:10px;margin:20px 0;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.error-icon{color:#e53e3e;flex-shrink:0;font-size:18px}.error-text{color:#e53e3e;flex:1 1;font-size:14px;line-height:1.4}.connection-status-section{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:10px;margin:20px 0;padding:12px 16px}.connection-indicator{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px;padding:6px 12px}.connection-indicator.connected{background:#c6f6d5;color:#22543d}.connection-indicator.disconnected{background:#fed7d7;color:#742a2a}.connection-warning{color:#666;font-size:12px;line-height:1.4}.modal-actions{display:flex;gap:16px;margin-top:32px}.cancel-btn,.create-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-height:52px;padding:16px;transition:all .3s}.cancel-btn{background:#f1f3f5;color:#666}.cancel-btn:hover:not(:disabled){background:#e9ecef;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;position:relative}.create-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-btn:hover:not(:disabled):before{left:100%}.create-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.cancel-btn:disabled,.create-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.create-btn:disabled:before{display:none}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:600px){.custom-room-modal{margin:10px;max-height:85vh;width:95%}.form-grid{gap:16px;grid-template-columns:1fr}.rules-grid{grid-template-columns:repeat(2,1fr)}.modal-header{padding:20px 16px 12px}.modal-header h2{font-size:20px}.room-form{padding:0 16px 16px}.modal-actions{flex-direction:column;gap:12px}.player-count-selector{gap:6px}.player-count-btn{font-size:13px;min-width:36px;padding:10px 6px}}@media (max-width:380px){.rules-grid{grid-template-columns:1fr}.player-count-selector{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.player-count-btn{min-width:44px}}.custom-room-modal::-webkit-scrollbar{width:8px}.custom-room-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:20px}.custom-room-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:20px}.custom-room-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.multiplayer-lobby{height:100vh;margin:0 auto;max-width:1000px;min-height:100vh;overflow-y:auto!important;padding:.5rem;position:relative}.lobby-header{align-items:center;background:linear-gradient(135deg,#0b7a3d,#764ba2);border-radius:10px;box-shadow:0 3px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.header-left{flex:1 1}.header-left h1{font-size:2rem;font-weight:600;margin:.2rem .6rem .2rem 0}.header-left p{font-size:.8rem;margin:0;opacity:.9}.back-button{background:#ffffff26;border:1px solid #ffffff4d;font-size:.8rem;margin-bottom:.5rem;padding:.3rem .7rem;transition:all .2s ease}.back-button:hover{background:#ffffff40}.header-right{gap:.75rem}.active-rooms,.header-right{align-items:center;display:flex}.active-rooms{background:#ffffff26;border-radius:8px;flex-direction:column;min-width:70px;padding:.4rem .8rem}.rooms-count{font-size:1.1rem;font-weight:700}.rooms-text{font-size:.7rem;opacity:.9}.refresh-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:rotate(90deg)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.error-banner{animation:fadeIn .3s ease;background:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:1rem;padding:.6rem .8rem}.error-content{align-items:center;display:flex;gap:.5rem}.error-icon{font-size:1rem}.error-message{color:#c00;flex:1 1;font-size:.8rem}.dismiss-btn{background:#f99;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.2rem .6rem;transition:background .2s}.dismiss-btn:hover{background:#f77}.game-types-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.game-type-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;min-height:160px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.game-type-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.card-header{flex:1 1;gap:.75rem;padding:.75rem}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:#fff3;border-radius:8px;font-size:1.8rem;height:40px;justify-content:center;width:40px}.card-content{flex:1 1}.card-title{color:#050000;font-size:1rem;font-weight:600;margin:0 0 .5rem}.card-features{display:flex;flex-direction:column;gap:.25rem}.feature{align-items:center;color:#030000e6;display:flex;font-size:.75rem;gap:.25rem}.free-play .card-header,.free-play .play-button{background:linear-gradient(135deg,#4facfe,#00f2fe)}.cash-rummy .card-header{background:linear-gradient(135deg,#f093fb,#f5576c)}.cash-rummy .play-button{background:linear-gradient(135deg,#f5576c,#f093fb)}.tournament .card-header{background:linear-gradient(135deg,#fa9e3e,#f2c94c)}.tournament .play-button{background:linear-gradient(135deg,#f2c94c,#fa9e3e);color:#333}.custom-room .card-header,.custom-room .create-room-button{background:linear-gradient(135deg,#667eea,#764ba2)}.create-room-button,.play-button{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:center;padding:.6rem;transition:all .2s ease;width:100%}.create-room-button:hover:not(:disabled),.play-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.create-room-button:disabled,.play-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.game-types-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.lobby-header{align-items:stretch;flex-direction:column;gap:.5rem;padding:.5rem}.header-left{text-align:center}.header-right{justify-content:center}.game-type-card{min-height:140px}.card-icon{font-size:1.5rem;height:35px;width:35px}}@media (max-width:480px){.game-types-grid{grid-template-columns:1fr;margin:0 auto;max-width:300px}.multiplayer-lobby{padding:.25rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-type-card{animation:slideInUp .3s ease forwards}.game-type-card:first-child{animation-delay:.1s}.game-type-card:nth-child(2){animation-delay:.2s}.game-type-card:nth-child(3){animation-delay:.3s}.game-type-card:nth-child(4){animation-delay:.4s}.multiplayer-lobby::-webkit-scrollbar{width:8px}.multiplayer-lobby::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.multiplayer-lobby::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.multiplayer-lobby::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}body{overflow-y:auto!important}#root,body{height:100%}#root{overflow-y:auto}.game-types-container{min-height:calc(100vh - 120px);padding:.5rem}@media (max-width:768px){.multiplayer-lobby{height:auto;min-height:100vh;overflow-y:auto!important}.game-types-container{min-height:calc(100vh - 100px)}.game-types-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding-bottom:20px}}@media (min-width:769px){.multiplayer-lobby:after{animation:bounce 2s infinite;background:#667eea33;border-radius:50%;bottom:20px;content:"";display:none;height:40px;position:fixed;right:20px;width:40px}.multiplayer-lobby.scrollable:after{display:block}}@keyframes bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.multiplayer-game-room{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;height:100vh;overflow:hidden;width:100%}.multiplayer-game-room.loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-top-color:#4a6fff}.multiplayer-game-room.error,.multiplayer-game-room.not-found{padding:40px;text-align:center}.multiplayer-game-room.error h3,.multiplayer-game-room.not-found h3{color:#ff6b6b;margin-bottom:20px}.multiplayer-game-room.error button,.multiplayer-game-room.not-found button{background:#4a6fff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px}.game-room-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 20px}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;font-size:14px;padding:10px 20px}.back-button:hover{background:#fff3}.game-info{text-align:center}.game-info h2{color:#fff;font-size:24px;margin:0 0 10px}.game-details{color:#ffffffb3;font-size:14px;gap:20px}.game-id,.player-count,.turn-status{background:#ffffff1a;border-radius:12px;padding:4px 12px}.turn-status{transition:all .3s ease}.turn-status.your-turn{animation:pulse 2s infinite;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.connection-warning{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f003;border:1px solid #ff00004d;bottom:20px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1000}@media (max-width:768px){.game-room-header{flex-direction:column;gap:10px;padding:10px}.game-details{flex-wrap:wrap;gap:10px;justify-content:center}.game-info h2{font-size:20px}}.multiplayer-layout{background:linear-gradient(135deg,#1a202c,#2d3748);height:100vh;width:100%}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loading-spinner{border:4px solid #4a5568;border-left-color:#4299e1;height:50px;width:50px}.free-play-waiting{background:linear-gradient(135deg,#0c7b0c,#0a520a 50%,#083008);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.free-play-waiting.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{border-top-color:#fff}.free-play-waiting.loading p{color:#fff;font-size:18px}.free-play-waiting.error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.free-play-waiting.error h3{color:#ff6b6b;font-size:24px;margin-bottom:20px}.free-play-waiting.error p{color:#fff;font-size:16px;margin-bottom:30px;max-width:400px}.free-play-waiting.error button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.free-play-waiting.error button:hover{background:#ff5252;transform:translateY(-2px)}.waiting-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;justify-content:space-between;margin-bottom:25px;padding:20px}.back-btn,.waiting-header{align-items:center;display:flex}.back-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.back-btn:hover{box-shadow:0 5px 15px #ff6b6b66;transform:translateX(-5px)}.room-title{text-align:center}.room-title h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.room-code{color:#ffffffe6;font-size:16px}.room-code .code{background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;font-weight:700;letter-spacing:1px;margin-left:8px;padding:4px 12px}.player-count{background:linear-gradient(135deg,#4caf50,#2e8b57);border-radius:25px;box-shadow:0 4px 15px #4caf504d;font-size:16px;font-weight:700;padding:10px 20px}.connection-warning{animation:pulse 2s infinite;background:#ffc10726;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107}.connection-warning,.error-message{font-size:14px;margin-bottom:20px;padding:12px 20px;text-align:center}.error-message{background:#f4433626;border:1px solid #f443364d;border-radius:8px;color:#ff6b6b}.status-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:25px;padding:25px;text-align:center}.status-message{color:#fff;font-size:22px;font-weight:600;margin-bottom:20px;min-height:30px}.timer-section{margin:0 auto;max-width:400px}.timer-bar{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;height:12px;margin-bottom:10px;overflow:hidden}.timer-progress{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:6px;height:100%;transition:width 1s linear}.timer-text{color:#4caf50;font-family:Courier New,monospace;font-size:28px;font-weight:700;text-shadow:0 2px 4px #0000004d}.players-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:25px;padding:25px}.players-section h3{color:#fff;font-size:20px;margin:0 0 20px;text-align:center}.players-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.player-card{align-items:center;background:#00000040;border:1px solid #ffffff26;border-radius:12px;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.player-card:hover{background:#00000059;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.player-card.empty{background:#00000026;opacity:.6}.player-avatar{align-items:center;background:linear-gradient(135deg,#4caf50,#2e8b57);border-radius:50%;box-shadow:0 4px 10px #0003;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.player-card.empty .player-avatar{background:#fff3}.player-info{flex:1 1}.player-name{color:#fff;font-size:18px;font-weight:700;margin-bottom:5px;text-shadow:0 1px 3px #00000080}.player-details{color:#fffc;font-size:14px}.room-info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:25px;padding:25px}.info-card{background:#ffffff0d;border-radius:10px;padding:20px}.info-card h4{color:#fff;font-size:18px;margin:0 0 15px;text-align:center}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-size:14px;padding:8px 0}.info-card li:last-child{border-bottom:none;color:#4caf50;font-weight:500}.rules-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff26;border-radius:15px;margin-bottom:25px;padding:25px}.rules-info h4{color:#fff;font-size:18px;margin:0 0 15px;text-shadow:0 1px 3px #00000080}.rules-info ul{list-style:none;margin:0;padding:0}.rules-info li{border-bottom:1px solid #ffffff14;color:#ffffffe6;font-size:14px;padding:8px 0;text-shadow:0 1px 2px #0000004d}.rules-info li:last-child{border-bottom:none}.leave-section{padding:20px 0;text-align:center}.leave-room-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:10px;box-shadow:0 5px 20px #ff6b6b4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.leave-room-btn:hover{background:linear-gradient(135deg,#ff5252,red);box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-3px)}@media (max-width:768px){.free-play-waiting{padding:10px}.waiting-header{flex-direction:column;gap:15px;text-align:center}.player-count{order:-1}.players-list{grid-template-columns:1fr}.status-message{font-size:18px}.timer-text{font-size:24px}}.game-starting-animation{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;margin:20px 0;padding:20px;text-align:center}.debug-info{background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;color:#333;font-family:monospace;font-size:12px;margin:10px 0;padding:10px}.debug-info p{margin:0 0 8px}.debug-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .3s}.debug-btn:hover{background-color:#45a049}.timer-waiting{color:#666;font-size:12px;font-style:italic;margin-top:5px}.game-starting-animation .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 15px;width:40px}.status-message.game-starting{animation:pulse 1.5s infinite;color:#667eea;font-size:1.2em;font-weight:700}.fs-page{background:linear-gradient(135deg,#0c7b0c,#0a520a 50%,#083008);flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:24px}.fs-header,.fs-page{align-items:center;display:flex}.fs-header{background:#fffffff2;border:2px solid #2e8b57;border-radius:12px;box-shadow:0 4px 16px #00000026;justify-content:space-between;margin-bottom:32px;max-width:900px;padding:16px 24px;width:100%}.fs-back{background:linear-gradient(135deg,#2e8b57,#3cb371);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:all .2s}.fs-back:hover{box-shadow:0 4px 12px #2e8b5766;transform:translateX(-3px)}.fs-header h1{color:#2e8b57;font-size:26px;font-weight:700;margin:0}.fs-status{color:#999;font-size:13px;font-weight:600}.fs-status.connected{color:#4caf50}.fs-error{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:8px;color:#fff;display:flex;font-weight:500;justify-content:space-between;margin-bottom:20px;max-width:900px;padding:12px 20px;width:100%}.fs-error button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.fs-modes{display:flex;gap:20px;margin-bottom:24px;max-width:900px;width:100%}.fs-mode-card{align-items:center;background:#fffffff2;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;display:flex;flex:1 1;gap:20px;padding:28px 24px;transition:all .3s ease}.fs-mode-card:hover{border-color:#2e8b57;box-shadow:0 8px 24px #2e8b5733;transform:translateY(-3px)}.fs-mode-card.active{background:linear-gradient(135deg,#f1f8e9,#dcedc8);border-color:#2e8b57;box-shadow:0 8px 24px #2e8b574d}.fs-mode-icon{align-items:center;background:linear-gradient(135deg,#2e8b57,#32cd32);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:42px;height:64px;justify-content:center;width:64px}.fs-mode-text h3{color:#2e8b57;font-size:20px;margin:0 0 4px}.fs-mode-text p{color:#666;font-size:14px;margin:0}@media (max-width:600px){.fs-modes{flex-direction:column}.fs-mode-card{padding:20px}}.fs-settings{animation:fadeIn .3s ease;background:#fffffff2;border:2px solid #c5e1a5;border-radius:16px;max-width:900px;padding:28px 32px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fs-setting-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:20px;padding:12px 0}.fs-setting-row:last-of-type{border-bottom:none}.fs-setting-row label{color:#333;flex-shrink:0;font-size:15px;font-weight:600;min-width:140px}.fs-options{display:flex;flex-wrap:wrap;gap:10px}.fs-opt-btn{background:#fff;border:2px solid #c5e1a5;border-radius:10px;color:#333;cursor:pointer;font-size:15px;font-weight:600;min-width:80px;padding:10px 24px;text-align:center;transition:all .2s ease}.fs-opt-btn:hover{background:#f1f8e9;border-color:#2e8b57}.fs-opt-btn.active{border-color:#2e8b57;box-shadow:0 4px 12px #2e8b574d}.fs-join-btn,.fs-opt-btn.active{background:linear-gradient(135deg,#2e8b57,#32cd32);color:#fff}.fs-join-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 8px 24px #2e8b5766;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;margin-top:20px;padding:18px 32px;text-transform:uppercase;transition:all .3s ease;width:100%}.fs-join-btn:hover:not(.disabled){box-shadow:0 12px 32px #2e8b5780;transform:translateY(-2px)}.fs-join-btn.disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.fs-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}.fs-info{color:#ffffffb3;font-size:14px;margin-top:20px;max-width:900px;text-align:center;width:100%}.fs-info span{background:#0003;border-radius:20px;display:inline-block;padding:8px 20px}.free-play-container{background:linear-gradient(135deg,#0c7b0c,#0a520a 50%,#083008);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.free-play-header{background:#fffffff2;border:2px solid #2e8b57;border-radius:15px;box-shadow:0 8px 32px #0000001a;justify-content:space-between;margin-bottom:30px;padding:20px}.back-button,.free-play-header{align-items:center;display:flex}.back-button{background:linear-gradient(135deg,#2e8b57,#3cb371);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#228b22,#32cd32);box-shadow:0 5px 15px #2e8b5766;transform:translateX(-5px)}.free-play-header h1{color:#2e8b57;font-size:28px;font-weight:700;margin:0;text-shadow:1px 1px 2px #0000001a}.connection-status{background:#f0f0f0;border:2px solid #2e8b57;border-radius:25px;font-size:14px;font-weight:600;padding:10px 20px}.error-banner{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:8px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.error-banner button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;transition:transform .2s}.error-banner button:hover{transform:scale(1.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.free-play-content{margin:0 auto;max-width:800px}.game-card{background:#fffffff2;border:2px solid #2e8b57;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:40px}.join-prompt{padding:30px 0;text-align:center}.game-icon{animation:pulse 2s infinite;color:#2e8b57;font-size:80px;margin-bottom:20px;text-shadow:2px 2px 4px #0000001a}.join-prompt h2{color:#2e8b57;font-size:36px;font-weight:700;margin-bottom:15px}.game-description{color:#666;font-size:18px;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:500px}.join-button{align-items:center;background:linear-gradient(135deg,#2e8b57,#32cd32);border:none;border-radius:15px;box-shadow:0 8px 25px #2e8b5766;color:#fff;cursor:pointer;display:inline-flex;font-size:22px;font-weight:700;gap:12px;justify-content:center;letter-spacing:1px;margin:20px 0;max-width:300px;padding:20px 50px;text-transform:uppercase;transition:all .3s ease;width:100%}.join-button:hover:not(.disabled){background:linear-gradient(135deg,#228b22,#0f0);box-shadow:0 12px 35px #2e8b5780;transform:translateY(-5px) scale(1.05)}.join-button.disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.button-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.joining-status{border:2px dashed #2e8b57;margin:30px 0;padding:40px}.loader{animation:spin 1.5s linear infinite;border:6px solid #e8f5e9;border-top-color:#2e8b57;height:70px;margin:0 auto 25px;width:70px}.joining-text{color:#2e8b57;font-size:22px}.hint-text{font-size:16px;margin-bottom:30px}.cancel-button{background:linear-gradient(135deg,#ff6b6b,#ff5252);border-radius:10px;box-shadow:0 5px 20px #ff6b6b4d;font-size:18px;padding:15px 40px}.cancel-button:hover{background:linear-gradient(135deg,#ff5252,red);box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-3px)}.cancel-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.room-status{padding:30px 0}.room-header{align-items:center;border-bottom:3px solid #e8f5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:25px}.room-code-display{align-items:flex-start;display:flex;flex-direction:column}.room-label{color:#666;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}.room-code-value{background:linear-gradient(135deg,#2e8b57,#32cd32);border-radius:10px;box-shadow:0 6px 20px #2e8b5766;color:#fff;font-size:32px;font-weight:800;letter-spacing:4px;padding:15px 30px;text-shadow:1px 1px 2px #0003}.players-count{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #2e8b57;border-radius:15px;display:flex;gap:15px;padding:15px 25px}.count-icon{font-size:28px}.count-text{color:#2e8b57;font-size:20px;font-weight:700}.room-status-message{margin:40px 0}.full-message,.normal-message,.timer-message,.waiting-message{align-items:center;border-radius:15px;display:flex;gap:25px;margin-bottom:20px;padding:30px}.waiting-message{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800}.timer-message{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3}.full-message{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50}.normal-message{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #9c27b0}.full-icon,.normal-icon,.timer-icon,.waiting-icon{align-items:center;display:flex;font-size:48px;height:80px;justify-content:center;min-width:80px}.waiting-icon{color:#ff9800}.timer-icon{color:#2196f3}.full-icon{color:#4caf50}.normal-icon{color:#9c27b0}.message-content h3{font-size:24px;font-weight:700;margin:0 0 10px}.waiting-message .message-content h3{color:#f57c00}.timer-message .message-content h3{color:#1976d2}.full-message .message-content h3{color:#2e7d32}.normal-message .message-content h3{color:#7b1fa2}.message-content p{color:#666;font-size:16px;margin:0}.timer-display{color:#1976d2;font-family:Courier New,monospace;font-size:42px;font-weight:800;margin:10px 0;text-shadow:1px 1px 2px #0000001a}.room-actions{display:flex;justify-content:center;margin:40px 0}.leave-button{align-items:center;background:linear-gradient(135deg,#ff6b6b,red);border:none;border-radius:12px;box-shadow:0 8px 25px #ff6b6b66;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:12px;padding:18px 45px;transition:all .3s ease}.leave-button:hover{background:linear-gradient(135deg,#ff5252,#d50000);box-shadow:0 12px 35px #ff6b6b80;transform:translateY(-5px) scale(1.05)}.room-system-info{border-top:3px solid #e8f5e9;margin-top:40px;padding-top:30px}.room-system-info h4{color:#2e8b57;font-size:22px;margin-bottom:20px;text-align:center}.system-rules{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.system-rules{grid-template-columns:1fr}}.rule{background:linear-gradient(135deg,#f1f8e9,#dcedc8);border:1px solid #c5e1a5;border-radius:10px;gap:15px;padding:15px}.rule,.rule-number{align-items:center;display:flex}.rule-number{background:linear-gradient(135deg,#2e8b57,#32cd32);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:30px;justify-content:center;width:30px}.rule-text{color:#333;font-size:14px;font-weight:500;line-height:1.4}@media (max-width:768px){.free-play-header{flex-direction:column;gap:15px;text-align:center}.free-play-header h1{font-size:24px}.game-card{padding:20px}.room-header{flex-direction:column;gap:20px;text-align:center}.room-code-display,.room-header{align-items:center}.timer-display{font-size:32px}.join-button{font-size:18px;padding:16px 30px}.full-message,.normal-message,.timer-message,.waiting-message{flex-direction:column;gap:15px;text-align:center}}.joining-status{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px dashed #4caf50;border-radius:15px;margin:20px 0;padding:30px;text-align:center}.loader{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4caf50;height:50px;margin:0 auto 20px;width:50px}.joining-text{color:#2e7d32;font-size:18px;font-weight:600;margin-bottom:10px}.hint-text{color:#666;font-size:14px;margin-bottom:20px}.cancel-button{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 25px;transition:all .3s ease}.cancel-button:hover{background:#ff5252;transform:translateY(-2px)}.event-logs-panel{background:#1a1a2e;border:1px solid #2d4263;border-radius:8px;display:flex;flex-direction:column;margin:15px 0;max-height:300px;overflow:hidden}.logs-header{align-items:center;background:#16213e;border-bottom:1px solid #2d4263;display:flex;justify-content:space-between;padding:10px 15px}.logs-header h4{color:#64ffda;margin:0}.logs-header button{background:#ff416c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.logs-content{flex:1 1;overflow-y:auto;padding:10px}.log-entry{grid-gap:10px;border-bottom:1px solid #2d4263;display:grid;font-family:Courier New,monospace;font-size:12px;gap:10px;grid-template-columns:80px 120px 1fr;padding:5px 0}.log-entry:last-child{border-bottom:none}.log-time{color:#64ffda}.log-stage{color:#ffd166;font-weight:700}.log-data{color:#e0f7fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-container{background:linear-gradient(135deg,#1a0033,#2d0a4e);color:#fff;margin:0 auto;max-width:900px;min-height:100vh;padding:.75rem}.cr-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.cr-back-btn{border-radius:6px;font-size:.85rem;padding:.4rem .8rem}.cr-back-btn:hover{background:#fff3}.cr-header-center{flex:1 1;text-align:center}.cr-header-center h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;font-size:1.3rem;font-weight:700;margin:0}.cr-subtitle{font-size:.75rem;margin:.2rem 0 0;opacity:.7}.cr-wallet{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;font-size:.85rem;font-weight:600;gap:.25rem;padding:.4rem .8rem}.cr-currency-symbol{opacity:.8}.cr-balance{color:#4caf50}.cr-connection{font-size:.75rem;margin-bottom:.75rem;opacity:.8;padding:.3rem;text-align:center}.cr-connection.connected{color:#4caf50}.cr-error{align-items:center;background:#f4433626;border:1px solid #f443364d;border-radius:8px;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.75rem;padding:.6rem 1rem}.cr-error button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;opacity:.7}.cr-error button:hover{opacity:1}.cr-currency-bar{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem}.cr-currency-label{font-size:.85rem;opacity:.8}.cr-currency-options{display:flex;gap:.4rem}.cr-currency-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .7rem;transition:all .2s}.cr-currency-btn:hover{background:#ffffff26}.cr-currency-btn.active{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#0000;font-weight:600}.cr-buyin-section{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:.75rem;padding:1rem}.cr-buyin-section h3{font-size:1rem;margin:0 0 .75rem;text-align:center}.cr-buyin-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:.75rem}.cr-buyin-btn{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;padding:.7rem .5rem;transition:all .2s}.cr-buyin-btn:hover{background:#ffffff1a}.cr-buyin-btn.active{background:#f093fb26;border-color:#f093fb;box-shadow:0 0 10px #f093fb33}.cr-buyin-usd{font-size:.9rem;font-weight:600}.cr-buyin-converted{font-size:.7rem;opacity:.7}.cr-balance-check{align-items:center;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;justify-content:space-between;padding:.6rem .75rem}.cr-balance-check.sufficient{background:#4caf501a;border:1px solid #4caf504d}.cr-balance-check.insufficient{background:#f443361a;border:1px solid #f443364d}.cr-balance-status{font-weight:600}.cr-modes{margin-bottom:.75rem}.cr-modes h3{font-size:1rem;margin:0 0 .5rem;text-align:center}.cr-mode-cards{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.cr-mode-card{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.cr-mode-card:hover{background:#ffffff1a}.cr-mode-card.active{background:#f093fb1a;border-color:#f093fb;box-shadow:0 0 15px #f093fb26}.cr-mode-icon{font-size:1.8rem}.cr-mode-info h4{font-size:.9rem;margin:0 0 .2rem}.cr-mode-info p{font-size:.75rem;margin:0;opacity:.7}.cr-settings{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;padding:1rem}.cr-setting-row,.cr-settings{margin-bottom:.75rem}.cr-setting-row:last-child{margin-bottom:0}.cr-setting-row label{display:block;font-size:.85rem;margin-bottom:.4rem;opacity:.8;text-align:center}.cr-option-btns{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.cr-option-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;min-width:60px;padding:.4rem .8rem;transition:all .2s}.cr-option-btn:hover{background:#ffffff26}.cr-option-btn.active{border-color:#0000;font-weight:600}.cr-option-btn.active,.cr-play-btn{background:linear-gradient(135deg,#f093fb,#f5576c)}.cr-play-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 15px #f093fb4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.85rem;transition:all .2s;width:100%}.cr-play-btn:hover:not(.disabled){box-shadow:0 6px 20px #f093fb66;transform:translateY(-2px)}.cr-play-btn.disabled{cursor:not-allowed;opacity:.5}.cr-spinner{animation:cr-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes cr-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cr-info{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.cr-info-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:1rem}.cr-info-card h4{font-size:.9rem;margin:0 0 .5rem}.cr-info-card ul{list-style:none;margin:0;padding:0}.cr-info-card li{align-items:flex-start;display:flex;font-size:.78rem;gap:.4rem;opacity:.8;padding:.3rem 0}.cr-info-card li:before{color:#f093fb;content:"•";font-weight:700}.cr-auth-required{padding:3rem 1rem;text-align:center}.cr-auth-required h2{font-size:1.2rem;margin-bottom:1rem}.cr-auth-required button{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1.5rem}@media (max-width:768px){.cr-header{flex-direction:column;gap:.5rem;text-align:center}.cr-wallet{align-self:center}.cr-info,.cr-mode-cards{grid-template-columns:1fr}.cr-buyin-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.cr-buyin-grid{grid-template-columns:repeat(2,1fr)}.cr-currency-bar{align-items:stretch;flex-direction:column;gap:.5rem}.cr-currency-options{justify-content:center}}.cr-waiting{background:linear-gradient(135deg,#1a0033,#2d0a4e 50%,#1a0033);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:.75rem}.cr-waiting.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#f093fb;height:60px;margin-bottom:20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cr-waiting.loading p{color:#fff;font-size:18px}.cr-waiting.loading .error-text{color:#f5576c;margin-top:10px}.cr-waiting.loading .back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 24px;transition:all .2s}.cr-waiting.error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px;text-align:center}.cr-waiting.error h3{color:#f5576c;font-size:24px;margin-bottom:20px}.cr-waiting.error p{color:#fff;font-size:16px;margin-bottom:30px;max-width:400px}.cr-waiting.error button{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px}.cr-waiting-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.cr-back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.cr-back-btn:hover:not(:disabled){background:#fff3}.cr-back-btn:disabled{cursor:not-allowed;opacity:.5}.cr-room-title{text-align:center}.cr-room-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 4px}.cr-room-code{color:#ffffffe6;font-size:14px}.cr-room-code .code{background:#ffffff1f;border:1px solid #fff3;border-radius:4px;font-weight:700;letter-spacing:1px;margin-left:4px;padding:2px 10px}.cr-player-count{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;box-shadow:0 4px 12px #f093fb4d;font-size:14px;font-weight:700;padding:8px 16px}.cr-prize-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:.75rem;padding:.75rem}.cr-prize-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.cr-prize-item{background:#ffffff0d;border-radius:8px;padding:.5rem;text-align:center}.cr-prize-item.winner{background:#f093fb1f;border:1px solid #f093fb33}.cr-prize-label{display:block;font-size:.7rem;margin-bottom:4px;opacity:.7}.cr-prize-value{display:block;font-size:1rem;font-weight:700}.cr-prize-value.commission{color:#f5576c}.cr-prize-value.win-amount{color:#4caf50;font-size:1.1rem}.cr-connection-warning{animation:pulse 2s infinite;background:#ffc1071f;border:1px solid #ffc10740;border-radius:8px;color:#ffc107;font-size:14px;margin-bottom:.75rem;padding:10px 16px;text-align:center}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.cr-error-message{background:#f443361f;border:1px solid #f4433640;border-radius:8px;color:#f5576c;font-size:14px;padding:10px 16px}.cr-error-message,.cr-status-section{margin-bottom:.75rem;text-align:center}.cr-status-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.cr-status-message{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;min-height:28px}.cr-status-message.game-starting{animation:pulse 1.5s infinite;color:#f093fb}.cr-timer-section{margin:0 auto;max-width:300px}.cr-timer-bar{background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;height:10px;margin-bottom:8px;overflow:hidden}.cr-timer-progress{background:linear-gradient(90deg,#f093fb,#f5576c);border-radius:5px;height:100%;transition:width 1s linear}.cr-timer-text{color:#f093fb;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.cr-game-starting-animation{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:10px;color:#fff;margin:1rem 0;padding:1rem;text-align:center}.cr-game-starting-animation .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 12px;width:40px}.cr-players-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:.75rem;padding:1rem}.cr-players-section h3{color:#fff;font-size:1rem;margin:0 0 .75rem;text-align:center}.cr-players-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cr-player-card{align-items:center;background:#0003;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:.75rem;padding:.75rem}.cr-player-card:hover{background:#0000004d}.cr-player-card.empty{opacity:.5}.cr-player-avatar{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.cr-player-card.empty .cr-player-avatar{background:#ffffff1f}.cr-player-info{flex:1 1}.cr-player-name{color:#fff;font-size:.9rem;font-weight:700;margin-bottom:2px}.cr-player-details{color:#ffffffb3;font-size:.75rem}.cr-player-entry{color:#f093fb;font-size:.8rem;font-weight:600;text-align:right;white-space:nowrap}.cr-split-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.cr-split-modal{background:linear-gradient(135deg,#1a0033,#2d0a4e);border:2px solid #f093fb4d;border-radius:16px;box-shadow:0 10px 40px #f093fb33;max-width:450px;padding:1.5rem;text-align:center;width:100%}.cr-split-modal h3{color:#f093fb;font-size:1.3rem;margin:0 0 .75rem}.cr-split-desc{font-size:.85rem;line-height:1.4;margin-bottom:1rem;opacity:.9}.cr-split-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.cr-split-player{grid-gap:.5rem;align-items:center;background:#ffffff0d;border-radius:8px;display:grid;font-size:.85rem;gap:.5rem;grid-template-columns:2fr 1fr 1fr 1.5fr;padding:.6rem .75rem}.cr-split-name{font-weight:600;text-align:left}.cr-split-score{font-weight:500}.cr-split-share{color:#f093fb;font-weight:600}.cr-split-amount{color:#4caf50;font-weight:700}.cr-split-vs{font-size:.8rem;opacity:.5;text-align:center}.cr-split-actions{display:flex;gap:.75rem}.cr-split-agree{background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.7rem;transition:all .2s}.cr-split-agree:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.cr-split-disagree{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.7rem;transition:all .2s}.cr-split-disagree:hover{background:#ffffff26}.cr-rules-info{background:#00000026;border:1px solid #ffffff14;border-radius:12px;margin-bottom:.75rem;padding:1rem}.cr-rules-info h4{color:#fff;font-size:.9rem;margin:0 0 .5rem}.cr-rules-info ul{list-style:none;margin:0;padding:0}.cr-rules-info li{color:#ffffffd9;font-size:.8rem;padding:4px 0}.cr-leave-section{padding:1rem 0;text-align:center}.cr-leave-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:10px;box-shadow:0 4px 16px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 36px;transition:all .2s}.cr-leave-btn:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.cr-leave-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.cr-waiting{padding:.5rem}.cr-waiting-header{flex-direction:column;gap:.75rem;text-align:center}.cr-player-count{order:-1}.cr-prize-row{grid-template-columns:repeat(2,1fr)}.cr-players-list{grid-template-columns:1fr}.cr-split-player{font-size:.8rem;grid-template-columns:1fr 1fr}.cr-split-actions{flex-direction:column}.cr-split-modal{margin:1rem}}@media (max-width:480px){.cr-prize-row{gap:.3rem;grid-template-columns:1fr 1fr}.cr-prize-item{padding:.3rem}.cr-prize-value{font-size:.85rem}}.t-container{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin:0 auto;max-width:900px;min-height:100vh;padding:.75rem}.t-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.t-back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .2s}.t-back-btn:hover{background:#fff3}.t-header-center{flex:1 1;text-align:center}.t-header-center h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f2c94c,#fa9e3e);-webkit-background-clip:text;font-size:1.3rem;font-weight:700;margin:0}.t-subtitle{font-size:.75rem;margin:.2rem 0 0;opacity:.7}.t-error{align-items:center;background:#f4433626;border:1px solid #f443364d;border-radius:8px;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.75rem;padding:.6rem 1rem}.t-error button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;opacity:.7}.t-list{grid-gap:.75rem;display:grid;gap:.75rem;margin-bottom:1.5rem}.t-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:1rem;transition:all .2s}.t-card:hover{background:#ffffff17;box-shadow:0 4px 20px #0003;transform:translateY(-2px)}.t-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.t-card-title-row{align-items:center;display:flex;gap:.5rem}.t-card-title{color:#f2c94c;font-size:1.1rem;font-weight:700;margin:0}.t-free-badge{background:#4caf5033;border:1px solid #4caf50;border-radius:4px;color:#4caf50;font-size:.7rem;font-weight:700;padding:.15rem .5rem}.t-status{border-radius:6px;font-size:.75rem;font-weight:600;padding:.2rem .5rem;text-align:right}.t-status.upcoming{background:#fa9e3e26;border:1px solid #fa9e3e4d;color:#fa9e3e}.t-description{font-size:.8rem;line-height:1.4;margin:0 0 .75rem;opacity:.7}.t-prize-row{align-items:center;background:#f2c94c1a;border:1px solid #f2c94c26;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.6rem .75rem}.t-prize-label{font-size:.8rem;opacity:.8}.t-prize-amount{color:#f2c94c;font-size:1.2rem;font-weight:700}.t-details{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:.75rem}.t-detail{text-align:center}.t-detail-label{display:block;font-size:.7rem;margin-bottom:.2rem;opacity:.6}.t-detail-value{display:block;font-size:.8rem;font-weight:600}.t-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:.75rem;overflow:hidden}.t-progress-fill{border-radius:2px;height:100%;transition:width .5s ease}.t-progress-fill,.t-register-btn{background:linear-gradient(135deg,#f2c94c,#fa9e3e)}.t-register-btn{align-items:center;border:none;border-radius:8px;color:#1a1a2e;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;padding:.7rem;transition:all .2s;width:100%}.t-register-btn:hover:not(:disabled){box-shadow:0 4px 15px #f2c94c4d;transform:translateY(-1px)}.t-register-btn:disabled{cursor:not-allowed;opacity:.6}.t-register-btn.loading{background:linear-gradient(135deg,#666,#888);color:#fff}.t-spinner{animation:t-spin 1s linear infinite;border:2px solid #1a1a2e4d;border-radius:50%;border-top-color:#1a1a2e;height:16px;width:16px}@keyframes t-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.t-info-section{background:#ffffff0d;border-radius:12px;margin-bottom:1rem;padding:1rem}.t-info-section h3{font-size:1rem;margin:0 0 .75rem;text-align:center}.t-steps{grid-gap:.5rem;display:grid;gap:.5rem}.t-step{font-size:.85rem;gap:.75rem;opacity:.85}.t-step,.t-step-num{align-items:center;display:flex}.t-step-num{background:linear-gradient(135deg,#f2c94c,#fa9e3e);border-radius:50%;color:#1a1a2e;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.t-auth-required{padding:3rem 1rem;text-align:center}.t-auth-required h2{font-size:1.2rem;margin-bottom:1rem}.t-auth-required button{background:linear-gradient(135deg,#f2c94c,#fa9e3e);border:none;border-radius:6px;color:#1a1a2e;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem}@media (max-width:768px){.t-header{flex-direction:column;gap:.5rem;text-align:center}.t-details{gap:.75rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.t-card-header{flex-direction:column;gap:.4rem}.t-status{align-self:flex-start}.t-details{grid-template-columns:repeat(2,1fr)}}.game-selection-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1000px;min-height:calc(100vh - 60px);padding:1rem .5rem}.game-selection-header{margin-bottom:1.5rem;text-align:center}.game-selection-title{align-items:center;color:#f0f0f1;display:flex;font-size:1.5rem;gap:.25rem;justify-content:center;margin-bottom:.25rem}.game-icon{font-size:1.2rem}.game-selection-subtitle{color:#718096;font-size:.85rem;margin:0 auto;max-width:500px}.games-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1.5rem}.game-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 5px 15px #0000001a;cursor:pointer;height:100%;padding:1rem;transition:all .3s ease}.game-card:hover{border-color:#4299e1;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.game-card-content{display:flex;flex-direction:column;height:100%}.game-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.game-image{filter:drop-shadow(0 3px 5px rgba(0,0,0,.1));font-size:2.5rem}.game-status-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #10b98133;border-radius:12px;color:#10b981;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.game-card-body{flex:1 1}.game-name{color:#fff;font-size:1.2rem;margin-bottom:.5rem;text-shadow:0 1px 2px #0003}.game-description{color:#ffffffe6;font-size:.85rem;line-height:1.4;margin-bottom:1rem}.game-details{display:flex;gap:1rem;margin-top:auto}.game-detail{align-items:center;color:#ffffffe6;display:flex;gap:.25rem}.detail-icon{font-size:1rem;opacity:.9}.detail-text{font-size:.8rem}.game-card-footer{margin-top:1rem}.play-button{align-items:center;background:#fffffff2;border:none;border-radius:8px;box-shadow:0 3px 10px #0000001a;color:#4c51bf;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;justify-content:center;padding:.6rem 1rem;transition:all .3s ease;width:100%}.play-button:hover{background:#fff;box-shadow:0 5px 15px #00000026;transform:translateY(-1px)}.arrow{font-size:1rem;transition:transform .3s ease}.play-button:hover .arrow{transform:translateX(3px)}.quick-info{display:flex;justify-content:center;margin-top:1.5rem}.info-card{background:linear-gradient(135deg,#f6d365,#fda085);border-radius:12px;box-shadow:0 3px 15px #00000014;gap:1rem;max-width:400px;padding:1rem 1.25rem;width:100%}.info-card,.info-icon{align-items:center;display:flex}.info-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50%;font-size:2rem;height:50px;justify-content:center;width:50px}.info-content h3{color:#fff;font-size:1rem;margin-bottom:.1rem}.info-content p{color:#ffffffe6;font-size:.85rem}@media (max-width:768px){.game-selection-container{padding:.75rem}.game-selection-title{font-size:1.3rem}.games-grid{gap:.75rem;grid-template-columns:1fr}.info-card{padding:.75rem 1rem}.info-icon{font-size:1.5rem;height:40px;width:40px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.game-card{animation:fadeInUp .4s ease forwards}@media (max-width:480px){.game-selection-container{padding:.5rem}.game-card{padding:.75rem}.game-image{font-size:2rem}.game-name{font-size:1.1rem}}.game-board{margin:0 auto;max-width:1000px;padding:20px}.game-controls,.game-info{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:1.5rem}.game-controls button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:.75rem 1.5rem}.game-controls button:hover:not(:disabled){background-color:#2980b9}.game-controls button:disabled{background-color:#95a5a6;cursor:not-allowed}.player-hand{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:1.5rem}.cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.card{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-weight:700;height:120px;justify-content:center;transition:all .2s;width:80px}.card:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.card.selected{background-color:#ffeaa7;border-color:#e74c3c;transform:translateY(-10px)}.players-list{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.player-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem}.player-item:last-child{border-bottom:none}.card[data-suit=diamonds],.card[data-suit=hearts]{color:#e74c3c}.card[data-suit=clubs],.card[data-suit=spades]{color:#2c3e50}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:20px}.App{min-height:100vh}.loading{color:#64748b;font-size:1.2rem;padding:40px}.error,.loading{text-align:center}.error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin:20px;padding:16px}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}@media (max-width:768px){.container{padding:10px}}
/*# sourceMappingURL=main.24142419.css.map*/