:root{--primary-color: #4ecdc4;--secondary-color: #ff6b6b;--dark-bg: rgba(13, 19, 33, .95);--panel-bg: rgba(255, 255, 255, .1);--text-light: #ffffff;--text-dark: #ccc;--text-accent: #fdbb2d}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d);padding:10px;overflow:hidden}.hidden,.hidden-by-default{display:none!important}.corner-icon{position:fixed;width:50px;height:50px;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;z-index:201;box-shadow:0 5px 15px #0000004d;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.corner-icon:hover{transform:scale(1.1)}#sound-toggle-btn{top:80px;left:20px;background:linear-gradient(135deg,#27ae60,#2ecc71);font-size:1.6rem}.container{display:flex;flex-direction:column;height:calc(100vh - 20px);max-width:1200px;width:100%;background-color:var(--dark-bg);border-radius:20px;box-shadow:0 15px 30px #0009;overflow:hidden;transform-origin:top center;transition:transform .2s ease-out}header{flex-shrink:0;background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));color:var(--text-light);text-align:center;padding:15px;border-bottom:3px solid rgba(255,255,255,.1)}header h1{font-size:2.2rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.game-area{position:relative;flex:1;display:flex;flex-wrap:wrap;padding:20px;gap:20px;overflow:hidden}.game-section{flex:1;min-width:300px;display:flex;flex-direction:column}.game-board{position:relative;background-color:#0d1421;border-radius:10px;box-shadow:0 5px 15px #00000080;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:10px;border:2px solid var(--primary-color);width:100%;height:100%}#tetris{display:block;background-color:#0a101f;border-radius:8px;outline:2px dashed #70C7BA;outline-offset:-2px}.game-controls{display:flex;flex-direction:column;gap:20px;width:320px}.footer-instructions{flex-shrink:0;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));padding:10px 25px;border-top:3px solid rgba(255,255,255,.1);margin-top:auto;transition:max-height .5s ease-in-out,padding .5s ease-in-out,transform .3s ease-in-out;transform:translateY(0);max-height:200px;overflow:hidden}.footer-instructions.hidden{max-height:0;padding-top:0;padding-bottom:0;border-top-width:0;transform:translateY(100%)}.btn{background:linear-gradient(to bottom,var(--primary-color),#2a8f82);color:var(--text-light);border:none;border-radius:8px;padding:15px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-3px)}.game-panel{background:var(--panel-bg);border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000004d;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.panel-title{color:var(--primary-color);margin-bottom:15px;font-size:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stat h3{color:var(--secondary-color);margin-bottom:8px;font-size:1rem;text-align:center}.stat-value{color:var(--text-light);font-size:2rem;font-weight:700;text-align:center}.board-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none;flex-direction:column;justify-content:center;align-items:center;background:#000000d9;color:var(--text-light);font-size:2rem;text-align:center;padding:20px;border-radius:10px}.board-overlay.overlay-loser{background:#141e32b3;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.fullscreen-prompt{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:15px;border-radius:5px;text-align:center;z-index:1000;max-width:400px;box-shadow:0 2px 10px #00000080}.fullscreen-prompt p{margin:0 0 10px}.fullscreen-prompt button{padding:5px 15px;margin:0 5px;cursor:pointer;border:none;border-radius:3px;background:#007bff;color:#fff}.fullscreen-prompt button:hover{background:#0056b3}#next-canvas,#opponent-canvas{background-color:#0003;border-radius:8px;margin-left:auto;margin-right:auto;margin-top:15px}#next-canvas{width:120px;height:120px}#opponent-canvas{width:120px;height:200px}.footer-instructions .panel-title{color:var(--text-light);font-size:1.2rem;margin-bottom:10px}.footer-instructions .keys{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.footer-instructions .key{background:#00000040;border-radius:10px;padding:8px;text-align:center}.footer-instructions .key i{color:var(--text-light);font-size:1.2rem}.footer-instructions .key p{color:#ffffffe6;font-size:.8rem;margin-top:4px}.footer-instructions .key .key-label{display:inline-block;background:#ffffff1a;padding:2px 6px;border-radius:5px;margin-top:4px;font-size:.8rem}.status-error{color:var(--secondary-color)!important;font-weight:700}#game-top-bar{position:absolute;top:15px;left:20px;display:flex;align-items:center;gap:20px;z-index:10}#back-to-lobby-btn{background:#0000004d;border:1px solid rgba(255,255,255,.2);color:var(--text-light);padding:8px 15px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .2s}#back-to-lobby-btn:hover{background:#00000080}#back-to-lobby-btn span{margin-left:8px}#player-spectator-display{display:flex;align-items:center;gap:8px;color:var(--text-light);padding:5px 15px;border-radius:8px;font-size:.9rem}.toast-notification{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#ff6b6bd9;color:var(--text-light);padding:10px 25px;border-radius:25px;font-size:1rem;font-weight:700;z-index:210;opacity:0;pointer-events:none;transition:opacity .3s ease,top .3s ease}.toast-notification.show{opacity:1;top:30px}.report-overlay,.leaderboard-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:250;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .5s ease}.report-overlay.show,.leaderboard-overlay.show{display:flex;opacity:1}.report-content,.leaderboard-content{background:#0d1321fa;padding:30px 40px;border-radius:15px;text-align:center;color:var(--text-light);position:relative;border:1px solid var(--primary-color);box-shadow:0 10px 40px #4ecdc433;max-height:80vh;display:flex;flex-direction:column}.leaderboard-content{border-color:var(--text-accent);width:90%;max-width:500px;padding:20px 30px}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#888;font-size:2rem;cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--text-light)}.report-content h2{color:var(--primary-color);font-size:2rem;margin-bottom:10px}.report-content p{color:var(--text-dark);margin-bottom:25px}.report-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.stat-item{text-align:left}.stat-label{color:#aaa;font-size:.9rem;display:block}.stat-item .stat-value{font-size:1.8rem}#leaderboard-icon,#profile-icon{position:fixed;right:20px;width:50px;height:50px;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;z-index:201;box-shadow:0 5px 15px #0000004d;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease;opacity:1}#leaderboard-icon{top:20px;background:linear-gradient(135deg,#fdbb2d,#b21f1f)}#profile-icon{top:80px;background:linear-gradient(135deg,#4ecdc4,#2a8f82)}#leaderboard-icon:hover{transform:scale(1.1);box-shadow:0 8px 20px #fdbb2d66}#profile-icon:hover{transform:scale(1.1);box-shadow:0 8px 20px #4ecdc466}.container:not(.hidden)~#leaderboard-icon,.container:not(.hidden)~#profile-icon{opacity:0;pointer-events:none}.leaderboard-content h2{color:var(--text-accent)}#leaderboard-list,#nearby-players-list{overflow-y:auto;padding-right:10px}.leaderboard-item{display:flex;align-items:center;padding:10px 15px;margin-bottom:10px;background:#ffffff0d;border-radius:8px;transition:background .2s}.leaderboard-item:hover{background:#ffffff1a}.rank{font-size:1.2rem;font-weight:700;color:var(--text-accent);width:40px;text-align:center}.player-info{flex-grow:1;margin-left:10px;text-align:left}.challenge-btn{padding:5px 10px!important;font-size:1.2rem!important;flex-shrink:0;background:linear-gradient(to bottom,#e74c3c,#c0392b)}.challenge-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}#challenge-target-name{color:var(--text-accent)}.player-name{display:flex;align-items:center;gap:8px}.online-indicator{width:10px;height:10px;border-radius:50%;background-color:#2ecc71;box-shadow:0 0 8px #2ecc71cc;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #2ecc71b3}70%{transform:scale(1);box-shadow:0 0 0 10px #2ecc7100}to{transform:scale(.95);box-shadow:0 0 #2ecc7100}}.player-stats{font-size:.8rem;color:#aaa}.player-score{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.loading-text{color:var(--text-dark);text-align:center;padding:20px}.profile-details{margin:20px 0;text-align:left}.profile-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.profile-label{color:#aaa}.profile-value{color:var(--text-light);font-weight:700}.recovery-code{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Courier New,Courier,monospace;color:#fdbb2d}.nickname-form{display:flex;gap:10px;margin-top:20px}#nickname-input{flex-grow:1;padding:10px;border-radius:5px;border:1px solid var(--primary-color);background:#0d1421;color:var(--text-light)}#update-nickname-btn{padding:10px 15px;font-size:1rem}.nickname-status-text{margin-top:10px;font-size:.9rem;min-height:1.2em}.search-options{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.distance-slider{flex-grow:1;text-align:left;color:#aaa}.distance-slider input[type=range]{width:90%;margin-top:5px}.attempts-display{font-size:.9rem;color:var(--text-accent);padding-left:15px}.challenge-options{display:flex;gap:8px}.challenge-actions .challenge-btn{padding:8px 10px!important;font-size:.8rem!important;flex-shrink:0}.challenge-actions .endurance-btn{background:linear-gradient(to bottom,#9b59b6,#8e44ad)}@media (max-width: 992px){.footer-instructions .keys{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px) and (pointer: coarse),(max-width: 768px){header h1,#fullscreen-btn{display:none}header{padding:4px}header #network-status{order:1;width:auto;margin-right:auto;font-size:.8rem}.game-area{flex-direction:column;padding:10px}.game-controls{display:none}.footer-instructions{padding:6px;background:#0000004d}.footer-instructions .panel-title{display:none}.footer-instructions .keys{grid-template-columns:repeat(3,1fr);grid-template-rows:50px 50px 45px;gap:5px}.footer-instructions .key{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(111,199,186,.4);transition:background-color .1s ease,transform .1s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);pointer-events:auto!important}.footer-instructions .key:active{background-color:#4ecdc480;transform:scale(.95)}.footer-instructions .key .key-label{display:none}.footer-instructions .key i{font-size:1.4rem}.footer-instructions .key p{font-size:.65rem;margin-top:2px}.footer-instructions .keys .key:nth-child(1){grid-column:1 / 2;grid-row:1 / 3}.footer-instructions .keys .key:nth-child(2){grid-column:3 / 4;grid-row:1 / 3}.footer-instructions .keys .key:nth-child(3){grid-column:2 / 3;grid-row:2 / 3}.footer-instructions .keys .key:nth-child(4){grid-column:2 / 3;grid-row:1 / 2}.footer-instructions .keys .key:nth-child(5){grid-column:1 / 4;grid-row:3 / 4}.footer-instructions .keys .key:nth-child(6){display:none}#mobile-info-panels{order:2;display:flex;justify-content:center;align-items:stretch;gap:5px;padding:0 5px;overflow-x:auto}#mobile-game-status,#mobile-next-piece-panel,#mobile-opponent-board-panel{flex-shrink:0;padding:5px;border-radius:6px;background:#00000040;min-height:70px;display:flex;flex-direction:column;justify-content:flex-start;max-width:100px}#mobile-game-status .panel-title,#mobile-next-piece-panel .panel-title,#mobile-opponent-board-panel .panel-title{font-size:10px;margin-bottom:4px;white-space:nowrap}#mobile-game-status .stats{display:flex;gap:8px}#mobile-game-status .stat h3{font-size:8px;margin-bottom:2px}#mobile-game-status .stat-value{font-size:13px;font-weight:400}#mobile-game-status #mobile-mode-display{font-size:11px;margin-bottom:5px;color:var(--secondary-color);font-weight:700;text-align:center}#mobile-next-canvas{width:40px;height:40px;margin:auto}#mobile-opponent-canvas{width:40px;height:52px;margin:auto}#game-top-bar{top:10px;left:10px}#back-to-lobby-btn span{display:none}#mobile-pause-btn{display:none;position:absolute;top:20px;left:20px;width:50px;height:50px;background-color:#0006;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;z-index:100;justify-content:center;align-items:center;box-shadow:0 4px 10px #0000004d;transition:background-color .2s,transform .2s}#mobile-pause-btn:active{background-color:#4ecdc480;transform:scale(.9)}body.in-game .corner-icon-hidden{display:none!important}}@media (min-width: 769px){#mobile-info-panels{display:none!important}.game-controls{flex:0 0 340px;display:flex!important;flex-direction:column;gap:20px}.game-controls .game-panel{width:100%}.game-section{flex:1;min-width:350px}body.car-mode .container{position:relative}body.car-mode .game-area{padding-bottom:20px}body.car-mode .footer-instructions{position:absolute;bottom:0;left:0;right:0;width:100%;margin-top:0;border-radius:0 0 20px 20px;z-index:50}body.car-mode #timeout-container{display:none}body.car-mode .container{padding-bottom:85px}body.car-mode:not(.gamepad-connected) .footer-instructions{opacity:.4;transition:opacity .6s ease}}#bug-report-icon{position:fixed;bottom:80px;right:20px;background:linear-gradient(135deg,#f39c12,#e67e22);z-index:201}#bug-report-icon:hover{transform:scale(1.1);box-shadow:0 8px 20px #f39c1266}#bug-report-textarea{width:100%;height:150px;margin:20px 0;padding:10px;background:#0d1421;color:#fff;border:1px solid var(--primary-color);border-radius:5px;resize:vertical}#bug-report-contact{width:100%;margin-bottom:20px;padding:10px;background:#0d1421;color:#fff;border:1px solid #4ecdc4;border-radius:5px}#sponsor-icon{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#e74c3c,#c0392b);z-index:201}#sponsor-icon:hover{transform:scale(1.1);box-shadow:0 8px 20px #e74c3c66}.sponsor-popover{position:absolute;bottom:120%;right:0;width:366px;background:var(--dark-bg);border:1px solid var(--text-accent);border-radius:10px;padding:15px;box-shadow:0 5px 20px #00000080;text-align:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none}.sponsor-popover img{width:100%;height:auto;border-radius:5px}.sponsor-popover p{margin-top:10px;color:var(--text-accent);font-size:.9rem}#sponsor-icon:hover .sponsor-popover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.leaderboard-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.tab-btn{background:none;border:1px solid transparent;color:var(--text-dark);padding:8px 15px;border-radius:20px;cursor:pointer;font-size:1rem;transition:all .3s ease}.tab-btn:hover{background:var(--panel-bg);color:var(--text-light)}.tab-btn.active{background:var(--primary-color);color:var(--text-light);font-weight:700;border-color:var(--primary-color)}.leaderboard-item.is-self{background:#4ecdc44d;border:1px solid var(--primary-color);box-shadow:0 0 15px #4ecdc480}#timeout-select,.mode-select{padding:8px 12px}.debug-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;display:none;justify-content:center;align-items:center;color:#fff}.debug-content{background:#1a2a6c;border:2px solid var(--primary-color);border-radius:15px;padding:30px;width:90%;max-width:700px;text-align:left}.debug-content h2{text-align:center;color:var(--primary-color);margin-bottom:20px}.debug-info{display:flex;flex-direction:column;gap:15px}.debug-item .debug-label{font-weight:700;color:#aaa;display:block;margin-bottom:5px}.debug-item .debug-value{font-family:Courier New,Courier,monospace;font-size:1.1rem;color:#fdbb2d}#debug-ua{width:100%;height:120px;background:#0003;color:#fff;border:1px solid #444;border-radius:5px;padding:10px;font-family:Courier New,Courier,monospace;resize:none}#close-debug-panel{margin-top:25px;width:100%}#lobby{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:200;display:flex;justify-content:center;align-items:center;color:#fff;flex-direction:column;gap:20px}.lobby-footer-link{position:relative;margin-top:20px;font-size:.9rem}.lobby-footer-link span{color:var(--text-dark);cursor:pointer;border-bottom:1px dashed var(--text-dark);transition:color .2s}.lobby-footer-link:hover span{color:var(--primary-color)}.privacy-popover{position:absolute;bottom:120%;left:50%;transform:translate(-50%);width:400px;max-height:300px;overflow-y:auto;background:var(--dark-bg);border:1px solid var(--primary-color);border-radius:10px;padding:20px;box-shadow:0 5px 20px #00000080;text-align:left;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}.lobby-footer-link:hover .privacy-popover{opacity:1;visibility:visible;pointer-events:auto}.privacy-popover h3{color:var(--primary-color);text-align:center;margin-bottom:15px}.privacy-popover h4{color:var(--text-accent);margin-top:15px;margin-bottom:5px}.privacy-popover p{font-size:.85rem;line-height:1.6;color:var(--text-dark)}.emergency-form-group{display:flex;gap:10px;margin-top:15px;align-items:center}.emergency-form-group input,.emergency-form-group textarea{flex-grow:1;padding:12px;font-size:1rem;border-radius:5px;border:1px solid #4ecdc4;background:#0d1421;color:#fff}.emergency-form-group button{flex-shrink:0;padding:12px 20px}#emergency-send-view .emergency-form-group{justify-content:space-between}#emergency-message-textarea{width:100%;box-sizing:border-box;padding:12px;font-size:1rem;border-radius:5px;border:1px solid #4ecdc4;background:#0d1421;color:#fff;resize:vertical}.message-history{margin:20px 0;padding:10px;background-color:#0003;border-radius:5px;max-height:200px;overflow-y:auto;text-align:left;white-space:pre-wrap}.message-history .message-item{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.message-history .message-item:last-child{margin-bottom:0;border-bottom:none}.message-history .message-text{margin:0;flex-grow:1}.message-history .message-timestamp{flex-shrink:0;font-size:.8rem;color:#888}.fab{position:fixed;z-index:350;right:25px;top:50%;transform:translateY(-50%);width:60px;height:60px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:50%;border:3px solid rgba(255,255,255,.9);box-shadow:0 5px 15px #00000080;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;transition:all .3s ease;opacity:0;pointer-events:none;animation:breathing 2.5s ease-in-out infinite}.fab:not(.hidden-by-default){opacity:1;pointer-events:auto}.fab:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #0006}.fab{animation:breathing 2.5s ease-in-out infinite}@keyframes breathing{0%{transform:translateY(-50%) scale(1);box-shadow:0 5px 15px #00000080}50%{transform:translateY(-50%) scale(1.05);box-shadow:0 10px 25px #c0392bb3}to{transform:translateY(-50%) scale(1);box-shadow:0 5px 15px #00000080}}.hidden-by-default{display:none!important}#spectator-view{display:flex;flex-direction:column;width:100%;height:calc(100vh - 20px);max-height:100%}#spectator-header{flex-shrink:0}#spectator-players-area{flex:1;display:flex;flex-direction:row;padding:20px;gap:20px;overflow:hidden}.spectator-player-view{flex:1;display:flex;flex-direction:column;background:#00000040;border-radius:15px;border:1px solid rgba(255,255,255,.1);padding:15px;overflow:hidden}.spectator-player-view .player-title{font-size:1.5rem;text-align:center;color:var(--primary-color);margin-bottom:10px;flex-shrink:0}.spectator-player-view .spectator-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px;flex-shrink:0}.spectator-player-view .game-board{flex:1;display:flex;justify-content:center;align-items:center;width:100%}@media (max-width: 992px) and (pointer: coarse),(max-width: 768px){#spectator-players-area{flex-direction:column;padding:10px;gap:10px}.spectator-player-view .player-title{font-size:1.2rem;margin-bottom:5px}.spectator-player-view .spectator-stats{margin-bottom:10px}.spectator-player-view .stat h3{font-size:.8rem}.spectator-player-view .stat .stat-value{font-size:1.2rem}.milestone-toast{font-size:.9rem;padding:8px 12px;border-width:1px;top:20px}}#spectator-p1-canvas,#spectator-p2-canvas{outline:1px dashed #70C7BA;outline-offset:-4px;border-radius:5px}#global-stats-icon{position:fixed;top:140px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.6rem;cursor:pointer;z-index:201;box-shadow:0 5px 15px #0000004d;transition:all .2s ease}#global-stats-icon:hover{transform:scale(1.1)}.stats-popover{position:absolute;bottom:0;right:65px;width:220px;background:var(--dark-bg);border:1px solid #3498db;border-radius:10px;padding:15px;box-shadow:-5px 5px 20px #00000080;text-align:left;color:var(--text-light);opacity:0;visibility:hidden;transform:translate(10px);transition:opacity .3s,transform .3s;pointer-events:none}#global-stats-icon:hover .stats-popover{opacity:1;visibility:visible;transform:translate(0)}.stats-popover h4{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);color:#3498db}.stats-popover ul{list-style:none;padding:0;margin:0}.stats-popover li{padding:4px 0;font-size:.9rem;color:var(--text-dark)}.stats-popover li span{float:right;font-weight:700;color:var(--text-light)}.milestone-toast{position:absolute;top:15px;left:50%;padding:10px 20px;background:linear-gradient(135deg,#fdbb2d,#ff6b6b);color:#fff;font-size:1.5rem;font-weight:700;border-radius:8px;border:2px solid white;box-shadow:0 0 20px #ffffff80;opacity:0;transform:translate(-50%,-20px);pointer-events:none}.milestone-toast.show{animation:milestone-fade-in-out 3s ease-in-out forwards}@keyframes milestone-fade-in-out{0%{opacity:0;transform:translate(-50%,-20px) scale(.8)}15%{opacity:1;transform:translate(-50%) scale(1)}85%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-20px) scale(.8)}}.firework{position:absolute;z-index:150;opacity:0;transform:translate(-50%,-50%) scale(.5);left:50%;visibility:hidden;pointer-events:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275);color:#fff;text-shadow:0 0 15px rgba(0,0,0,.7);font-weight:700;text-align:center;padding:10px 20px;border-radius:15px}#small-firework-effect{top:5%;font-size:1.5rem;background:linear-gradient(45deg,#3498db,#9b59b6)}#big-firework-effect{top:2%;font-size:3rem;background:linear-gradient(45deg,#f1c40f,#e74c3c);border:3px solid white}.firework.show{opacity:.7;transform:scale(1);visibility:visible}#global-stats-popover ul li{display:flex;justify-content:space-between;align-items:center;padding:3px 0}#spectator-game-over-overlay{position:relative}#spectator-back-to-lobby-btn{position:relative;z-index:10;pointer-events:auto!important}