.top-bar{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 10px #0000001a;padding:15px 0;margin-bottom:20px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.top-bar-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;padding:0 20px}.top-bar-title{font-size:1.8rem;font-weight:700;color:#333;margin:0}.top-bar-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.top-bar-theme-toggles,.top-bar-buttons{display:flex;gap:10px;align-items:center}.top-bar .refresh-btn{color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap}.top-bar .refresh-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.top-bar .refresh-btn:disabled{cursor:not-allowed;opacity:.6}.top-bar.dark-mode{background:#27272a;box-shadow:0 2px 10px #0000004d}.top-bar.dark-mode .top-bar-title{color:#e4e4e7}.top-bar.tropical-mode{background:linear-gradient(135deg,#ffeaa7,#fab1a0);box-shadow:0 2px 10px #0003}.top-bar.tropical-mode .top-bar-title{color:#e17055;text-shadow:2px 2px 4px rgba(255,255,255,.5)}.container{background:#fff;border-radius:12px;padding:15px;box-shadow:0 10px 40px #0000001a}.header{text-align:center;margin-bottom:30px}.header-top{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:10px}.header h1{color:#333;font-size:2.5rem;margin:0}.refresh-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#5568d3}.refresh-btn:disabled{background:#ccc;cursor:not-allowed}.last-update{color:#999;font-size:.85rem;margin:5px 0 15px}.player-info{margin:15px 0}.subtitle{color:#666;font-size:1.1rem;margin-bottom:5px}.stats{color:#888;font-size:.95rem;font-weight:500}.tab-toggle{display:flex;justify-content:center;gap:10px;margin:20px 0 30px}.tab-btn{background:#f0f0f0;color:#333;border:2px solid #ddd;padding:12px 32px;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease}.tab-btn:hover{background:#e0e0e0;border-color:#bbb}.tab-btn.active{background:#667eea;color:#fff;border-color:#667eea}.toggle-group{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.view-toggle,.game-mode-toggle,.metric-toggle,.player-view-toggle,.date-filter-toggle{display:flex;gap:5px}.toggle-btn{background:#f0f0f0;color:#333;border:2px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease}.toggle-btn:hover{background:#e0e0e0}.toggle-btn.active{background:#667eea;color:#fff;border-color:#667eea}.data-table{width:100%;border-collapse:collapse;background:#fff;margin-top:20px}.data-table thead{background:#667eea;color:#fff}.data-table th{padding:15px;text-align:left;font-weight:600}.data-table tbody tr{border-bottom:1px solid #eee}.data-table tbody tr:hover{background:#f5f5f5}.data-table td{padding:15px;color:#333}.loading,.error,.empty-state{text-align:center;padding:40px;color:#666}.error-text{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;margin-top:10px}.chart-container{background:#fff;padding:20px;border-radius:8px;margin-top:20px}.player-stats-container{margin-top:30px}.player-stats-filters{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px}.nemesis-filters{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;display:flex;gap:30px;flex-wrap:wrap}.nemesis-table-container{margin-top:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.player-name-cell{font-weight:600}.filter-group{margin-bottom:15px}.filter-group label{color:#333;font-weight:500;margin-right:10px}.player-stats-table-container{margin-top:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.player-stats-table{width:100%;border-collapse:collapse;background:#fff}.player-stats-table thead{background:#667eea;color:#fff}.player-stats-table th{padding:15px;text-align:left;font-weight:600;font-size:1rem}.player-stats-table tbody tr{border-bottom:1px solid #eee;transition:background .2s}.player-stats-table tbody tr:hover{background:#f5f5f5}.player-stats-table td{padding:15px;color:#333;font-size:.95rem}.match-details-container{margin-top:20px}.match-details-table-container{overflow-x:auto}.match-row{cursor:pointer;transition:background .2s}.match-row:hover{background:#f5f5f5}.expanded-row{background:#f9f9f9}.player-details-expanded{padding:20px}.player-details-table{width:100%;border-collapse:collapse;margin-top:10px}.player-details-table thead{background:#667eea;color:#fff}.player-details-table th{padding:10px;text-align:left;font-weight:600}.player-details-table td{padding:10px;color:#333}.result-win{color:#22c55e;font-weight:600}.result-loss{color:#ef4444;font-weight:600}.container.dark-mode{background:#27272a;color:#e4e4e7}.container.dark-mode .header h1{color:#e4e4e7}.container.dark-mode .last-update,.container.dark-mode .stats{color:#a1a1aa}.container.dark-mode .subtitle{color:#d4d4d8}.container.dark-mode .data-table{background:#3f3f46;color:#e4e4e7}.container.dark-mode .data-table thead{background:#52525b}.container.dark-mode .data-table tbody tr{border-bottom:1px solid #52525b}.container.dark-mode .data-table tbody tr:hover{background:#52525b}.container.dark-mode .data-table td{color:#e4e4e7}.container.dark-mode .tab-btn{background:#3f3f46;color:#e4e4e7;border:1px solid #52525b}.container.dark-mode .tab-btn:hover{background:#52525b}.container.dark-mode .tab-btn.active{background:#667eea;color:#fff;border-color:#667eea}.container.dark-mode .toggle-btn{background:#3f3f46;color:#e4e4e7;border:1px solid #52525b}.container.dark-mode .toggle-btn:hover{background:#52525b}.container.dark-mode .toggle-btn.active{background:#667eea;color:#fff;border-color:#667eea}.container.dark-mode .chart-container{background:#27272a;color:#e4e4e7}.container.dark-mode .player-stats-table-container{background:#3f3f46}.container.dark-mode .player-stats-table{background:#3f3f46;color:#e4e4e7}.container.dark-mode .player-stats-table thead,.container.dark-mode .player-stats-table tbody tr:hover{background:#52525b}.container.dark-mode .player-stats-table td,.container.dark-mode .empty-state{color:#e4e4e7}.container.dark-mode .error-text{color:#fca5a5;background:#7f1d1d;border:1px solid #991b1b}.container.tropical-mode{background:linear-gradient(135deg,#ffeaa7,#fab1a0);color:#2d3436}.container.tropical-mode .header h1{color:#e17055;text-shadow:2px 2px 4px rgba(255,255,255,.5)}.container.tropical-mode .last-update,.container.tropical-mode .stats{color:#636e72}.container.tropical-mode .subtitle{color:#2d3436}.container.tropical-mode .data-table{background:#fff9e6;border:2px solid #fdcb6e}.container.tropical-mode .data-table thead{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.container.tropical-mode .data-table tbody tr{border-bottom:1px solid #fdcb6e}.container.tropical-mode .data-table tbody tr:hover{background:#ffeaa7}.container.tropical-mode .data-table td{color:#2d3436}.container.tropical-mode .tab-btn{background:#fff9e6;color:#e17055;border:2px solid #fdcb6e}.container.tropical-mode .tab-btn:hover{background:#ffeaa7}.container.tropical-mode .tab-btn.active{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border-color:#00b894}.container.tropical-mode .toggle-btn{background:#fff9e6;color:#e17055;border:2px solid #fdcb6e}.container.tropical-mode .toggle-btn:hover{background:#ffeaa7}.container.tropical-mode .toggle-btn.active{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;border-color:#00b894}.container.tropical-mode .refresh-btn{background:linear-gradient(135deg,#e17055,#d63031);color:#fff}.container.tropical-mode .refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#d63031,#c0392b)}.container.tropical-mode .chart-container,.container.tropical-mode .player-stats-table-container{background:#fff9e6;border:2px solid #fdcb6e}.container.tropical-mode .player-stats-table{background:#fff9e6}.container.tropical-mode .player-stats-table thead{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.container.tropical-mode .player-stats-table tbody tr:hover{background:#ffeaa7}.container.tropical-mode .player-stats-table td,.container.tropical-mode .empty-state{color:#2d3436}.container.tropical-mode .error-text{color:#d63031;background:#ffeaa7;border:2px solid #e17055}.container.tropical-mode .match-row:hover{background:#ffeaa7}.container.tropical-mode .expanded-row{background:#fff9e6}.container.tropical-mode .player-details-table thead{background:linear-gradient(135deg,#00b894,#00cec9);color:#fff}.container.tropical-mode .result-win{color:#00b894}.container.tropical-mode .result-loss{color:#d63031}.container.dark-mode .nemesis-filters,.container.dark-mode .nemesis-table-container{background:#3f3f46}.container.tropical-mode .nemesis-filters,.container.tropical-mode .nemesis-table-container{background:#fff9e6;border:2px solid #fdcb6e}.mmp-container{margin-top:20px}.mmp-filters,.mmp-match-overview{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.mmp-player-stats{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto}.container.dark-mode .mmp-filters,.container.dark-mode .mmp-match-overview,.container.dark-mode .mmp-player-stats{background:#3f3f46}.container.tropical-mode .mmp-filters,.container.tropical-mode .mmp-match-overview,.container.tropical-mode .mmp-player-stats{background:#fff9e6;border:2px solid #fdcb6e}@media (max-width: 768px){.top-bar-content{flex-direction:column;align-items:flex-start}.top-bar-controls{width:100%;justify-content:space-between}.top-bar-theme-toggles,.top-bar-buttons{flex-wrap:wrap}.top-bar-title{font-size:1.5rem}}@media (max-width: 480px){.top-bar{padding:10px 0}.top-bar-content{padding:0 15px}.top-bar-title{font-size:1.3rem}.top-bar-controls{flex-direction:column;gap:10px;width:100%}.top-bar-theme-toggles,.top-bar-buttons{width:100%;justify-content:center}.top-bar .refresh-btn,.top-bar button{flex:1;min-width:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:K2D,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:0;margin:0;transition:background .3s ease}body.dark-mode{background:linear-gradient(135deg,#1a1a2e,#16213e)}body.tropical-mode{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#ffe66d)}#root{max-width:1400px;margin:0 auto;padding:0 10px 10px}