@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#fafafa;background:#09090b;font-synthesis:none;--background: #09090b;--foreground: #fafafa;--card: #18181b;--card-foreground: #fafafa;--border: #27272a;--input: #27272a;--primary: #fafafa;--primary-foreground: #18181b;--secondary: #27272a;--secondary-foreground: #fafafa;--accent: #27272a;--accent-foreground: #fafafa;--muted: #a1a1aa;--destructive: #ef4444;--ring: #71717a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#27272a 0,#09090b 38rem)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.muted{color:var(--muted)}.ui-card{border-radius:8px;border-color:var(--border);background:#18181bf0;box-shadow:0 1px 2px #00000040}.ui-card-header{padding:18px 18px 14px}.ui-card-content{padding:0 18px 18px}.ui-card-title{font-size:14px;letter-spacing:-.01em}.ui-button{min-height:36px;border-radius:6px}.ui-button-outline{border:1px solid var(--input);background:transparent;color:var(--foreground)}.ui-button-outline:hover,.ui-button-ghost:hover{background:var(--accent);color:var(--accent-foreground)}.ui-button-ghost,.ui-button-link{background:transparent;color:var(--foreground)}.ui-input{height:36px;border:1px solid var(--input);border-radius:6px;background:var(--background);color:var(--foreground)}.ui-badge{border-radius:6px;background:var(--secondary);color:var(--secondary-foreground)}.app-shell{min-height:100vh}.topbar{height:64px;padding:0 32px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#09090bd1}.brand{font-size:15px;font-weight:700;letter-spacing:-.02em}.brand span{color:var(--muted);font-weight:400}.account{display:flex;align-items:center;gap:12px}.account small{display:block;margin-top:2px;color:var(--muted);font-size:11px;text-align:right}.page{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:42px 0 72px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.eyebrow{margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}h1{font-size:30px;line-height:1.1;letter-spacing:-.04em}.subnav{display:flex;flex-wrap:wrap;gap:14px;margin-top:13px;color:var(--muted);font-size:13px}.subnav a,.back{color:#d4d4d8}.subnav a:hover,.back:hover{color:#fff}.live{color:var(--muted);font-size:12px}.dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#f87171}.dot.online{background:#4ade80}button,.filters input,.filters select{border:1px solid var(--input);border-radius:6px}button{min-height:36px;padding:0 14px;background:var(--primary);color:var(--primary-foreground);font-size:13px;font-weight:600}button:hover{background:#e4e4e7}button:disabled{cursor:not-allowed;opacity:.45}.full-width{width:100%}.filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:18px}.filters label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:500}.filters input,.filters select{width:100%;height:36px;padding:0 11px;background:var(--background);color:var(--foreground);outline:none}input:focus,select:focus,button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.card{border:1px solid var(--border);border-radius:8px;background:#18181bf0;box-shadow:0 1px 2px #00000040}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{display:grid;gap:9px;padding:16px}.stat span{font-size:12px}.stat strong{font-size:23px;letter-spacing:-.04em}.leaderboard{margin-bottom:18px}.leaderboard .card-header,.leaderboard .card-content{padding:16px}.card-header{padding:18px 18px 14px}.card-content{padding:0 18px 18px}.card-title{font-size:14px;letter-spacing:-.01em}.leaderboard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.rank-item{min-width:0;padding:11px;display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--border);border-radius:6px;background:#1f1f23;font-size:12px}.rank-item:hover,.strike-item:hover{background:#27272a}.rank-item span{color:var(--muted)}.rank-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.rank-item b{font-weight:600}.selection{display:flex;gap:9px;align-items:center;margin-bottom:10px;padding:10px 12px;border:1px solid #3f3f46;border-radius:6px;background:#1f1f23;font-size:12px}.selection strong{white-space:nowrap}.selection input{flex:1;min-width:0;height:36px;padding:0 10px;border:1px solid var(--input);border-radius:6px;background:var(--background);color:var(--foreground)}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:11px 13px;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap}th{background:#1f1f23;color:var(--muted);font-size:11px;font-weight:600}tbody tr:hover,.selected-row{background:#202023}tbody tr:last-child td{border-bottom:0}td a,.cell-button{color:#e4e4e7}td a:hover,.cell-button:hover{color:#fff;text-decoration:underline}.sort-button,.cell-button{min-height:auto;padding:0;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit}.sort-button{display:inline-flex;align-items:center;gap:4px}.check-cell{width:28px;padding-right:0}.check-cell input{accent-color:#fafafa}td .rounded-md{margin-left:7px}.appended{display:block;max-width:240px;margin-top:5px;padding:4px 7px;overflow:hidden;border-radius:4px;background:#27272a;color:#d4d4d8;text-overflow:ellipsis;white-space:nowrap}.empty{padding:36px;color:var(--muted);text-align:center}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.pagination button{min-width:90px}.back{display:inline-flex;align-items:center;gap:7px;margin-bottom:25px;color:var(--muted);font-size:13px}.strike-list{display:grid;gap:8px}.strike-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:6px;background:#1f1f23;font-size:13px}.strike-item span,.strike-item small{color:var(--muted)}.strike-item b{font-size:14px}.profile-heading{display:flex;align-items:center;gap:17px;margin-bottom:24px}.profile-heading img{width:76px;height:76px;image-rendering:pixelated;border:1px solid var(--border);border-radius:6px;background:#27272a}.profile-heading p{margin-top:7px;font-size:13px}.profile-table{margin-top:18px}.action-row{display:grid;grid-template-columns:120px minmax(100px,1fr) 75px;align-items:center;gap:12px;margin:12px 0;font-size:13px}.track{height:8px;overflow:hidden;border-radius:3px;background:#27272a}.track i{display:block;height:100%;min-width:3px;border-radius:inherit}.auth-layout{display:grid;place-items:center;min-height:100vh;padding:24px}.auth-card{width:min(100%,430px)}.auth-card .card-header{text-align:center}.auth-card .card-header p{margin-top:9px;font-size:14px}.auth-code{margin:21px 0 12px;color:#fafafa;font-size:35px;font-weight:700;letter-spacing:.17em;text-align:center}.auth-message{min-height:22px;margin-bottom:18px;text-align:center;font-size:13px}.auth-message.waiting{color:#facc15}.auth-message.approved{color:#4ade80}.auth-note{width:min(100%,470px);margin-top:15px;color:var(--muted);font-size:12px;line-height:1.55;text-align:center}@media(max-width:900px){.filters,.leaderboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{height:56px;padding:0 16px}.page{width:calc(100% - 28px);padding-top:28px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:20px}h1{font-size:25px}.stats{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.filters button{width:100%}.leaderboard-grid{grid-template-columns:1fr}.selection{align-items:stretch;flex-wrap:wrap}.selection input{flex-basis:100%;order:3}.selection button{flex:1}.strike-item{grid-template-columns:28px minmax(0,1fr) auto}.strike-item small{display:none}.profile-heading img{width:60px;height:60px}}.eyebrow{font-size:12px}.subnav{font-size:14px}.live{font-size:13px}button{font-size:14px}.filters label,table{font-size:13px}th{font-size:12px}
