*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Roboto,Arial,sans-serif}:root{--bg: #050506;--bg-panel: #0e0f11;--bg-panel-alt: #131417;--border: #232428;--border-accent: #7a1d0f;--text: #e8e9eb;--text-muted: #8a8d93;--orange: #ff6a1a;--green: #22c55e;--green-dim: #1f6b3c;--red: #ef4444;--blue: #3b82f6;--horde: #ef4444;--alliance: #3b82f6}body{background-color:var(--bg);color:var(--text);line-height:1.6}a{color:var(--text);text-decoration:none;transition:color .15s ease}a:hover{color:var(--orange)}.navbar{display:flex;align-items:center;gap:1.75rem;background:var(--bg);padding:.9rem 2rem;border-bottom:2px solid var(--border-accent)}.navbar .brand{font-size:1.15rem;font-weight:800;letter-spacing:.06em;color:var(--orange);margin-right:.5rem}.navbar a{font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);transition:color .15s ease}.navbar a:hover{color:var(--text)}.navbar a.active{color:var(--green)}.page-eyebrow{color:var(--orange);text-transform:uppercase}.page-title{font-size:1.9rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-bottom:1.25rem}.page-title .page-eyebrow{font-size:inherit;font-weight:inherit}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:.5rem;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{padding:.65rem 1rem;text-align:left}th{background:var(--bg-panel-alt);color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--text)}tbody tr{border-bottom:1px solid var(--border)}tbody tr:hover{background:var(--bg-panel-alt)}td.rank{color:var(--orange);font-weight:700}td.win{color:var(--green)}td.loss{color:var(--red)}button{background:var(--bg-panel-alt);color:var(--text);border:1px solid var(--border);padding:.6rem 1.2rem;border-radius:.4rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}button:hover{border-color:var(--orange)}input[type=text],input[type=search]{background:var(--bg-panel-alt);border:1px solid var(--border);color:var(--text);padding:.55rem .9rem;border-radius:.4rem;font-size:.9rem}input[type=text]:focus,input[type=search]:focus{outline:none;border-color:var(--orange)}.faction-horde{color:var(--horde)}.faction-alliance{color:var(--alliance)}.empty-state{padding:2.5rem 1rem;text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.toolbar{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.meta{color:var(--text-muted);font-size:.85rem;margin-bottom:.75rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.25rem}.pagination button{min-width:2.25rem;padding:.45rem .7rem}.pagination button:disabled{opacity:.4;cursor:default}.pagination button:disabled:hover{border-color:var(--border)}.page-indicator{color:var(--text-muted);font-size:.85rem;min-width:4rem;text-align:center}