*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a1a;color:#fff;overflow:hidden}#root{height:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#525252;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280}button{border:none;background:none;cursor:pointer;font-family:inherit}a{color:#3b82f6;text-decoration:none}a:hover{text-decoration:underline}button:focus,input:focus,select:focus{outline:2px solid #3b82f6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.connection-status{display:flex;align-items:center;gap:1rem}.status-indicator,.error-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:4px;font-size:.85rem;font-weight:500}.status-indicator.connected{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-indicator.disconnected{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.error-indicator{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3);cursor:help}.status-dot,.error-dot{width:8px;height:8px;border-radius:50%}.status-indicator.connected .status-dot{background-color:#22c55e;animation:pulse 2s infinite}.status-indicator.disconnected .status-dot{background-color:#ef4444}.error-dot{background-color:#f59e0b}.match-log{display:flex;flex-direction:column;background-color:#1a1a1a;border-top:1px solid #404040;flex:1;min-height:150px;overflow:hidden}.match-log-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#2d2d2d;border-bottom:1px solid #404040}.match-log-header h4{margin:0;font-size:.9rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.live-badge{padding:.25rem .5rem;background-color:#22c55e33;border:1px solid #22c55e;border-radius:4px;font-size:.7rem;font-weight:700;color:#22c55e;letter-spacing:.5px}.match-log-content{flex:1;overflow-y:auto;padding:.5rem;font-family:Courier New,monospace;font-size:.75rem;line-height:1.5}.match-log-content::-webkit-scrollbar{width:8px}.match-log-content::-webkit-scrollbar-track{background:#1a1a1a}.match-log-content::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.match-log-content::-webkit-scrollbar-thumb:hover{background:#505050}.log-entry{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .5rem;margin-bottom:.2rem;border-left:2px solid transparent;transition:background-color .2s ease}.log-entry.clickable{cursor:pointer}.log-entry.clickable:hover{background-color:#3b82f626}.log-entry:hover{background-color:#ffffff0d}.log-entry.match_start{border-left-color:#22c55e;background-color:#22c55e1a}.log-entry.match_end{border-left-color:#ef4444;background-color:#ef44441a}.log-entry.kill{border-left-color:#f59e0b;background-color:#f59e0b0d}.log-entry.teamkill{border-left-color:#ef4444;background-color:#ef444426}.log-entry.chat{border-left-color:#3b82f6;background-color:#3b82f60d}.log-entry.player_connect{border-left-color:#22c55e;background-color:#22c55e0d}.log-entry.player_disconnect{border-left-color:#6b7280;background-color:#6b72800d}.log-entry.objective_capture{border-left-color:#3b82f6;background-color:#3b82f61a}.log-icon{flex-shrink:0;width:16px;text-align:center;color:#fff9;font-size:.9rem}.log-entry.match_start .log-icon{color:#22c55e}.log-entry.match_end .log-icon{color:#ef4444}.log-entry.kill .log-icon{color:#f59e0b}.log-entry.teamkill .log-icon{color:#ef4444}.log-entry.chat .log-icon{color:#3b82f6}.log-entry.player_connect .log-icon{color:#22c55e}.log-entry.player_disconnect .log-icon{color:#6b7280}.log-entry.objective_capture .log-icon{color:#3b82f6}.log-time{color:#fff6;font-size:.65rem;font-weight:500}.log-content{display:flex;align-items:center;gap:.5rem}.log-message{flex:1;color:#ffffffd9;font-size:.7rem}.match-log-loading,.match-log-error,.match-log-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:#ffffff80;font-size:.9rem}.match-log-error{color:#ef4444}.match-log-empty p{margin:0;color:#fff6}.match-log-title-row{display:flex;align-items:center;justify-content:space-between;width:100%}.match-log-title-group{display:flex;align-items:center;gap:.5rem}.event-filter{position:relative}.filter-button{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#ffffffb3;font-size:.75rem;cursor:pointer;transition:all .2s ease}.filter-button:hover{background-color:#ffffff1a;border-color:#fff3;color:#ffffffe6}.filter-icon{font-size:.85rem}.filter-count{font-size:.7rem;font-weight:600;color:#ffffff80}.filter-dropdown{position:fixed;top:auto;left:auto;min-width:220px;background-color:#2d2d2d;border:1px solid #404040;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:9999;overflow:hidden;margin-top:.5rem}.filter-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#252525;border-bottom:1px solid #404040}.filter-dropdown-title{font-size:.75rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.filter-actions{display:flex;gap:.5rem}.filter-action-btn{padding:.25rem .5rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;color:#ffffffb3;font-size:.7rem;cursor:pointer;transition:all .2s ease}.filter-action-btn:hover{background-color:#ffffff1a;color:#ffffffe6}.filter-options{max-height:400px;overflow-y:auto;padding:.5rem}.filter-options::-webkit-scrollbar{width:6px}.filter-options::-webkit-scrollbar-track{background:#1a1a1a}.filter-options::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.filter-option{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.filter-option:hover{background-color:#ffffff0d}.filter-option input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#3b82f6}.filter-option-icon{font-size:.85rem;width:18px;text-align:center}.filter-option-label{flex:1;font-size:.75rem;color:#fffc;-webkit-user-select:none;user-select:none}.match-list{display:flex;flex-direction:column;height:100%;background-color:#252525;overflow:hidden}.match-list-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #404040;background-color:#2d2d2d}.tab-menu{display:flex;gap:.5rem}.tab-button{padding:.5rem 1.25rem;background:transparent;border:none;color:#fff9;font-size:.9rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;position:relative;border-bottom:2px solid transparent}.tab-button:hover{color:#ffffffe6}.tab-button.active{color:#fff;border-bottom-color:#22c55e}.match-list-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.refresh-button{background:none;border:1px solid #404040;color:#d1d5db;padding:.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s ease}.refresh-button:hover{background-color:#404040;color:#fff}.tab-content{flex:0 1 auto;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.live-match-section{padding:1rem;display:flex;flex-direction:column}.live-indicator{width:8px;height:8px;background-color:#22c55e;border-radius:50%;margin-left:auto;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.live-match-info{padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem}.match-info-header{display:flex;justify-content:center;align-items:center;position:relative}.match-info-header .live-badge{position:absolute;right:0}.matches-live-section{margin-bottom:1rem;padding:0 .5rem}.matches-live-section .section-title{margin-bottom:.5rem;padding:1rem 0 0 .5rem}.map-name-header{text-align:center;font-size:1.25rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.match-score-display{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2.5rem;font-weight:800;margin:.5rem 0}.score-number{min-width:2ch;text-align:center}.score-number.allies{color:#3b82f6}.score-number.axis{color:#ef4444}.score-separator{color:#ffffff80;font-weight:600}.team-score{display:flex;align-items:center;justify-content:center;gap:1rem}.total-players{text-align:center;font-size:.9rem;color:#ffffffb3;font-weight:500;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.score-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-item.allies .team-count{color:#3b82f6}.score-item.axis .team-count{color:#ef4444}.team-name{font-size:.7rem;font-weight:600;text-transform:uppercase;color:#fff9;letter-spacing:.5px}.team-count{font-size:1.75rem;font-weight:700;font-family:Courier New,monospace}.player-count-label{font-size:.7rem;color:#ffffff80;font-weight:500}.score-divider{font-size:.75rem;font-weight:700;color:#fff6;padding:0 .5rem}.time-info{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.time-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.time-label{font-size:.65rem;font-weight:600;text-transform:uppercase;color:#ffffff80;letter-spacing:.5px}.time-value{font-size:1.1rem;font-weight:700;color:#64c8ff;font-family:Courier New,monospace}.time-divider{color:#ffffff4d;font-size:1rem}.no-live-match{margin-top:1rem;padding:2rem 1rem;text-align:center;color:#fff9}.no-live-match p{margin:0 0 .5rem}.no-live-match .hint{font-size:.85rem;color:#fff6}.match-list-content{flex:0 1 auto;padding:1rem;overflow-y:auto;min-height:0}.section-title{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.no-matches{text-align:center;color:#6b7280;padding:2rem 1rem}.matches{display:flex;flex-direction:column;gap:.75rem}.match-item{width:100%;text-align:left;background-color:#1a1a1a;border:1px solid #404040;border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s ease;color:#fff}.match-item:hover{border-color:#6b7280;background-color:#1e1e1e}.match-item.active{border-color:#3b82f6;background-color:#3b82f61a}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.map-name{font-size:1rem;font-weight:600;color:#fff}.match-status{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.live{background-color:#22c55e33;color:#22c55e}.status-badge.finished{background-color:#6b728033;color:#9ca3af}.live-dot{width:6px;height:6px;background-color:#22c55e;border-radius:50%;animation:pulse 2s infinite}.match-details{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.match-time{display:flex;justify-content:space-between;align-items:center}.match-stats{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.stat{display:flex;flex-direction:column;gap:.125rem}.label{color:#9ca3af;font-size:.75rem;font-weight:500}.value{color:#fff;font-weight:500}.loading,.error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;text-align:center;color:#6b7280}.error{color:#ef4444}.error-details{font-size:.8rem;color:#9ca3af;margin-top:.5rem}@media (max-width: 768px){.match-list{height:auto}.match-stats{flex-direction:column;align-items:flex-start;gap:.5rem}.stat{flex-direction:row;gap:.5rem}}.map-viewer{display:flex;flex-direction:column;height:100%;background-color:#1a1a1a}.map-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#2d2d2d;border-bottom:1px solid #404040}.map-header h2{margin:0;font-size:1.3rem;font-weight:600;color:#fff}.map-status{display:flex;align-items:center;gap:1rem}.status-indicator{padding:.25rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-indicator.live{background-color:#22c55e;color:#fff}.status-indicator.historical{background-color:#6b7280;color:#fff}.player-count{font-size:.9rem;color:#d1d5db}.map-container{position:relative;flex:1;overflow:hidden;background-color:#000}.interactive-elements-container{position:absolute;top:0;left:0;pointer-events:auto;z-index:10}.map-image{width:100%;height:100%;object-fit:contain;transition:opacity .3s ease}.zoom-pan-layer{transform-origin:center center}.map-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888;font-size:1.1rem}.map-viewer-error{display:flex;justify-content:center;align-items:center;height:100%;background-color:#1a1a1a;color:#ff6b6b;text-align:center;padding:2rem}.player-dot{position:absolute;width:12px;height:12px;border-radius:50%;border:1px solid #ffffff;box-shadow:0 0 4px #00000080;transform:translate(-50%,-50%);transform-origin:center center;z-index:10;cursor:pointer;transition:left 5.5s linear,top 5.5s linear,transform .2s ease,opacity .3s ease;display:flex;align-items:center;justify-content:center;overflow:visible}.player-dot:hover{transform:translate(-50%,-50%) scale(calc(var(--icon-scale, 1) * 1.3));z-index:20}.player-dot.redeploying{opacity:.7;animation:pulse-redeploy 2s ease-in-out infinite}.player-dot.redeploying:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);border:2px dashed rgba(255,255,255,.5);border-radius:50%;animation:rotate-border 3s linear infinite;pointer-events:none;z-index:0}@keyframes pulse-redeploy{0%,to{transform:translate(-50%,-50%) scale(var(--icon-scale, 1))}50%{transform:translate(-50%,-50%) scale(calc(var(--icon-scale, 1) * 1.1))}}@keyframes rotate-border{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.redeploy-indicator{position:absolute;top:-8px;right:-8px;background:#ffa500e6;color:#fff;font-size:12px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:spin 2s linear infinite;pointer-events:none;z-index:10;box-shadow:0 0 8px #ffa500cc}.redeploy-badge{color:orange;font-size:.9em;margin-left:4px;animation:pulse-badge 1.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.redeploy-status{color:orange;font-size:.85em;margin-left:8px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.player-role-icon{width:6px;height:6px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));pointer-events:none;position:relative;z-index:1}.player-dot.allies{background-color:#3b82f6}.player-dot.axis{background-color:#ef4444}.player-label{position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:#000000e6;color:#fff;padding:3px 5px;border-radius:3px;font-size:9px;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:100}.player-name-tag{position:absolute;top:-6px;left:50%;transform:translate(-50%);background-color:#000000d9;color:#fff;padding:0 2px;border-radius:1px;font-size:4px;white-space:nowrap;pointer-events:none;z-index:50;font-weight:700;text-shadow:0 0 3px rgba(0,0,0,1),0 1px 2px rgba(0,0,0,.8)}.player-dot:hover .player-label{opacity:1;pointer-events:auto}.player-label:hover{opacity:1}.player-label-header{display:flex;gap:.25rem;font-weight:700;font-size:5px;border-bottom:1px solid #444;padding-bottom:2px;margin-bottom:2px;align-items:center}.player-clantag{color:#aaa}.player-name{color:#fff}.player-level{font-size:.55em;color:#ccc}.player-label-body{display:grid;grid-template-columns:auto 1fr;gap:1px 6px;font-size:5px}.player-stat{display:contents}.stat-label{color:#aaa;font-weight:700}.stat-value{color:#fff}.map-control-panel{position:absolute;top:100px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:100;background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:200px;box-shadow:0 4px 20px #00000080;transition:box-shadow .2s ease;-webkit-user-select:none;user-select:none}.map-control-panel.dragging{box-shadow:0 8px 30px #64c8ff66;border-color:#64c8ff80}.map-control-panel.docked{position:absolute;top:0;right:0;bottom:0;border-radius:0;border-right:none;border-top:none;border-bottom:none;overflow-y:auto;min-width:220px;transform:none!important}.map-control-panel.minimized{gap:0;padding:10px 12px}.control-panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:8px}.map-control-panel.minimized .control-panel-header{border-bottom:none;padding-bottom:0}.control-panel-header-buttons{display:flex;gap:4px}.control-panel-header h3{margin:0;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.minimize-button{background:#64c8ff33;border:1px solid rgba(100,200,255,.3);border-radius:4px;color:#64c8ff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease;flex-shrink:0}.minimize-button:hover{background:#64c8ff4d;border-color:#64c8ff80;transform:scale(1.05)}.sliders-container{display:flex;gap:12px;justify-content:center}.control-section{display:flex;flex-direction:column;gap:8px}.control-section h4{margin:0 0 2px;color:#ffffffb3;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.control-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px;border-radius:6px;transition:background-color .2s ease}.control-checkbox:hover{background-color:#ffffff0d}.control-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#64c8ff}.checkbox-label{display:flex;align-items:center;gap:6px;color:#fff;font-size:12px;font-weight:500;-webkit-user-select:none;user-select:none}.team-indicator{width:14px;height:14px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 1px 3px #0000004d}.team-indicator.allies{background-color:#3b82f6}.team-indicator.axis{background-color:#ef4444}.zoom-control{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0}.zoom-slider-labels{display:flex;flex-direction:column;gap:4px;align-items:center;margin-bottom:-4px}.zoom-label{color:#fff9;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.zoom-slider{-webkit-appearance:slider-vertical;appearance:slider-vertical;width:8px;height:200px;background:linear-gradient(to top,#64c8ff4d,#64c8ff99);border-radius:4px;outline:none;cursor:pointer;writing-mode:bt-lr}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#64c8ff;border:2px solid rgba(255,255,255,.9);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.zoom-slider::-webkit-slider-thumb:hover{background:#7dd3ff;transform:scale(1.15);box-shadow:0 3px 10px #64c8ff80}.zoom-slider::-webkit-slider-thumb:active{background:#50b8f0;transform:scale(1.05)}.zoom-slider::-moz-range-thumb{width:20px;height:20px;background:#64c8ff;border:2px solid rgba(255,255,255,.9);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.zoom-slider::-moz-range-thumb:hover{background:#7dd3ff;transform:scale(1.15);box-shadow:0 3px 10px #64c8ff80}.zoom-slider::-moz-range-thumb:active{background:#50b8f0;transform:scale(1.05)}.zoom-slider::-moz-range-track{background:linear-gradient(to top,#64c8ff4d,#64c8ff99);border-radius:4px}.zoom-value{color:#64c8ff;font-size:12px;font-weight:600;text-align:center;min-width:40px;padding:2px 6px;background:#64c8ff26;border-radius:4px;border:1px solid rgba(100,200,255,.3)}.reset-button{width:100%;padding:8px 12px;background:#64c8ff33;border:1px solid rgba(100,200,255,.4);border-radius:6px;color:#64c8ff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.reset-button:hover{background:#64c8ff4d;border-color:#64c8ff99;color:#7dd3ff;transform:translateY(-1px);box-shadow:0 2px 8px #64c8ff4d}.reset-button:active{transform:translateY(0);background:#64c8ff40}.map-legend-inline{border-top:1px solid rgba(255,255,255,.15);padding-top:8px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.legend-title{margin:0;color:#ffffffb3;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.legend-items{display:flex;justify-content:center;gap:1rem}.map-legend-inline .legend-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#fff}.map-legend-inline .legend-dot{width:10px;height:10px;border-radius:50%;border:2px solid #ffffff}.map-legend-inline .legend-dot.allies{background-color:#3b82f6}.map-legend-inline .legend-dot.axis{background-color:#ef4444}@media (max-width: 768px){.map-header{flex-direction:column;gap:.5rem;align-items:flex-start}.map-status{gap:.5rem}.map-legend{top:.5rem;right:.5rem;padding:.5rem}.player-dot{width:10px;height:10px}.player-role-icon{width:8px;height:8px}.player-name-tag{font-size:4px;padding:1px 4px}.player-label{font-size:5px;padding:2px 4px}.player-label-body{font-size:5px;gap:1px 4px}}.kill-lines-container{position:absolute;pointer-events:none;z-index:1}.kill-line{stroke:red!important;stroke-width:1!important;opacity:1!important;animation:none!important}@keyframes killLineFade{0%{opacity:0;stroke-width:4}20%{opacity:.8;stroke-width:3}to{opacity:.3;stroke-width:2}}.kill-line:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle,rgba(255,0,0,.3) 0%,transparent 70%);border-radius:50%;animation:killLineGlow 1s ease-out}@keyframes killLineGlow{0%{opacity:.8;transform:scale(.5)}50%{opacity:.4;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.death-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red!important;font-size:12px!important;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:10;pointer-events:none;animation:fadeInOut 2s ease-in-out infinite!important;opacity:.8!important}@keyframes deathOverlayFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}80%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:.6;transform:translate(-50%,-50%) scale(1)}}.death-overlay:before{content:"";position:absolute;inset:-4px;background:radial-gradient(circle,rgba(255,0,0,.4) 0%,transparent 70%);border-radius:50%;animation:deathOverlayGlow 2s ease-out;z-index:-1}@keyframes deathOverlayGlow{0%{opacity:.8;transform:scale(.3)}50%{opacity:.6;transform:scale(1.5)}to{opacity:.2;transform:scale(2)}}.spawn-marker{position:absolute;pointer-events:auto;z-index:15}.spawn-marker-icon{display:inline-block;border-radius:4px;padding:2px;transition:all .2s ease;background-color:transparent}.spawn-marker-icon[data-team=Allies]{background-color:#4a90e2;box-shadow:0 0 8px #4a90e280}.spawn-marker-icon[data-team=Axis]{background-color:#e24a4a;box-shadow:0 0 8px #e24a4a80}.spawn-marker-icon[data-spawn-type=hq]{background-color:#fff!important;border:1px solid #000000;box-shadow:0 0 8px #00000080}.spawn-marker-icon[data-spawn-type=garrison]{border:1px solid #000000}.spawn-marker-icon[data-spawn-type=outpost]{border:1px solid}.spawn-marker-icon img{display:block;border-radius:2px}.spawn-unit-label{position:absolute;top:-4px;left:50%;transform:translate(-50%);background-color:#000000d9;color:#fff;padding:0 2px;border-radius:1px;font-size:4px;white-space:nowrap;pointer-events:none;z-index:6}@keyframes spawnGlow{0%{filter:drop-shadow(0 0 6px #ffd700) brightness(1.2)}to{filter:drop-shadow(0 0 12px #ffd700) brightness(1.4)}}.spawn-tooltip{opacity:0}.spawn-marker:hover .spawn-tooltip{opacity:1}.spawn-marker:hover .spawn-marker-icon{transform:scale(1.2);transition:transform .2s ease}.spawn-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}.sp-toggle-all{display:flex;gap:4px;margin-bottom:4px}.sp-toggle-btn{padding:2px 8px;font-size:10px;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0d;color:#fffc;cursor:pointer;transition:background-color .2s}.sp-toggle-btn:hover{background:#ffffff26}.sp-list{max-height:200px;overflow-y:auto}.sp-checkbox{padding:3px 6px}.sp-checkbox .checkbox-label{font-size:11px}.sp-unlocked{background:#ffaa004d!important;border-color:#fa0!important;color:#fc0!important}.sp-reset-btn{color:#ff6464cc!important;border-color:#ff64644d!important}.sp-reset-btn:hover{background:#ff646426!important}.sp-saved{color:#64ff64cc!important;border-color:#64ff644d!important}.sp-unlock-hint{font-size:10px;color:#fc0;padding:4px 0;line-height:1.3}.player-action-btns{display:flex;gap:3px;margin-top:3px}.player-action-btn{display:flex;align-items:center;justify-content:center;padding:2px 4px;border-radius:3px;cursor:pointer;transition:background .15s;border:1px solid}.player-action-btn svg{flex-shrink:0}.player-action-msg{background:#64c8ff26;border-color:#64c8ff4d;color:#64c8ff}.player-action-msg:hover{background:#64c8ff59}.player-action-punish{background:#ffb43226;border-color:#ffb4324d;color:#ffb432}.player-action-punish:hover{background:#ffb43259}.player-action-kick{background:#ff505026;border-color:#ff50504d;color:#ff5050}.player-action-kick:hover{background:#ff505059}.message-dialog-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.message-dialog{background:#1e1e1e;border:1px solid #444;border-radius:8px;min-width:300px;max-width:380px;box-shadow:0 8px 32px #0009}.message-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #333;color:#fff;font-size:13px;font-weight:600}.message-dialog-close{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.message-dialog-close:hover{color:#fff}.message-dialog-body{display:flex;gap:8px;padding:12px 14px}.message-dialog-sent{color:#4ade80;font-size:13px;font-weight:600;justify-content:center}.message-dialog-input{flex:1;padding:8px 10px;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:13px;outline:none}.message-dialog-input:focus{border-color:#64c8ff}.message-dialog-input:disabled{opacity:.5}.message-dialog-send{padding:8px 16px;background:#3b82f6;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.message-dialog-send:hover:not(:disabled){background:#2563eb}.message-dialog-send:disabled{opacity:.4;cursor:not-allowed}.confirm-action-body{flex-direction:column;gap:12px}.confirm-action-text{color:#ccc;font-size:13px}.confirm-action-btns{display:flex;gap:8px;justify-content:flex-end}.confirm-action-cancel{padding:6px 14px;background:#333;border:1px solid #555;border-radius:4px;color:#ccc;font-size:12px;cursor:pointer}.confirm-action-cancel:hover{background:#444}.confirm-action-confirm{padding:6px 14px;border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.confirm-action-confirm:disabled{opacity:.4;cursor:not-allowed}.confirm-action-punish{background:#d97706}.confirm-action-punish:hover:not(:disabled){background:#b45309}.confirm-action-kick{background:#dc2626}.confirm-action-kick:hover:not(:disabled){background:#b91c1c}.timeline{display:flex;align-items:center;gap:1rem;height:100%;background-color:#2d2d2d;padding:0 1rem}.timeline-info{display:flex;flex-direction:column;min-width:200px}.match-info{display:flex;flex-direction:column;gap:.25rem}.match-name{font-size:.9rem;font-weight:600;color:#fff;text-transform:capitalize}.match-time{font-size:.75rem;color:#9ca3af}.timeline-controls{display:flex;align-items:center;gap:.5rem}.speed-controls{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid #404040}.control-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#404040;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s ease}.control-button:hover:not(:disabled){background-color:#525252}.control-button:disabled{opacity:.5;cursor:not-allowed}.speed-button{width:28px!important;height:28px!important;font-size:.7rem;font-weight:600;background-color:#404040;color:#fff;display:flex;align-items:center;justify-content:center;gap:2px;padding:.5rem}.speed-button:hover:not(:disabled){background-color:#525252}.speed-button.active{background-color:#3b82f6;color:#fff}.speed-button.active:hover{background-color:#2563eb}.play-button{background-color:#3b82f6}.play-button:hover:not(:disabled){background-color:#2563eb}.go-live-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem!important;width:auto!important;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;margin-left:.5rem;border-radius:6px;transition:all .3s ease}.go-live-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.pulse-icon{animation:pulse-live 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.timeline-slider{flex:1;display:flex;align-items:center;gap:1rem}.time-display{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;min-width:100px}.current-time{color:#fff}.separator{color:#6b7280}.total-time{color:#9ca3af}.slider-container{flex:1;position:relative;height:20px;display:flex;align-items:center}.slider{width:100%;height:4px;background:transparent;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;position:relative;z-index:2}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:#2563eb}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0003;transition:all .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.1);background:#2563eb}.slider:disabled{cursor:not-allowed;opacity:.5}.slider:disabled::-webkit-slider-thumb{cursor:not-allowed;background:#6b7280}.slider:disabled::-moz-range-thumb{cursor:not-allowed;background:#6b7280}.slider-track{position:absolute;top:50%;left:0;right:0;height:4px;background-color:#404040;border-radius:2px;transform:translateY(-50%);z-index:1}.slider-progress{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;transition:width .1s ease}.timeline-status{min-width:80px;text-align:right}.status{padding:.25rem .5rem;border-radius:3px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status.live{background-color:#22c55e33;color:#22c55e}.status.historical{background-color:#6b728033;color:#9ca3af}@media (max-width: 768px){.timeline{flex-direction:column;gap:.5rem;height:auto;padding:1rem}.timeline-info{min-width:auto;width:100%}.timeline-controls{order:2}.timeline-slider{order:1;flex-direction:column;gap:.5rem}.time-display{min-width:auto;justify-content:center}.timeline-status{min-width:auto;text-align:center}}.sp-editor{display:flex;flex-direction:column;height:100vh;background:#1a1a2e}.sp-editor-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0006;border-bottom:1px solid rgba(255,255,255,.1)}.sp-editor-select{padding:6px 12px;font-size:14px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;min-width:250px}.sp-editor-select option{background:#1a1a2e;color:#fff}.sp-editor-exit{padding:6px 16px;font-size:13px;background:#ff646433;color:#ff6464e6;border:1px solid rgba(255,100,100,.3);border-radius:4px;cursor:pointer;margin-left:auto}.sp-editor-exit:hover{background:#ff64644d}.sp-editor-map{flex:1;overflow:hidden}.login-required{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#1a1a1a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-required-card{text-align:center;padding:3rem;background-color:#2d2d2d;border:1px solid #404040;border-radius:8px;max-width:480px}.login-required-card h1{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.login-required-card p{margin:0 0 2rem;color:#b0b0b0;line-height:1.5}.login-required-retry{padding:.6rem 2rem;background-color:#4a7c59;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.login-required-retry:hover{background-color:#5a9c6a}.app{display:flex;flex-direction:column;height:100vh;background-color:#1a1a1a;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#2d2d2d;border-bottom:1px solid #404040;box-shadow:0 2px 4px #0000004d}.app-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.header-controls{display:flex;align-items:center;gap:1.5rem}.github-link{color:#999;transition:color .2s;display:flex;align-items:center}.github-link:hover{color:#fff}.server-selector-container{position:relative;display:flex;align-items:center}.server-selector-container:before{content:"🌐";position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;z-index:1;pointer-events:none}.server-selector-container .server-selector{padding-left:2.5rem}.server-selector{padding:.55rem 2.5rem .55rem 1rem;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);color:#fff;border:2px solid #404040;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:180px;position:relative;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff1a}.server-selector:hover{border-color:#5a5a5a;background:linear-gradient(135deg,#3a3a3a,#2a2a2a);box-shadow:0 4px 8px #0003,inset 0 1px #ffffff26;transform:translateY(-1px)}.server-selector:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff33,0 4px 12px #0000004d;background:linear-gradient(135deg,#3a3a3a,#2a2a2a)}.server-selector:active{transform:translateY(0);box-shadow:0 2px 4px #0003,inset 0 1px #ffffff1a}.sp-editor-btn{padding:.45rem 1rem;background:#00aaff26;color:#00aaffe6;border:1px solid rgba(0,170,255,.3);border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.sp-editor-btn:hover{background:#00aaff40;border-color:#00aaff80}.server-selector option{background-color:#2a2a2a;color:#fff;padding:.75rem 1rem;font-weight:500}.server-selector option:hover{background-color:#3a3a3a}.server-selector option:checked{background-color:#4a9eff;color:#fff}.server-selector-loading{display:flex;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:2px solid #404040;border-radius:8px;color:#888;font-size:.95rem;font-weight:500;min-width:180px;position:relative}.server-selector-loading:before{content:"";display:inline-block;width:1rem;height:1rem;border:2px solid #444;border-top:2px solid #4a9eff;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-content{display:flex;flex:1;overflow:hidden}.sidebar{width:300px;background-color:#252525;border-right:1px solid #404040;overflow-y:auto}.main-content{flex:1;display:flex;flex-direction:column}.map-container{flex:1;position:relative;background-color:#1a1a1a}.timeline-container{height:80px;background-color:#2d2d2d;border-top:1px solid #404040;padding:1rem}@media (max-width: 768px){.app-content{flex-direction:column}.sidebar{width:100%;height:200px}.main-content{height:calc(100vh - 260px)}}.loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.1rem;color:#888}.error{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.1rem;color:#ff6b6b;text-align:center;padding:2rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-between{justify-content:space-between}.p-4{padding:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.map-placeholder,.timeline-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background-color:#2d2d2d;border:2px dashed #525252;color:#9ca3af;text-align:center;padding:2rem}.map-placeholder h2{margin-bottom:1rem;color:#fff}.timeline-placeholder{height:80px;padding:1rem}