@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&family=Courier+Prime:wght@400;700&display=swap";:root{--color-bg:#f5f2eb;--color-bg-alt:#edeade;--color-surface:#e8e4d9;--color-green:#1a6b3a;--color-green-mid:#2d8c50;--color-green-light:#4caf70;--color-green-pale:#c8e6c9;--color-black:#0d0d0d;--color-ink:#1a1a1a;--color-muted:#5a5a4a;--color-border:#0d0d0d;--color-danger:#c0392b;--color-warning:#d4a017;--color-white:#fff;--border-thin:2px solid var(--color-border);--border-thick:4px solid var(--color-border);--border-brutal:6px solid var(--color-border);--shadow-sm:4px 4px 0px var(--color-black);--shadow-md:6px 6px 0px var(--color-black);--shadow-lg:8px 8px 0px var(--color-black);--shadow-green:6px 6px 0px var(--color-green);--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--font-display:"Space Mono", monospace;--font-body:"IBM Plex Mono", monospace;--font-ui:"Courier Prime", monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--font-size-3xl:48px;--transition-fast:80ms ease;--transition-mid:.15s ease;--sidebar-width:260px;--navbar-height:60px}[data-theme=dark]{--color-bg:#0d0d0d;--color-bg-alt:#181818;--color-surface:#222;--color-ink:#f5f2eb;--color-muted:#9a9a8a;--color-border:#f5f2eb;--color-black:#f5f2eb;--color-white:#0d0d0d;--border-thin:2px solid var(--color-border);--border-thick:4px solid var(--color-border);--border-brutal:6px solid var(--color-border);--shadow-sm:4px 4px 0px #f5f2eb66;--shadow-md:6px 6px 0px #f5f2eb66;--shadow-lg:8px 8px 0px #f5f2eb66;--shadow-green:6px 6px 0px var(--color-green);--color-hover-bg:#f5f2eb;--color-hover-text:#0d0d0d;--color-table-stripe:#1e1e1e;--color-table-hover:#1a3a28}:root{--color-hover-bg:#0d0d0d;--color-hover-text:#f5f2eb;--color-table-stripe:var(--color-surface);--color-table-hover:var(--color-green-pale)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-ink);min-height:100vh;transition:background-color var(--transition-mid), color var(--transition-mid);line-height:1.6}#root{min-height:100vh}a{color:var(--color-green);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink);font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-ink);border:2px solid var(--color-bg-alt)}::-webkit-scrollbar-thumb:hover{background:var(--color-green)}.brutal-toast{font-family:var(--font-display)!important;font-size:var(--font-size-xs)!important;text-transform:uppercase!important;letter-spacing:.08em!important;border:var(--border-thick)!important;box-shadow:var(--shadow-md)!important;background:var(--color-bg)!important;color:var(--color-ink)!important;border-radius:0!important}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.08em;border:var(--border-brutal);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;border-radius:0;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-green);color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:none;color:var(--color-white);text-decoration:none;transform:translate(4px,4px)}.btn-secondary{color:var(--color-ink);box-shadow:var(--shadow-md);background:0 0}.btn-secondary:hover{background:var(--color-hover-bg);color:var(--color-hover-text);box-shadow:none;transform:translate(4px,4px)}.btn-danger{background:var(--color-danger);color:var(--color-white);box-shadow:6px 6px #7a1e1e}.btn-danger:hover{box-shadow:none;transform:translate(4px,4px)}.btn-ghost{color:var(--color-ink);border:var(--border-thin);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--color-hover-bg);color:var(--color-hover-text)}.btn-sm{font-size:var(--font-size-xs);padding:6px 12px}.btn-lg{font-size:var(--font-size-md);padding:14px 28px}.btn:disabled{background:var(--color-muted);color:var(--color-bg);cursor:not-allowed;box-shadow:none;border-color:var(--color-muted);transform:none}[data-theme=dark] .btn:disabled{color:#0d0d0d}.brutal-input{border:var(--border-thick);background:var(--color-bg);font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-ink);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:0;outline:none;padding:10px 12px}.brutal-input:focus{border-color:var(--color-green);box-shadow:var(--shadow-green)}.brutal-input.error{border-color:var(--color-danger);box-shadow:4px 4px 0px var(--color-danger)}.brutal-input::placeholder{color:var(--color-muted);font-family:var(--font-ui)}.brutal-select{border:var(--border-thick);background:var(--color-bg);font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-ink);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230D0D0D' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:0;outline:none;padding:10px 36px 10px 12px}[data-theme=dark] .brutal-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23F5F2EB' stroke-width='2' fill='none'/%3E%3C/svg%3E")}.brutal-select:focus{border-color:var(--color-green);box-shadow:var(--shadow-green)}.brutal-card{background:var(--color-bg-alt);border:var(--border-brutal);box-shadow:var(--shadow-lg);padding:var(--space-4);position:relative;overflow:hidden}.brutal-card:before{content:"";background:var(--color-green);width:6px;height:100%;position:absolute;top:0;left:0}.stat-card{background:var(--color-bg-alt);border:var(--border-brutal);box-shadow:var(--shadow-lg);padding:var(--space-4);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--color-green);width:6px;height:100%;position:absolute;top:0;left:0}.stat-card .stat-label{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);margin-bottom:var(--space-2);padding-left:var(--space-3)}.stat-card .stat-value{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--color-ink);padding-left:var(--space-3);font-weight:700;line-height:1.1}.stat-card .stat-sub{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-muted);padding-left:var(--space-3);margin-top:var(--space-1)}.stat-card .stat-icon{top:var(--space-4);right:var(--space-4);color:var(--color-green-pale);position:absolute}.brutal-table-wrapper{border:var(--border-brutal);box-shadow:var(--shadow-lg);overflow-x:auto}.brutal-table{border-collapse:collapse;background:var(--color-bg);width:100%}.brutal-table th{background:var(--color-black);color:var(--color-bg);font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;text-align:left;white-space:nowrap;border-right:2px solid #3a3a3a;padding:12px 16px}.brutal-table th:last-child{border-right:none}.brutal-table td{font-family:var(--font-ui);font-size:var(--font-size-sm);border-bottom:var(--border-thin);border-right:var(--border-thin);color:var(--color-ink);padding:10px 16px}.brutal-table td:last-child{border-right:none}.brutal-table tr:nth-child(2n) td{background:var(--color-table-stripe)}.brutal-table tr:hover td{background:var(--color-table-hover);color:var(--color-ink)}.badge{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;border:2px solid;border-radius:0;align-items:center;padding:2px 8px;font-weight:700;display:inline-flex}.badge-green{background:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.badge-black{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.badge-danger{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.badge-warning{background:var(--color-warning);color:var(--color-black);border-color:var(--color-warning)}.badge-outline{color:var(--color-ink);border-color:var(--color-ink);background:0 0}.badge-pale{background:var(--color-green-pale);color:var(--color-green);border-color:var(--color-green)}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-bg-alt) 50%, var(--color-surface) 75%);border:var(--border-thin);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{z-index:1000;padding:var(--space-4);background:#0d0d0dbf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-bg);border:var(--border-brutal);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--space-4);border-bottom:var(--border-thick);background:var(--color-black);color:var(--color-bg);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-family:var(--font-display);font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:.08em;color:var(--color-bg)}.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-4);border-top:var(--border-thick);gap:var(--space-3);justify-content:flex-end;display:flex}.page-header{padding-bottom:var(--space-4);border-bottom:var(--border-brutal);margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header h1{font-size:var(--font-size-2xl);letter-spacing:.06em}.page-header .page-count{font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-muted);border:var(--border-thin);padding:4px 10px}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-ink);font-weight:700}.form-error{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-danger);border-left:3px solid var(--color-danger);margin-top:2px;padding-left:8px}.pagination{align-items:center;gap:var(--space-2);padding:var(--space-4) 0;font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;display:flex}.pagination-btn{border:var(--border-thick);background:var(--color-bg);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);padding:6px 12px}.pagination-btn:hover:not(:disabled){background:var(--color-hover-bg);color:var(--color-hover-text);box-shadow:none;transform:translate(2px,2px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pagination-btn.active{background:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.pagination-info{color:var(--color-muted);font-size:var(--font-size-xs)}.empty-state,.error-state{text-align:center;padding:var(--space-8) var(--space-4);border:var(--border-thick);background:var(--color-bg-alt)}.empty-state .empty-icon,.error-state .error-icon{margin-bottom:var(--space-4);font-size:64px;display:block}.empty-state h3,.error-state h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.empty-state p,.error-state p{color:var(--color-muted);font-family:var(--font-ui);font-size:var(--font-size-sm)}.health-dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.health-dot.online{background:var(--color-green-light);box-shadow:0 0 6px var(--color-green-light)}.health-dot.offline{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.health-dot.checking{background:var(--color-warning)}.section-divider{border:none;border-top:var(--border-brutal);margin:var(--space-6) 0}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.charts-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:1fr 2fr;display:grid}@media (width<=1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (width<=768px){.stats-grid{grid-template-columns:1fr}}.filter-bar{gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-alt);border:var(--border-thick);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;display:flex}.player-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{background:#2a2a2a}.chart-container{background:var(--color-bg-alt);border:var(--border-brutal);box-shadow:var(--shadow-md);padding:var(--space-4)}.chart-title{font-family:var(--font-display);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-thin)}.dashboard-main-content{flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .15s;display:flex}.dashboard-main-area{padding:var(--space-5);flex:1;overflow-y:auto}@media (width<=1024px){.dashboard-main-content{margin-left:0!important}}@media (width<=768px){.hide-on-mobile{display:none!important}.dashboard-main-area,.modal-header,.modal-body,.modal-footer{padding:var(--space-3)!important}}.match-detail-grid{gap:var(--space-6);grid-template-columns:1fr 340px;align-items:start;display:grid}@media (width<=1024px){.match-detail-grid{grid-template-columns:1fr}}.sidebar{width:var(--sidebar-width);background:var(--color-bg-alt);border-right:var(--border-brutal);height:100vh;top:0;left:calc(-1 * var(--sidebar-width));z-index:100;flex-direction:column;transition:left .15s;display:flex;position:fixed;overflow-y:auto}.sidebar.open{left:0}@media (width<=768px){.sidebar{width:var(--sidebar-width);height:auto;max-height:calc(100vh - var(--navbar-height));border-bottom:var(--border-brutal);border-right:var(--border-brutal);z-index:40;transition:top .25s;top:-100vh;left:0}.sidebar.open{top:var(--navbar-height)}}.leaderboard-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1024px){.leaderboard-grid{grid-template-columns:1fr}}