.header{background:#0a0a0ff2;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon{font-size:1.5rem}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--accent-cyan);letter-spacing:.1em}.logo-duel{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--accent-magenta);letter-spacing:.1em}.nav{display:flex;align-items:center;gap:1.5rem}.lang-switcher{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;height:36px}.lang-switcher:hover{border-color:var(--accent-cyan);background:#00f5ff1a;transform:scale(1.05)}.nav-link{font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);transition:all .3s ease;padding:.5rem 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-magenta));transition:width .3s ease}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.user-menu{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#00f5ff0d;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.user-info:hover{background:#00f5ff1a;border-color:var(--accent-cyan)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:var(--bg-primary);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.user-rating{font-size:.8rem;color:var(--accent-cyan)}.btn-logout{font-family:var(--font-display);font-size:.8rem;font-weight:600;padding:.5rem 1rem;background:transparent;border:1px solid var(--accent-magenta);color:var(--accent-magenta);border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.btn-logout:hover{background:#ff00ff1a;box-shadow:0 0 15px #ff00ff4d}.auth-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{display:flex;align-items:center;gap:4rem;max-width:1000px;width:100%}.auth-hero{flex:1}.auth-title{font-size:4rem;line-height:1.1;margin-bottom:1.5rem}.auth-title span{display:block;color:var(--accent-cyan);text-shadow:0 0 30px rgba(0,245,255,.5)}.auth-title .title-duel{color:var(--accent-magenta);text-shadow:0 0 30px rgba(255,0,255,.5)}.auth-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem}.auth-features{display:flex;flex-direction:column;gap:1rem}.feature{display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:var(--text-primary)}.feature-icon{font-size:1.5rem}.auth-card{width:400px;flex-shrink:0}.auth-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.auth-tab{flex:1;padding:.75rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:4px;transition:all .3s ease}.auth-tab:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.auth-tab.active{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border-color:transparent;color:var(--bg-primary)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.auth-error{padding:1rem;background:#ff45001a;border:1px solid rgba(255,69,0,.3);border-radius:4px;color:#ff4500;font-size:.9rem}.auth-submit{margin-top:.5rem}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.google-btn-container{display:flex;justify-content:center;min-height:44px}.google-btn-container>div{width:100%!important}.btn-google{width:100%;padding:.75rem 1.5rem;background:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;font-family:"Roboto",var(--font-body);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s ease}.btn-google:hover{background:#f8f9fa;border-color:#c6c6c6;box-shadow:0 1px 3px #0000001a}@media (max-width: 900px){.auth-container{flex-direction:column;gap:2rem}.auth-hero{text-align:center}.auth-title{font-size:3rem}.auth-features{align-items:center}.auth-card{width:100%;max-width:400px}}.tetris-board{display:flex;gap:1.5rem}.tetris-board.opponent{flex-direction:row-reverse}.board-wrapper{border:2px solid var(--border-color);border-radius:4px;overflow:hidden;box-shadow:0 0 30px #00f5ff1a,inset 0 0 30px #00000080}.player .board-wrapper{border-color:var(--accent-cyan);box-shadow:0 0 30px #00f5ff33,inset 0 0 30px #00000080}.opponent .board-wrapper{border-color:var(--accent-magenta);box-shadow:0 0 30px #f0f3,inset 0 0 30px #00000080}.board-canvas{display:block}.board-info{display:flex;flex-direction:column;gap:1.25rem;min-width:120px}.info-section{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;background:#0000004d;border:1px solid var(--border-color);border-radius:4px}.info-label{font-family:var(--font-display);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.info-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.info-value.score{color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan)}.next-piece{align-items:center}.next-canvas{border:1px solid var(--border-color);border-radius:4px;margin-top:.5rem}.lobby-chat{display:flex;flex-direction:column;height:500px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#0000004d;border-bottom:1px solid var(--border-color)}.chat-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.online-count{font-size:.85rem;color:var(--accent-green);display:flex;align-items:center;gap:.5rem}.online-count:before{content:"";width:8px;height:8px;background:var(--accent-green);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.chat-message{display:flex;gap:.75rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--bg-primary);flex-shrink:0;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.message-username{font-weight:600;font-size:.85rem;color:var(--accent-cyan)}.message-time{font-size:.7rem;color:var(--text-muted)}.message-text{font-size:.9rem;color:var(--text-primary);word-wrap:break-word;line-height:1.4;margin:0}.chat-input-form{display:flex;gap:.5rem;padding:1rem;background:#0003;border-top:1px solid var(--border-color)}.chat-input{flex:1;padding:.75rem 1rem;background:#0000004d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:var(--accent-cyan)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:none;border-radius:4px;color:var(--bg-primary);font-family:var(--font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 15px #00f5ff66}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.game-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.lobby-layout{display:flex;gap:3.5rem;width:100%;max-width:1100px;align-items:flex-start}.lobby-main{flex:1;text-align:center;max-width:600px}.lobby-chat-container{width:350px;flex-shrink:0;margin-left:.5rem}@media (max-width: 900px){.lobby-layout{flex-direction:column;align-items:center}.lobby-chat-container{width:100%;max-width:500px}}.lobby-content{text-align:center;max-width:600px}.lobby-title{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lobby-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem}.lobby-actions{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:3rem}.find-match-btn{font-size:1.25rem;padding:1.25rem 3rem;display:inline-flex;align-items:center;gap:.75rem;width:100%;max-width:300px;justify-content:center}.practice-btn{font-size:1.1rem;padding:1rem 2.5rem;display:inline-flex;align-items:center;gap:.75rem;width:100%;max-width:300px;justify-content:center}.btn-icon{font-size:1.5rem}.lobby-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem}.stat-card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;min-width:140px}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--accent-cyan)}.controls-help{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.controls-help h3{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.controls-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.control-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.control-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-display);font-size:.85rem;color:var(--text-primary)}.control-item span{font-size:.8rem;color:var(--text-muted)}.queue-content{text-align:center}.queue-spinner{width:80px;height:80px;border:4px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;margin:0 auto 2rem;animation:spin 1s linear infinite}.queue-title{font-size:1.75rem;margin-bottom:.5rem}.queue-info{color:var(--text-secondary);margin-bottom:2rem}.bot-offer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bot-offer-content{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;padding:2.5rem;max-width:400px;text-align:center;box-shadow:0 10px 40px #00000080}.bot-offer-content h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.bot-offer-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.bot-offer-actions{display:flex;flex-direction:column;gap:1rem}.bot-offer-actions .btn{width:100%}.practice-content{text-align:center;max-width:800px}.practice-title{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.practice-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem}.difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.difficulty-btn{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.difficulty-btn:hover{transform:translateY(-5px);border-color:var(--accent-cyan);box-shadow:0 10px 30px #00f5ff33}.difficulty-btn.easy:hover{border-color:var(--accent-green);box-shadow:0 10px 30px #0f83}.difficulty-btn.medium:hover{border-color:var(--accent-orange);box-shadow:0 10px 30px #ff8c0033}.difficulty-btn.hard:hover{border-color:#ff4500;box-shadow:0 10px 30px #ff450033}.difficulty-icon{font-size:3rem}.difficulty-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.difficulty-desc{font-size:.9rem;color:var(--text-secondary)}.difficulty-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.practice-loading{padding:1rem 2rem;background:var(--bg-card);border:1px solid var(--accent-cyan);border-radius:8px;color:var(--accent-cyan);font-family:var(--font-display);font-size:1.1rem;margin-bottom:2rem;text-transform:capitalize}.countdown-content{text-align:center}.countdown-vs{font-size:2rem;color:var(--accent-magenta);margin-bottom:2rem}.countdown-players{display:flex;align-items:center;gap:3rem;margin-bottom:3rem}.countdown-player{display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-player .player-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--bg-primary)}.countdown-player .player-name{font-size:1.25rem;font-weight:600}.countdown-player .player-rating{color:var(--accent-cyan)}.countdown-number{font-family:var(--font-display);font-size:6rem;font-weight:900;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 1s ease-in-out infinite}.game-page.playing{padding:1rem}.game-arena{display:flex;align-items:flex-start;gap:2rem}.player-side{display:flex;flex-direction:column;gap:1rem}.player-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px}.player-side.opponent .player-header{flex-direction:row-reverse}.player-header .player-name{font-family:var(--font-display);font-weight:600}.player-header .player-rating{color:var(--accent-cyan);font-size:.9rem}.arena-center{display:flex;flex-direction:column;align-items:center;gap:2rem;padding-top:200px}.vs-badge{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--accent-magenta);text-shadow:0 0 20px var(--accent-magenta)}.btn-pause{padding:.5rem 1rem;background:transparent;border:1px solid rgba(0,245,255,.5);border-radius:4px;color:#00f5ffcc;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.btn-pause:hover{background:#00f5ff1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-forfeit{padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,69,0,.5);border-radius:4px;color:#ff4500cc;font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.btn-forfeit:hover{background:#ff45001a;border-color:#ff4500;color:#ff4500}.pause-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.pause-message{font-family:var(--font-display);font-size:4rem;font-weight:900;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;animation:pulse 1.5s ease-in-out infinite}.result-content{text-align:center;max-width:500px}.result-title{font-size:4rem;margin-bottom:2rem}.result-title.win{color:var(--accent-green);text-shadow:0 0 30px var(--accent-green)}.result-title.draw{color:var(--accent-orange);text-shadow:0 0 30px var(--accent-orange)}.result-title.lose{color:#ff4500;text-shadow:0 0 30px #ff4500}.result-scores{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.result-player{display:flex;flex-direction:column;align-items:center;gap:.25rem}.result-name{font-size:1.1rem;color:var(--text-secondary)}.result-score{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--accent-cyan)}.result-vs{font-family:var(--font-display);font-size:1rem;color:var(--text-muted)}.result-rating{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem}.rating-label{font-size:.9rem;color:var(--text-muted)}.rating-value{font-family:var(--font-display);font-size:2rem;font-weight:700}.rating-value.positive{color:var(--accent-green)}.rating-value.negative{color:#ff4500}.result-actions{display:flex;gap:1rem;justify-content:center}.result-actions .btn{min-width:150px}.practice-badge{display:inline-block;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;color:var(--accent-cyan);font-size:.9rem;margin-bottom:1rem}.leaderboard-page{flex:1;display:flex;justify-content:center;padding:2rem}.leaderboard-container{width:100%;max-width:900px}.leaderboard-title{text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:80px 1fr 120px 100px 100px;padding:1rem 1.5rem;background:#0000004d;border-bottom:1px solid var(--border-color);font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.table-row{display:grid;grid-template-columns:80px 1fr 120px 100px 100px;padding:1rem 1.5rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;text-decoration:none;color:var(--text-primary)}.table-row:last-child{border-bottom:none}.table-row:hover{background:#00f5ff0d}.table-row.current-user{background:#00f5ff1a;border-left:3px solid var(--accent-cyan)}.rank-badge{font-size:1.5rem}.rank-number{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-secondary)}.col-player{display:flex;align-items:center;gap:.75rem}.player-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:var(--bg-primary);overflow:hidden}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-name{font-weight:600}.you-badge{padding:.2rem .5rem;background:var(--accent-cyan);border-radius:4px;font-size:.7rem;font-weight:700;color:var(--bg-primary);text-transform:uppercase}.rating-value{font-family:var(--font-display);font-weight:600;color:var(--accent-cyan)}.col-games,.col-winrate{font-family:var(--font-display);font-weight:500;color:var(--text-secondary)}.empty-state{padding:3rem;text-align:center;color:var(--text-muted)}@media (max-width: 700px){.table-header,.table-row{grid-template-columns:60px 1fr 100px}.col-games,.col-winrate{display:none}}.profile-page{flex:1;display:flex;justify-content:center;padding:2rem}.profile-container{width:100%;max-width:800px}.profile-header{display:flex;align-items:center;gap:2rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--bg-primary);overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:2rem;display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.own-badge{padding:.25rem .75rem;background:var(--accent-cyan);border-radius:4px;font-size:.8rem;color:var(--bg-primary)}.profile-rating{display:flex;align-items:center;gap:1.5rem}.profile-rating .rating-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-cyan)}.profile-rating .rating-rank{color:var(--text-secondary);font-size:1.1rem}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.stat-card.wins{border-color:var(--accent-green)}.stat-card .stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary)}.stat-card.wins .stat-value{color:var(--accent-green)}.stat-card .stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.section-title{font-size:1.25rem;margin-bottom:1rem;color:var(--text-secondary)}.match-history{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.matches-list{display:flex;flex-direction:column;gap:.75rem}.match-card{display:grid;grid-template-columns:70px 120px 70px 70px 1fr;align-items:center;gap:.5rem;padding:1rem;background:#0003;border-radius:4px;border-left:3px solid}.match-card.win{border-color:var(--accent-green)}.match-card.draw{border-color:var(--accent-orange)}.match-card.loss{border-color:#ff4500}.match-result{font-family:var(--font-display);font-weight:700;font-size:.9rem}.match-card.win .match-result{color:var(--accent-green)}.match-card.draw .match-result{color:var(--accent-orange)}.match-card.loss .match-result{color:#ff4500}.match-score{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600}.score-divider{color:var(--text-muted)}.match-rating{font-family:var(--font-display);font-weight:600}.match-rating .positive{color:var(--accent-green)}.match-rating .negative{color:#ff4500}.match-duration,.match-date{color:var(--text-muted);font-size:.9rem}.match-date{text-align:right}.empty-state{padding:2rem;text-align:center;color:var(--text-muted)}.error-state{text-align:center}.error-state h2{margin-bottom:1.5rem;color:var(--text-secondary)}@media (max-width: 700px){.profile-stats{grid-template-columns:repeat(2,1fr)}.match-card{grid-template-columns:70px 1fr 70px}.match-duration,.match-date{display:none}}.admin-page{flex:1;padding:2rem;background:var(--bg-primary)}.admin-container{max-width:1400px;margin:0 auto}.admin-header{margin-bottom:2rem}.admin-title{font-size:2.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-tabs{display:flex;gap:1rem;border-bottom:2px solid var(--border-color)}.admin-tab{padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{color:var(--accent-cyan);border-bottom-color:var(--accent-cyan)}.admin-error{padding:1rem;background:#ff45001a;border:1px solid rgba(255,69,0,.3);border-radius:4px;color:#ff4500;margin-bottom:2rem}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.stat-card:hover{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.stat-icon{font-size:2.5rem}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--accent-cyan)}.dashboard-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.dashboard-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.matches-table{overflow-x:auto}.matches-table table{width:100%;border-collapse:collapse}.matches-table th,.matches-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.matches-table th{font-family:var(--font-display);font-weight:600;color:var(--accent-cyan);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.matches-table td{color:var(--text-primary)}.matches-table tr:hover{background:#00f5ff0d}.users-content,.matches-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.users-controls{margin-bottom:1.5rem}.search-input{width:100%;max-width:400px;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-body);font-size:1rem}.search-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px #00f5ff33}.users-table table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.users-table th{font-family:var(--font-display);font-weight:600;color:var(--accent-cyan);text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.users-table td{color:var(--text-primary)}.users-table tr:hover{background:#00f5ff0d}.btn-toggle-admin{padding:.5rem 1rem;background:transparent;border:1px solid var(--accent-cyan);border-radius:4px;color:var(--accent-cyan);font-family:var(--font-display);font-size:.85rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-toggle-admin:hover{background:#00f5ff1a;box-shadow:var(--glow-cyan)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.pagination button{padding:.75rem 1.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-display);font-size:.9rem;cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){border-color:var(--accent-cyan);color:var(--accent-cyan)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--text-secondary);font-family:var(--font-display)}.error-state{text-align:center;padding:4rem 2rem}.error-state h2{font-size:2rem;color:#ff4500;margin-bottom:1rem}.error-state p{color:var(--text-secondary);font-size:1.1rem}.tickets-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:2rem}.tickets-controls{margin-bottom:1.5rem}.status-filter{padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-display);font-size:.9rem;cursor:pointer}.status-filter:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px #00f5ff33}.tickets-list{display:flex;flex-direction:column;gap:1.5rem}.ticket-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.ticket-card:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px #00f5ff1a}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.ticket-meta{display:flex;flex-direction:column;gap:.25rem}.ticket-user{font-weight:600;color:var(--text-primary)}.ticket-date{font-size:.85rem;color:var(--text-secondary)}.ticket-status{padding:.5rem 1rem;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ticket-status-open{background:#ffa50033;color:orange;border:1px solid rgba(255,165,0,.3)}.ticket-status-in_progress{background:#00f5ff33;color:var(--accent-cyan);border:1px solid rgba(0,245,255,.3)}.ticket-status-resolved{background:#0f03;color:#0f0;border:1px solid rgba(0,255,0,.3)}.ticket-status-closed{background:#80808033;color:gray;border:1px solid rgba(128,128,128,.3)}.ticket-subject{font-size:1.2rem;font-weight:600;color:var(--accent-cyan);margin-bottom:1rem}.ticket-message{color:var(--text-primary);line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.ticket-response{margin-top:1rem;padding:1rem;background:#00f5ff0d;border-left:3px solid var(--accent-cyan);border-radius:4px}.ticket-response strong{color:var(--accent-cyan);display:block;margin-bottom:.5rem}.ticket-response p{color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.ticket-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.status-select{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-display);font-size:.9rem;cursor:pointer}.status-select:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px #00f5ff33}.no-tickets{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.5rem}.response-textarea{width:100%;min-height:150px;padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;resize:vertical;margin-bottom:1.5rem}.response-textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px #00f5ff33}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}.feedback-page{flex:1;padding:2rem;background:var(--bg-primary);display:flex;justify-content:center;align-items:flex-start}.feedback-container{max-width:700px;width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2.5rem}.feedback-title{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.feedback-success{padding:1rem;background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:8px;color:#0f0;margin-bottom:1.5rem;font-weight:500}.feedback-error{padding:1rem;background:#ff45001a;border:1px solid rgba(255,69,0,.3);border-radius:8px;color:#ff4500;margin-bottom:1.5rem}.feedback-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-group label{font-family:var(--font-display);font-weight:600;color:var(--text-primary);text-transform:uppercase;font-size:.9rem;letter-spacing:.05em}.form-group input,.form-group textarea{padding:1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:1rem;transition:all .3s ease;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 15px #00f5ff33}.form-group textarea{min-height:200px;font-family:var(--font-body);line-height:1.6}.char-count{position:absolute;bottom:.5rem;right:.75rem;font-size:.85rem;color:var(--text-secondary);pointer-events:none}.btn-submit{padding:1rem 2rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));border:none;border-radius:8px;color:#fff;font-family:var(--font-display);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #00f5ff66}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem}.loading-spinner{width:60px;height:60px;border:3px solid var(--border-color);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a2e;--bg-card: rgba(26, 26, 46, .8);--accent-cyan: #00f5ff;--accent-magenta: #ff00ff;--accent-purple: #9400d3;--accent-orange: #ff8c00;--accent-green: #00ff88;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #606070;--border-color: rgba(0, 245, 255, .2);--border-glow: rgba(0, 245, 255, .5);--tetro-I: #00f5ff;--tetro-O: #ffd700;--tetro-T: #9400d3;--tetro-S: #32cd32;--tetro-Z: #ff4500;--tetro-J: #1e90ff;--tetro-L: #ff8c00;--glow-cyan: 0 0 20px rgba(0, 245, 255, .5), 0 0 40px rgba(0, 245, 255, .3);--glow-magenta: 0 0 20px rgba(255, 0, 255, .5), 0 0 40px rgba(255, 0, 255, .3);--font-display: "Orbitron", monospace;--font-body: "Rajdhani", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-body);font-weight:500;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(0,245,255,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,0,255,.05) 0%,transparent 50%),linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-tertiary) 100%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,245,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em}h1{font-size:3rem;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.btn{font-family:var(--font-display);font-size:1rem;font-weight:600;padding:1rem 2rem;border:none;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));color:var(--bg-primary);box-shadow:var(--glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f5ff99,0 0 60px #00f5ff66}.btn-secondary{background:transparent;color:var(--accent-cyan);border:2px solid var(--accent-cyan)}.btn-secondary:hover{background:#00f5ff1a;box-shadow:var(--glow-cyan)}.btn-google{background:#fff;color:#333;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-google:hover{background:#f5f5f5}.btn:disabled{opacity:.5;cursor:not-allowed}.input{font-family:var(--font-body);font-size:1rem;padding:1rem 1.25rem;background:#00000080;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);outline:none;transition:all .3s ease;width:100%}.input:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00f5ff33}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-glow{box-shadow:0 0 30px #00f5ff1a}a{color:var(--accent-cyan);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-magenta);text-shadow:0 0 10px currentColor}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-magenta)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:var(--glow-cyan)}50%{box-shadow:var(--glow-magenta)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}