*,::after,::before{box-sizing:border-box;margin:0;padding:0}#app,body{height:100vh}body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;background:#0b0e14;color:#d0d4dc;overflow:hidden}#app{display:flex;flex-direction:column}#topbar{display:flex;align-items:center;gap:20px;padding:12px 24px;background:#141820;border-bottom:1px solid #1e2636;flex-shrink:0}#topbar h1{font-size:18px;font-weight:600}#topbar h1 a,#topbar nav a{color:#8ba4c4;text-decoration:none}#topbar nav{display:flex;gap:4px}#topbar nav a{color:#607090;font-size:13px;padding:4px 8px;border-radius:4px;transition:all .15s}#topbar nav a.active,#topbar nav a:hover{color:#c4d0e4;background:#1a2030}.spacer{flex:1}#rankings-main{flex:1;overflow-y:auto;padding:24px}.rankings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rankings-header h2{font-size:20px;font-weight:600;color:#8ba4c4}#search{background:#141820;border:1px solid #2a3448;color:#d0d4dc;padding:7px 14px;border-radius:5px;font-size:13px;width:220px;outline:0;transition:border-color .15s}#search:focus{border-color:#3a6abf}#search::placeholder{color:#4a5568}.table-wrap{border:1px solid #1e2636;border-radius:8px;overflow:hidden}#rankings-table{width:100%;border-collapse:collapse;font-size:13px}#rankings-table thead{background:#141820;position:sticky;top:0;z-index:1}#rankings-table th{padding:10px 14px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #1e2636;user-select:none}#rankings-table th.sortable{cursor:pointer}#rankings-table th.sortable:hover{color:#8ba4c4}#rankings-table th.active{color:#c4d0e4}#rankings-table th.active.asc::after{content:" ▲";font-size:9px}#rankings-table th.active.desc::after{content:" ▼";font-size:9px}#rankings-table td{padding:10px 14px;border-bottom:1px solid #111620}#rankings-table tbody tr{transition:background .1s}#rankings-table tbody tr:hover{background:#141820}.col-rank{width:50px;text-align:center}.col-games,.col-losses,.col-rating,.col-winrate,.col-wins{width:90px;text-align:right}.col-name{min-width:160px}#rankings-table th,td.col-rank{color:#607090;font-weight:600}td.col-name{color:#c4d0e4;font-weight:500}td.col-rating{color:#f0c848;font-weight:600}.rank-1 td.col-rank{color:#f0c848}.rank-2 td.col-rank{color:#b0b8c8}.rank-3 td.col-rank{color:#c8885c}.loading,.no-results{text-align:center;color:#607090;padding:40px!important}.no-results{color:#4a5568}