:root{color-scheme:dark;--bg: #0a0d13;--bg-2: #0f131b;--panel: #151a23;--panel-2: #1b2230;--line: #242c3a;--text: #e8ebf1;--muted: #8a94a6;--accent: #ff5d2e;--accent-soft: #ff5d2e22;--speed: #36c5f0;--tech: #ffb020;--ok: #3ad07a;--down: #ff5d6c;--radius: 12px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#11161f 0%,var(--bg) 60%);min-height:100vh;color:var(--text);font-family:var(--sans);line-height:1.5}.wrap{max-width:760px;margin:0 auto;padding:1.25rem 1.1rem 5rem}h1{font-size:1.4rem;font-weight:700;margin:0;letter-spacing:-.01em}h2{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .85rem}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.appbar{display:flex;align-items:center;gap:.6rem;max-width:760px;margin:0 auto;padding:1rem 1.1rem 0}.appbar .brand{font-weight:800;letter-spacing:-.02em}.appbar .spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--mono);font-size:.85rem;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem}.chip b{color:var(--text);font-weight:700}.tabs{display:flex;gap:.4rem;max-width:760px;margin:.9rem auto 0;padding:0 1.1rem}.tabs button{flex:0 0 auto;background:transparent;border:1px solid var(--line);color:var(--muted);padding:.45rem .95rem;border-radius:999px;cursor:pointer;font:inherit;font-size:.9rem;transition:.14s ease}.tabs button:hover{color:var(--text)}.tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.panel{background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;margin-bottom:1rem}button.primary{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:.7rem 1.15rem;font:inherit;font-weight:700;cursor:pointer;transition:.12s ease;width:100%}button.primary:hover{filter:brightness(1.08)}button.primary:active{transform:translateY(1px)}button.primary:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:.4rem .75rem;font:inherit;cursor:pointer}button.ghost:hover{color:var(--text)}label{display:block;font-size:.9rem;color:var(--text);margin:.9rem 0 0}label .lever-val{float:right;font-family:var(--mono);color:var(--accent)}.lever-help{font-size:.78rem;color:var(--muted);margin:.15rem 0 .4rem}input[type=range]{width:100%;accent-color:var(--accent);margin:.35rem 0 0}input[type=number],select,input[type=text],input[type=password]{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem;font:inherit;width:100%}.field-row{display:flex;gap:.8rem}.field-row>div{flex:1}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}@media(max-width:560px){.track-grid{grid-template-columns:1fr}}.track-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.8rem;cursor:pointer;transition:.13s ease;color:var(--text)}.track-card:hover{border-color:var(--muted)}.track-card.selected{border-color:var(--accent);background:var(--accent-soft)}.track-card .tname{font-weight:700;font-size:.95rem}.track-card .tlaps{font-size:.75rem;color:var(--muted);font-family:var(--mono)}.bar{height:6px;border-radius:999px;background:var(--line);margin-top:.45rem;overflow:hidden}.bar>span{display:block;height:100%}.bar.speed>span{background:var(--speed)}.bar.tech>span{background:var(--tech)}.bar-label{display:flex;justify-content:space-between;font-size:.68rem;color:var(--muted);margin-top:.3rem}.hint{font-size:.82rem;color:var(--muted);margin:.7rem 0 0;padding:.55rem .7rem;background:var(--bg);border-left:2px solid var(--accent);border-radius:6px}.result-banner{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.6rem}.result-banner .place{font-family:var(--mono);font-size:2rem;font-weight:800}.result-banner .place.win{color:var(--accent)}.result-banner .sub{color:var(--muted);font-size:.85rem}.deltas{display:flex;gap:.5rem;flex-wrap:wrap;margin:.4rem 0 .8rem}.delta{font-family:var(--mono);font-size:.85rem;border:1px solid var(--line);border-radius:8px;padding:.3rem .6rem}.delta.up{color:var(--ok)}.delta.down{color:var(--down)}.rows{display:flex;flex-direction:column}.row-item{display:grid;grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.5rem .4rem;border-bottom:1px solid var(--line)}.row-item .pos{font-family:var(--mono);color:var(--muted)}.row-item .gap{font-family:var(--mono);color:var(--muted);font-size:.82rem}.row-item.you{background:var(--accent-soft);border-radius:8px}.row-item.you .name{color:var(--accent);font-weight:700}.login{max-width:360px;margin:4rem auto}.login .pitch{color:var(--muted);font-size:.9rem;margin:.2rem 0 1rem}.howto{position:relative}.howto ol{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.88rem}.howto ol li{margin:.2rem 0}.howto .dismiss{position:absolute;top:.7rem;right:.8rem}.error{color:var(--down);font-size:.85rem;margin-top:.6rem}.muted{color:var(--muted)}.fade-in{animation:fade .2s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}