:root{--color-bg: #101216;--color-surface: #181c23;--color-surface-2: #14171d;--color-ink: #0c0e12;--color-text: #f2f4f6;--color-divider: rgba(255, 255, 255, .14);--color-divider-soft: rgba(255, 255, 255, .08);--color-accent: oklch(.8 .14 85);--color-accent-100: oklch(.95 .05 85);--color-accent-300: oklch(.82 .14 150);--color-accent-500: oklch(.8 .14 85);--color-accent-700: oklch(.5 .1 85);--color-accent-800: oklch(.3 .07 85);--color-green-bg: oklch(.25 .05 150);--color-red: oklch(.75 .16 25);--color-red-bg: oklch(.25 .06 25);--color-rank-bg: oklch(.3 .09 25);--color-rank-fg: oklch(.85 .1 25);--color-neutral-100: #f2f4f6;--color-neutral-400: #aeb6c0;--color-neutral-500: #8a93a0;--color-neutral-600: #697180;--color-neutral-800: #2a303a;--color-neutral-900: #22262e;--font-heading: "Barlow Condensed", sans-serif;--font-body: "Barlow", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 0 0 1px rgba(255, 255, 255, .06);--shadow-md: 0 0 0 1px rgba(255, 255, 255, .09), 0 6px 18px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.1;margin:0}a{color:var(--color-accent);text-underline-offset:3px}button,input{font-family:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.text-muted{color:var(--color-neutral-500)}.text-dim{color:var(--color-neutral-600)}.brand{font:800 24px/1 var(--font-heading);letter-spacing:.5px;color:var(--color-text);text-decoration:none}.brand em{font-style:normal;color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font:800 14px var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:var(--color-text);background:transparent;border:1px solid transparent;padding:10px 18px;border-radius:var(--radius-md)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-gold{background:var(--color-accent);color:#15130c}.btn-gold:hover{background:#f8c655}.btn-outline{border-color:var(--color-divider);color:var(--color-neutral-400)}.btn-outline:hover{background:#ffffff0f}.btn-ghost{color:var(--color-accent);padding:4px 8px}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-block{width:100%}.btn-add{width:28px;height:28px;padding:0;border-radius:99px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent);color:#15130c;border:none;font:700 16px var(--font-body);cursor:pointer}.btn-add.outline{background:transparent;border:1.5px solid var(--color-accent);color:var(--color-accent);width:26px;height:26px;font-size:14px}.btn-add:disabled{opacity:.35;cursor:not-allowed}.field label{display:block;font:600 11px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-500);margin-bottom:6px}.input{width:100%;min-height:42px;padding:8px 12px;font:500 15px var(--font-body);color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input:hover{border-color:#ffffff4d}.input:focus-visible{border-color:var(--color-accent);outline:none}.card{background:var(--color-surface);border:1px solid var(--color-divider-soft);border-radius:var(--radius-md);padding:12px 14px}.row{display:flex;align-items:center;gap:12px}.kicker{font:700 11px var(--font-body);letter-spacing:1.2px;text-transform:uppercase;color:var(--color-accent)}.pos-label{font:800 12px var(--font-heading);color:var(--color-neutral-500);width:34px;flex:none;letter-spacing:.5px}.avatar{border-radius:99px;background:var(--color-neutral-800);flex:none;display:flex;align-items:center;justify-content:center;font:700 11px var(--font-body);color:var(--color-text);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:contain;padding:3px}.pill{display:inline-flex;align-items:center;gap:5px;font:700 11px var(--font-body);padding:4px 9px;border-radius:99px}.pill-gold{color:var(--color-accent);background:var(--color-accent-800)}.pill-green{color:var(--color-accent-300);background:var(--color-green-bg)}.pill-red{color:var(--color-rank-fg);background:var(--color-red-bg)}.pill-neutral{color:var(--color-neutral-500);background:#ffffff0f}.pill-outline{color:var(--color-neutral-400);border:1px solid var(--color-divider);background:transparent}.rank-chip{width:34px;height:34px;border-radius:9px;flex:none;background:var(--color-rank-bg);color:var(--color-rank-fg);display:flex;align-items:center;justify-content:center;font:800 13px var(--font-heading)}.rule{height:1px;border:0;margin:0;background:linear-gradient(to right,transparent,var(--color-divider) 48px,var(--color-divider) calc(100% - 48px),transparent)}.row-rule{background:linear-gradient(to right,transparent,var(--color-divider) 48px,var(--color-divider) calc(100% - 48px),transparent) no-repeat bottom / 100% 1px}.section-head{font:700 15px var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:#e8ebef}.shell{display:flex;flex-direction:column;min-height:100dvh}.page{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:16px 18px 90px}@media (min-width: 900px){.page{padding-bottom:32px}}.topnav{display:none;align-items:center;gap:26px;padding:14px 28px}.topnav .links{display:flex;gap:22px;margin-left:auto}.topnav a.navlink{color:var(--color-text);text-decoration:none;font:500 14px var(--font-body)}.topnav a.navlink:hover,.topnav a.navlink.active{color:var(--color-accent)}@media (min-width: 900px){.topnav{display:flex}}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;border-top:1px solid var(--color-divider-soft);background:var(--color-ink);padding:10px 8px calc(8px + env(safe-area-inset-bottom))}.tabbar a{flex:1;text-align:center;text-decoration:none;color:var(--color-neutral-600);font:600 10px var(--font-body)}.tabbar a.active{color:var(--color-accent)}.tabbar .glyph{width:20px;height:20px;margin:0 auto 4px;border:2px solid currentColor;box-sizing:border-box}@media (min-width: 900px){.tabbar{display:none}}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font:600 11px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-500);padding:8px 10px}.table td{padding:9px 10px}.table thead tr,.table tbody tr:not(:last-child){background:linear-gradient(to right,transparent,var(--color-divider) 48px,var(--color-divider) calc(100% - 48px),transparent) no-repeat bottom / 100% 1px}.table tbody tr:hover{background:linear-gradient(#ffffff0a,#ffffff0a) no-repeat 0 0 / 100% 100%,linear-gradient(to right,transparent,var(--color-divider) 48px,var(--color-divider) calc(100% - 48px),transparent) no-repeat bottom / 100% 1px}.num{text-align:right;font-variant-numeric:tabular-nums}.race-bar{height:4px;border-radius:99px;background:#ffffff14;margin-top:5px}.race-bar>div{height:4px;border-radius:99px;background:var(--color-accent)}.race-bar>div.green{background:var(--color-accent-300)}.race-bar>div.dim{background:var(--color-neutral-600)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#06080bbf;display:flex;flex-direction:column;justify-content:flex-end}.drawer{background:var(--color-surface-2);border-radius:22px 22px 0 0;border-top:1px solid rgba(255,255,255,.1);padding:10px 18px calc(18px + env(safe-area-inset-bottom));max-height:86dvh;overflow-y:auto;width:100%;max-width:560px;margin:0 auto}.drawer-handle{width:38px;height:4px;border-radius:99px;background:#fff3;margin:0 auto 14px}.statbox{flex:1;padding:10px;border-radius:11px;background:var(--color-bg);text-align:center}.statbox .v{font:800 18px var(--font-heading)}.statbox .l{font:500 9px var(--font-body);color:var(--color-neutral-600);letter-spacing:.06em}.seg{display:inline-flex;gap:6px}.seg button{font:600 10px var(--font-body);padding:4px 10px;border-radius:99px;border:1px solid var(--color-divider);color:var(--color-neutral-500);background:transparent;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.seg button.on{background:var(--color-accent);color:#15130c;border-color:var(--color-accent)}.slot-empty{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:var(--radius-md);border:1.5px dashed rgba(255,255,255,.18)}.sticky-foot{position:fixed;left:0;right:0;bottom:52px;z-index:30;border-top:1px solid var(--color-divider-soft);background:var(--color-ink);padding:12px 18px}@media (min-width: 900px){.sticky-foot{bottom:0}}.sticky-foot .inner{max-width:1180px;margin:0 auto;display:flex;gap:12px;align-items:center}.auth-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:16px;background:var(--color-surface);border:1px solid var(--color-divider-soft);border-radius:var(--radius-lg);padding:28px}.error-text{color:var(--color-red);font-size:13px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.live-dot{width:8px;height:8px;border-radius:99px;background:#f14d4c;animation:pulse 1.6s ease-in-out infinite}