.app{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-container{text-align:center;color:#fff;padding:40px 50px;background:rgba(0,0,0,.5);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;max-width:500px;min-width:320px;width:90%;position:relative}.auth-status{margin-bottom:20px;padding:12px 20px;background:rgba(255,255,255,.1);border-radius:10px;display:flex;justify-content:center;align-items:center}.auth-loading{color:#fff9;font-size:.9rem}.auth-user,.auth-guest{display:flex;align-items:center;gap:15px}.auth-welcome{color:gold;font-weight:500}.auth-guest-text{color:#ffffffb3}.auth-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.login-btn{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.profile-btn{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff}.profile-btn:hover{background:linear-gradient(135deg,#42a5f5,#1e88e5);transform:scale(1.02)}.auth-buttons{display:flex;gap:10px;flex-wrap:wrap}.login-btn:hover{background:linear-gradient(135deg,#66bb6a,#43a047);transform:scale(1.05)}.logout-btn{background:rgba(255,255,255,.2);color:#fff;border:1px solid rgba(255,255,255,.3)}.logout-btn:hover{background:rgba(255,255,255,.3)}.menu-title{font-size:3.5rem;margin-bottom:5px;background:linear-gradient(45deg,#ffd700,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.menu-subtitle{font-size:1.2rem;color:#888;margin-bottom:25px}.menu-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.menu-button{padding:12px 50px;font-size:1.2rem;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:700;width:100%;max-width:280px}.menu-button.primary{background:linear-gradient(45deg,#ffd700,#ffb347);color:#1a1a2e}.menu-button.primary:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd70080}.menu-button.secondary{background:transparent;border:2px solid #ffd700;color:gold}.menu-button.secondary:hover{background:rgba(255,215,0,.1);transform:scale(1.05)}.config-container{text-align:center;color:#fff;padding:25px 30px;background:rgba(0,0,0,.5);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:380px;max-height:90vh;overflow-y:auto}.config-title{font-size:1.8rem;margin-bottom:15px;color:gold}.config-section{margin-bottom:18px}.config-label{font-size:1rem;margin-bottom:8px;display:block;color:#ddd}.mode-buttons{display:flex;gap:20px;justify-content:center}.mode-button{padding:15px 30px;font-size:1.1rem;border:2px solid #555;border-radius:10px;background:transparent;color:#fff;cursor:pointer;transition:all .3s ease}.mode-button.active{border-color:gold;background:rgba(255,215,0,.2);color:gold}.mode-button:hover{border-color:gold}.player-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.player-input{display:flex;flex-direction:column;align-items:flex-start;padding:10px;background:rgba(255,255,255,.1);border-radius:8px}.player-input label{font-size:.9rem;color:#888;margin-bottom:5px}.player-input input,.player-input select{width:100%;padding:8px;border:1px solid #555;border-radius:5px;background:rgba(0,0,0,.3);color:#fff;font-size:1rem}.player-input input::placeholder{color:#666}.player-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.player-cards-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.player-card-compact{display:flex;align-items:center;gap:8px;padding:6px;background:rgba(255,255,255,.05);border-radius:8px;border:2px solid rgba(255,255,255,.1)}.player-card-compact.team-a{border-color:#6496ff4d}.player-card-compact.team-b{border-color:#ff96644d}.player-compact-left{flex-shrink:0;cursor:pointer}.player-compact-left .avatar-mini-preview{width:50px;height:60px}.player-compact-right{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.player-compact-header{font-size:.7rem;color:#888}.player-compact-right input,.player-compact-right select{width:100%;padding:4px 6px;border:1px solid #555;border-radius:4px;background:rgba(0,0,0,.3);color:#fff;font-size:.75rem}.options-row{display:flex;gap:15px;flex-wrap:wrap}.option-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.85rem;color:#ccc;background:rgba(0,0,0,.2);padding:6px 10px;border-radius:6px}.option-checkbox input{width:14px;height:14px}.option-checkbox .no-trump-icon{display:inline-flex}.player-card{display:flex;flex-direction:column;align-items:center;padding:10px;background:rgba(255,255,255,.05);border-radius:10px;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.player-card.team-a{border-color:#6496ff4d}.player-card.team-b{border-color:#ff96644d}.player-card-header{font-size:.85rem;color:#888;margin-bottom:10px;text-align:center}.avatar-mini-preview{width:80px;height:95px;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;border:2px solid rgba(255,215,0,.3);transition:all .2s ease;background:rgba(0,0,0,.3)}.avatar-mini-preview:hover{border-color:gold;transform:scale(1.05)}.avatar-mini-preview:hover .avatar-edit-hint{opacity:1}.avatar-edit-hint{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);color:gold;font-size:.7rem;padding:4px;text-align:center;opacity:0;transition:opacity .2s ease}.player-card-inputs{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:10px}.player-card-inputs input,.player-card-inputs select{width:100%;padding:8px;border:1px solid #555;border-radius:5px;background:rgba(0,0,0,.3);color:#fff;font-size:.9rem;text-align:center}.player-card-inputs input::placeholder{color:#666}.pet-selector-inline{display:flex;gap:6px;width:100%}.pet-selector-inline select{flex:1;padding:6px;border:1px solid #555;border-radius:5px;background:rgba(0,0,0,.3);color:#fff;font-size:.85rem;text-align:center}@media (max-width: 800px){.player-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.player-cards{grid-template-columns:1fr}}.button-group{display:flex;gap:12px;justify-content:center;margin-top:20px}.game-ui-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:100}.score-display{position:absolute;top:20px;left:20px;background:rgba(0,0,0,.7);padding:15px 25px;border-radius:10px;color:#fff}.score-display h3{font-size:1.2rem;margin-bottom:10px;color:gold}.score-team{display:flex;justify-content:space-between;gap:20px;margin:5px 0;padding:4px 8px;border-radius:6px}.score-team.team-a{background:rgba(100,149,237,.4)}.score-team.team-b{background:rgba(220,100,100,.4)}.trump-display{position:absolute;bottom:20px;right:20px;background:rgba(0,0,0,.85);padding:15px 25px;border-radius:10px;color:#fff;text-align:center;border:2px solid #ffd700}.trump-display h4{color:gold;margin-bottom:8px;font-size:1rem}.trump-suit{font-size:2.5rem}.maker-indicator{margin-top:8px;font-size:.85rem;color:#aaa;font-style:italic}.current-turn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.7);padding:10px 30px;border-radius:20px;color:#fff;font-size:1.1rem}.turn-timer{position:absolute;top:60px;right:20px;background:rgba(0,0,0,.7);padding:8px 16px;border-radius:12px;display:flex;align-items:center;gap:4px;border:2px solid rgba(255,255,255,.3)}.turn-timer .timer-value{font-size:1.5rem;font-weight:700;color:#4ade80;min-width:28px;text-align:center}.turn-timer .timer-label{font-size:.8rem;color:#888}.turn-timer.warning{border-color:#f44;animation:timer-flash .5s ease-in-out infinite}.turn-timer.warning .timer-value{color:#f44}@keyframes timer-flash{0%,to{background:rgba(255,0,0,.3);box-shadow:0 0 15px #ff000080}50%{background:rgba(255,0,0,.6);box-shadow:0 0 25px #f00c}}.game-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);padding:30px 50px;border-radius:15px;color:#fff;font-size:1.5rem;text-align:center;pointer-events:auto}.game-over-container{text-align:center;color:#fff;padding:50px;background:rgba(0,0,0,.6);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-over-title{font-size:3rem;margin-bottom:20px}.winner-text{color:gold}.loser-text{color:#ff6b6b}.final-score{font-size:1.5rem;margin-bottom:30px;color:#ddd}.hand-container{position:absolute;bottom:120px;left:50%;transform:translate(-50%);display:flex;gap:5px;pointer-events:auto}.card-button{width:70px;height:100px;border:2px solid #ccc;border-radius:8px;background:linear-gradient(135deg,#ffffff 0%,#f8f8f5 100%);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 8px #0000004d;position:relative}.card-button:hover{transform:translateY(-15px);box-shadow:0 12px 20px #0006;border-color:gold}.card-button.disabled{opacity:.7;cursor:default}.card-button.disabled:hover{transform:none;border-color:#ccc}.card-rank{font-size:1.6rem;font-weight:700;line-height:1}.card-suit{font-size:1.8rem;line-height:1;margin-top:2px}.card-suit.red{color:#c00}.card-suit.black{color:#111}.trump-selection{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.9);padding:25px;border-radius:15px;color:#fff;text-align:center;pointer-events:auto}.trump-selection.top{top:12%;transform:translate(-50%)}.trump-selection h3{margin-bottom:20px;font-size:1.5rem}.trump-options{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.trump-option{width:60px;height:60px;font-size:2rem;border:2px solid #555;border-radius:10px;background:transparent;cursor:pointer;transition:all .2s ease}.trump-option:hover{border-color:gold;transform:scale(1.1)}.trump-option.hearts,.trump-option.diamonds{color:#d00}.trump-option.spades,.trump-option.clubs{color:#fff}.pass-button{padding:10px 30px;font-size:1rem;border:2px solid #888;border-radius:5px;background:transparent;color:#fff;cursor:pointer;transition:all .2s ease}.pass-button:hover{border-color:gold;color:gold}.tricks-display{margin-top:10px;padding-top:10px;border-top:1px solid #555}.round-info{position:absolute;top:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.7);padding:10px 25px;border-radius:10px;color:#fff;text-align:center}.played-cards-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:10px;pointer-events:none}.played-card{width:70px;height:105px;border:2px solid #333;border-radius:6px;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 8px #0000004d}.player-label{position:absolute;padding:5px 15px;border-radius:15px;color:#fff;font-size:.9rem}.player-label.team-a{background:rgba(100,149,237,.7);border:1px solid rgba(135,180,255,.5)}.player-label.team-b{background:rgba(220,100,100,.7);border:1px solid rgba(255,150,150,.5)}.player-label.bottom{bottom:15px;left:50%;transform:translate(-50%)}.player-label.top{top:80px;left:50%;transform:translate(-50%)}.player-label.left{left:80px;top:50%;transform:translateY(-50%)}.player-label.right{right:80px;top:50%;transform:translateY(-50%)}.player-label.active{border:2px solid #ffd700;color:gold}.order-up-buttons{display:flex;gap:15px;justify-content:center;margin-top:15px}.order-up-btn{padding:10px 25px;font-size:1rem;border-radius:5px;cursor:pointer;transition:all .2s ease}.order-up-btn.accept{background:#4CAF50;border:none;color:#fff}.order-up-btn.pass{background:transparent;border:2px solid #888;color:#fff}.order-up-btn:hover{transform:scale(1.05)}.upcard-display{display:flex;flex-direction:column;align-items:center;gap:10px}.upcard-card{width:70px;height:100px;border:3px solid #ffd700;border-radius:8px;background:linear-gradient(135deg,#ffffff 0%,#f8f8f5 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffd70080}.upcard-card .card-rank{font-size:1.6rem;font-weight:700;line-height:1}.upcard-card .card-suit{font-size:1.8rem;line-height:1;margin-top:2px}.going-alone-checkbox{display:flex;align-items:center;gap:10px;margin-top:15px;color:#ddd}.going-alone-checkbox input{width:18px;height:18px;cursor:pointer}.menu-buttons{display:flex;flex-direction:column;gap:15px}.lobby-container{width:100%;max-width:600px;padding:40px;background:rgba(0,0,0,.6);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.lobby-header h1{font-size:2.5rem;background:linear-gradient(45deg,#ffd700,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.logout-btn{padding:8px 15px;font-size:.9rem;border:1px solid #888;border-radius:5px;background:transparent;color:#888;cursor:pointer;transition:all .2s ease}.logout-btn:hover{border-color:#ff6b6b;color:#ff6b6b}.back-btn{padding:8px 15px;font-size:.9rem;border:1px solid #888;border-radius:5px;background:transparent;color:#888;cursor:pointer;transition:all .2s ease}.back-btn:hover{border-color:gold;color:gold}.login-section{text-align:center}.login-section p{margin-bottom:20px;color:#aaa}.divider{margin:20px 0;color:#666;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#444}.divider:before{left:0}.divider:after{right:0}.primary-btn{padding:15px 40px;font-size:1.2rem;border:none;border-radius:50px;background:linear-gradient(45deg,#ffd700,#ffb347);color:#1a1a2e;cursor:pointer;font-weight:700;transition:all .3s ease}.primary-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 30px #ffd70080}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn.active{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 20px #ffd70080}50%{box-shadow:0 0 40px #ffd700cc}}.secondary-btn{padding:12px 25px;font-size:1rem;border:2px solid #ffd700;border-radius:30px;background:transparent;color:gold;cursor:pointer;transition:all .3s ease}.secondary-btn:hover:not(:disabled){background:rgba(255,215,0,.1);transform:scale(1.02)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-content{display:flex;flex-direction:column;gap:20px}.connection-status{text-align:center;font-size:.9rem;color:#888}.error-message{background:rgba(255,107,107,.2);border:1px solid #ff6b6b;padding:10px 15px;border-radius:8px;color:#ff6b6b;text-align:center}.lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.action-group{background:rgba(255,255,255,.05);padding:20px;border-radius:12px}.action-group h3{font-size:1rem;color:gold;margin-bottom:15px}.action-group button{width:100%;margin-bottom:10px}.action-hint{font-size:.85rem;color:#888;margin:0;text-align:center}.code-input-group{display:flex;gap:10px}.code-input-group input{flex:1;padding:10px;border:2px solid #555;border-radius:8px;background:rgba(0,0,0,.3);color:#fff;font-size:1rem;text-align:center;text-transform:uppercase;letter-spacing:2px}.code-input-group input:focus{outline:none;border-color:gold}.code-input-group button{width:auto;margin-bottom:0}.games-list{background:rgba(255,255,255,.05);padding:20px;border-radius:12px}.games-list h3{font-size:1rem;color:gold;margin-bottom:15px}.game-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(0,0,0,.3);border-radius:8px;margin-bottom:10px}.game-item:last-child{margin-bottom:0}.join-btn{padding:8px 20px;font-size:.9rem;border:1px solid #ffd700;border-radius:20px;background:transparent;color:gold;cursor:pointer;transition:all .2s ease}.join-btn:hover:not(:disabled){background:rgba(255,215,0,.2)}.join-btn:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;font-size:1.2rem;color:#888}.avatar-customizer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow-y:auto;box-sizing:border-box}.avatar-customizer{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:30px 40px;border-radius:20px;box-shadow:0 10px 40px #00000080;width:90vw;max-width:1400px;max-height:90vh;overflow-y:auto}.customizer-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px}.customizer-header h2{text-align:center;color:gold;margin:0;font-size:1.8rem}.random-btn{padding:10px 20px;font-size:1rem;border:2px solid #ffd700;border-radius:25px;background:rgba(255,215,0,.15);color:gold;cursor:pointer;transition:all .2s ease;white-space:nowrap}.random-btn:hover{background:rgba(255,215,0,.3);transform:scale(1.05)}.customizer-content{display:flex;gap:40px;align-items:flex-start}.avatar-preview-container{flex:0 0 350px;height:420px;background:radial-gradient(circle at center,#2a4a6a 0%,#1a2a3a 100%);border-radius:15px;cursor:grab}.avatar-preview-container:active{cursor:grabbing}.customizer-options{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.option-group{background:rgba(255,255,255,.05);padding:16px 20px;border-radius:12px}.option-group label{display:block;color:#aaa;font-size:.9rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.color-options{display:flex;gap:10px;flex-wrap:wrap}.color-options.large-grid{display:flex;gap:12px;flex-wrap:wrap}.color-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s ease;flex-shrink:0}.color-btn:hover{transform:scale(1.15)}.color-btn.selected{border-color:gold;box-shadow:0 0 10px #ffd70099}.style-options{display:flex;gap:10px;flex-wrap:wrap}.style-options.gender-options{justify-content:flex-start}.style-options.hair-grid{display:flex;gap:10px;flex-wrap:wrap}.style-btn{padding:6px 14px;border-radius:16px;border:2px solid #444;background:transparent;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.85rem}.style-btn.small{padding:5px 10px;font-size:.8rem}.style-btn:hover{border-color:#888}.style-btn.selected{border-color:gold;background:rgba(255,215,0,.2);color:gold}.customizer-buttons{margin-top:20px;display:flex;justify-content:center}.save-btn{padding:12px 40px;font-size:1.1rem;border:none;border-radius:30px;background:linear-gradient(45deg,#ffd700,#ffb347);color:#1a1a2e;font-weight:700;cursor:pointer;transition:all .3s ease}@media (max-width: 700px){.customizer-content{grid-template-columns:1fr}.avatar-preview-container{height:280px;position:relative}.style-options.hair-grid{grid-template-columns:repeat(2,1fr)}}.save-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #ffd70066}.customize-avatar-btn{padding:10px 20px;font-size:1rem;border:2px solid #ffd700;border-radius:25px;background:transparent;color:gold;cursor:pointer;transition:all .2s ease;margin-top:15px}.customize-avatar-btn:hover{background:rgba(255,215,0,.1);transform:scale(1.02)}.game-menu-button{position:absolute;top:15px;right:15px;width:45px;height:45px;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(0,0,0,.5);color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s ease;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:auto}.game-menu-button:hover{background:rgba(0,0,0,.7);border-color:gold;color:gold}.camera-reset-button{position:absolute;bottom:15px;right:15px;width:36px;height:36px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(0,0,0,.5);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:auto}.camera-reset-button:hover{background:rgba(0,0,0,.7);border-color:gold;color:gold}.game-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:auto}.game-menu-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:30px 40px;border-radius:20px;box-shadow:0 10px 40px #00000080;text-align:center;min-width:300px}.game-menu-modal h3{color:gold;font-size:1.5rem;margin-bottom:10px}.game-menu-modal p{color:#aaa;margin-bottom:20px;font-size:.95rem}.menu-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.menu-btn{padding:14px 30px;font-size:1.1rem;border:none;border-radius:30px;cursor:pointer;transition:all .2s ease;font-weight:700}.menu-btn.continue{background:linear-gradient(45deg,#ffd700,#ffb347);color:#1a1a2e}.menu-btn.continue:hover{transform:scale(1.03);box-shadow:0 0 15px #ffd70066}.menu-btn.exit{background:transparent;border:2px solid #888;color:#fff}.menu-btn.exit:hover{border-color:#e63946;color:#e63946}.menu-btn.confirm{background:#e63946;color:#fff}.menu-btn.confirm:hover{background:#c0392b;transform:scale(1.03)}.menu-btn.cancel{background:transparent;border:2px solid #888;color:#fff}.menu-btn.cancel:hover{border-color:#fff}.option-toggle{background:rgba(0,0,0,.3);padding:12px;border-radius:8px;text-align:left;margin-bottom:8px}.option-toggle:last-child{margin-bottom:0}.power-suit-option .toggle-label{display:flex;align-items:center;gap:8px}.no-trump-icon{display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 2px rgba(255,68,68,.5))}.no-trump-icon svg{display:block}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#fff;font-size:1rem}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ffd700}.toggle-text{font-weight:700}.option-description{margin:10px 0 0 30px;font-size:.85rem;color:#aaa}.call-cheating-button{position:absolute;bottom:60px;left:15px;padding:12px 20px;background:linear-gradient(45deg,#dc3545,#c82333);border:2px solid #ff6b6b;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #dc354566;animation:pulse-cheating 1.5s infinite}.call-cheating-button:hover{background:linear-gradient(45deg,#ff4757,#dc3545);transform:scale(1.05);box-shadow:0 6px 20px #dc354599}@keyframes pulse-cheating{0%,to{box-shadow:0 4px 15px #dc354566}50%{box-shadow:0 4px 25px #dc3545b3}}.menu-button.tertiary{background:linear-gradient(45deg,#6c757d,#495057)}.menu-button.tertiary:hover{background:linear-gradient(45deg,#7c858d,#596067)}.stats-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;padding:20px;overflow-y:auto}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 20px}.stats-header h1{font-size:2rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.sync-status{font-size:.9rem;padding:8px 16px;background:rgba(255,255,255,.1);border-radius:20px}.stats-content{max-width:900px;margin:0 auto}.stats-section{margin-bottom:30px}.stats-section h2{font-size:1.2rem;color:gold;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.3)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card{background:rgba(255,255,255,.08);border-radius:12px;padding:20px;text-align:center;transition:transform .2s,background .2s}.stat-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.12)}.stat-card.highlight{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,215,0,.1));border:1px solid rgba(255,215,0,.3)}.stat-card.good{background:linear-gradient(135deg,rgba(40,167,69,.2),rgba(40,167,69,.1));border:1px solid rgba(40,167,69,.3)}.stat-card.bad{background:linear-gradient(135deg,rgba(220,53,69,.2),rgba(220,53,69,.1));border:1px solid rgba(220,53,69,.3)}.stat-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:5px}.stat-card.highlight .stat-value{color:gold}.stat-card.good .stat-value{color:#28a745}.stat-card.bad .stat-value{color:#dc3545}.stat-label{font-size:.85rem;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.stats-notice{text-align:center;padding:20px;background:rgba(255,215,0,.1);border-radius:12px;margin:20px 0;color:gold}.reset-stats-btn{display:block;width:200px;margin:30px auto;padding:12px 24px;background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.5);color:#dc3545;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.reset-stats-btn:hover{background:rgba(220,53,69,.3)}.admin-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(20,20,30,.98);z-index:1000;display:flex;flex-direction:column;color:#fff;overflow:hidden}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.1)}.admin-header h2{margin:0;font-size:1.8rem;background:linear-gradient(45deg,#ffd700,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.5rem}.admin-tabs{display:flex;gap:5px;padding:15px 30px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.1)}.tab-btn{padding:10px 25px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.tab-btn:hover{background:rgba(255,255,255,.2)}.tab-btn.active{background:linear-gradient(135deg,#2e7d32,#1b5e20);border-color:#4caf50}.admin-content{flex:1;padding:30px;overflow-y:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center}.stat-card h3,.stat-card h4{margin:0 0 10px;font-size:.9rem;color:#ffffffb3;text-transform:uppercase}.stat-value{font-size:2.5rem;font-weight:700;color:gold}.recent-section{background:rgba(255,255,255,.05);border-radius:12px;padding:20px;margin-top:20px}.recent-section h3{margin:0 0 15px}.recent-list{display:flex;flex-direction:column;gap:10px}.recent-item{display:flex;justify-content:space-between;padding:12px 15px;background:rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:background .2s}.recent-item:hover{background:rgba(255,255,255,.1)}.search-bar,.filter-bar{display:flex;gap:10px;margin-bottom:20px}.search-bar input{flex:1;padding:12px 15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.search-bar input::placeholder{color:#ffffff80}.filter-bar select{padding:12px 15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;min-width:150px}.admin-table{width:100%;border-collapse:collapse;margin-bottom:20px}.admin-table th,.admin-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table th{background:rgba(0,0,0,.3);font-weight:600;text-transform:uppercase;font-size:.85rem;color:#ffffffb3}.admin-table tr:hover{background:rgba(255,255,255,.05)}.status-badge{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.waiting{background:rgba(255,193,7,.2);color:#ffc107}.status-badge.playing{background:rgba(76,175,80,.2);color:#4caf50}.status-badge.finished{background:rgba(158,158,158,.2);color:#9e9e9e}.pagination{display:flex;justify-content:center;align-items:center;gap:15px}.pagination button{padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.back-btn{margin-bottom:20px;padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:6px;cursor:pointer}.user-details,.game-details{background:rgba(255,255,255,.05);border-radius:12px;padding:25px}.user-details h3,.game-details h3{margin:0 0 20px;font-size:1.5rem}.user-info-grid,.game-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.user-actions,.game-actions{display:flex;gap:10px;margin-top:20px}.user-actions button,.game-actions button{padding:10px 20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;cursor:pointer;transition:all .2s}.user-actions button:hover,.game-actions button:hover{background:rgba(255,255,255,.2)}.danger-btn{background:rgba(220,53,69,.2)!important;border-color:#dc354580!important;color:#dc3545!important}.danger-btn:hover{background:rgba(220,53,69,.3)!important}.seats-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.seat-item{padding:10px 15px;background:rgba(255,255,255,.05);border-radius:6px}.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.ai-card{background:rgba(255,255,255,.1);border-radius:12px;padding:20px}.ai-card h4{margin:0 0 15px;font-size:1.2rem;color:gold}.ai-card div{margin-bottom:8px;font-size:.9rem}.ai-actions{display:flex;gap:8px;margin-top:15px}.ai-edit-form{display:flex;flex-direction:column;gap:10px}.ai-edit-form input{padding:8px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff}.ai-edit-actions{display:flex;gap:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.create-btn{padding:10px 20px;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.create-btn:hover{background:linear-gradient(135deg,#66bb6a,#43a047);transform:scale(1.02)}.create-form{background:rgba(255,255,255,.05);border-radius:12px;padding:25px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.form-grid input{padding:12px 15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.form-grid input::placeholder{color:#ffffff80}.danger-btn-sm{padding:5px 10px;background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.5);color:#dc3545;border-radius:4px;cursor:pointer;font-size:.8rem;margin-left:5px}.danger-btn-sm:hover{background:rgba(220,53,69,.3)}.simple-chart{background:rgba(255,255,255,.05);border-radius:12px;padding:20px;height:200px;display:flex;flex-direction:column}.chart-bars{flex:1;display:flex;align-items:flex-end;gap:4px;padding-bottom:25px}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.chart-bar{width:100%;min-height:2px;border-radius:3px 3px 0 0;transition:height .3s ease}.chart-bar:hover{opacity:.8}.chart-bar-label{font-size:.6rem;color:#ffffff80;margin-top:5px;transform:rotate(-45deg);white-space:nowrap}.chart-label{text-align:center;font-size:.85rem;color:#ffffffb3;margin-top:10px}.chart-empty{display:flex;align-items:center;justify-content:center;height:150px;color:#ffffff80}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:20px}.chart-container{background:rgba(255,255,255,.03);border-radius:12px;padding:20px}.chart-container h4{margin:0 0 15px;color:#ffffffe6}.analytics-view h3,.analytics-view h4{margin:20px 0 15px}.analytics-view h3:first-child{margin-top:0}.realtime-section,.analytics-summary{margin-bottom:30px}.events-breakdown{margin-top:30px}.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.event-item{display:flex;justify-content:space-between;padding:12px 15px;background:rgba(255,255,255,.05);border-radius:8px}.event-type{color:#ffffffb3;text-transform:capitalize}.event-count{font-weight:700;color:gold}.stat-subtitle{display:block;font-size:.8rem;color:#ffffff80;margin-top:5px}.menu-button.admin{background:rgba(255,193,7,.15);border:2px solid rgba(255,193,7,.5);color:#ffc107}.menu-button.admin:hover{background:rgba(255,193,7,.3);border-color:#ffc107}.profile-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-editor{background:linear-gradient(135deg,#1a2a3a 0%,#0d1520 100%);border-radius:20px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.profile-editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-editor-header h2{margin:0;color:gold;font-size:1.5rem}.profile-tabs{display:flex;gap:10px;padding:15px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-editor-content{flex:1;overflow-y:auto;padding:25px}.profile-info-section{display:flex;flex-direction:column;gap:25px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{color:#ffffffb3;font-size:.9rem;font-weight:600}.profile-field input{padding:12px 15px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem}.profile-field input:focus{outline:none;border-color:gold}.field-hint{font-size:.8rem;color:#ffffff80}.account-info{background:rgba(255,255,255,.05);padding:15px;border-radius:8px}.account-info div{margin-bottom:8px;color:#fffc}.account-info div:last-child{margin-bottom:0}.avatar-editor-section{display:grid;grid-template-columns:250px 1fr;gap:25px}@media (max-width: 700px){.avatar-editor-section{grid-template-columns:1fr}}.avatar-preview-container{height:300px;background:linear-gradient(135deg,#1e3a2f 0%,#0d1a15 100%);border-radius:12px;border:1px solid rgba(255,255,255,.1);position:sticky;top:0}.avatar-options-scroll{display:flex;flex-direction:column;gap:20px}.option-group{display:flex;flex-direction:column;gap:10px}.option-group label{color:#ffffffb3;font-size:.85rem;font-weight:600}.option-row{display:flex;gap:8px;flex-wrap:nowrap}.option-row.wrap{flex-wrap:wrap}.option-btn{padding:8px 14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;transition:all .2s}.option-btn:hover{background:rgba(255,255,255,.15)}.option-btn.selected{background:rgba(255,215,0,.2);border-color:gold;color:gold}.color-row{display:flex;gap:6px;flex-wrap:wrap}.color-btn{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-btn:hover{transform:scale(1.1)}.color-btn.selected{border-color:gold;box-shadow:0 0 10px #ffd70080}.profile-editor-footer{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:20px 25px;border-top:1px solid rgba(255,255,255,.1)}.save-message{font-size:.9rem}.save-message.success{color:#4caf50}.save-message.error{color:#f44336}.save-btn{padding:12px 30px;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#66bb6a,#43a047);transform:scale(1.02)}.save-btn:disabled{opacity:.6;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%)}