:root{--bg: #070d18;--bg-grad: radial-gradient(1200px 500px at 70% -10%, #0e2547 0%, transparent 60%), var(--bg);--panel: #0e1626;--panel-2: #131e33;--line: #1d2b47;--text: #e8eefc;--muted: #8fa3c8;--accent: #38bdf8;--blue: #2563eb;--ok: #22c55e;--touch: #f59e0b;--miss: #ef4444;--live: #22d3ee;--gold: #fbbf24;--silver: #cbd5e1;--bronze: #e28743;--mono: "Cascadia Code", ui-monospace, "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:Segoe UI Variable Display,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.4}.app{max-width:1400px;margin:0 auto;padding:0 16px 40px}.header{position:sticky;top:0;z-index:30;margin:0 -16px;padding:12px 20px;background:linear-gradient(180deg,#070d18fa 60%,#070d18e0);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header-main{max-width:1364px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand[role=button]{cursor:pointer}.brand-logo{flex:none;height:auto;width:auto;display:block}.brand h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtitle{margin:0;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:14px;flex:none}.clock{font-family:var(--mono);font-size:1.25rem;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.home-btn{font:inherit;font-size:.8rem;font-weight:600;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 13px;cursor:pointer}.home-btn:hover{color:var(--text);border-color:var(--accent)}.conn{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--panel)}.conn-online{color:#4ade80;border-color:#4ade8059}.conn-connecting{color:var(--touch)}.conn-offline{color:var(--miss);border-color:#ef444466}.conn-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.marquee{margin:14px 0 0;padding:10px 16px;border-radius:10px;background:linear-gradient(90deg,#2563eb40,#2563eb14);border:1px solid rgba(56,189,248,.35);font-weight:600}.loading{display:flex;flex-direction:column;align-items:center;gap:18px;padding:90px 0;color:var(--muted)}.empty-sub{font-size:.8rem;margin:0}.spinner{width:42px;height:42px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.picker{padding:30px 0}.picker h2{font-size:1.3rem;margin:0 0 20px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.card{text-align:left;background:linear-gradient(160deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:18px 20px;color:var(--text);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;font:inherit}.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 30px #0e254799}.card h3{margin:10px 0 4px;font-size:1.02rem}.card p{margin:2px 0;color:var(--muted);font-size:.85rem}.card-top{display:flex;gap:8px}.card-meta{font-size:.8rem}.badge{font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:999px}.badge-act{background:#2563eb4d;color:#93c5fd}.badge-live{background:#ef44442e;color:#f87171;display:inline-flex;align-items:center;gap:6px}.epnav{position:sticky;top:166px;z-index:25;display:flex;align-items:center;gap:12px;margin:14px -16px 0;padding:10px 16px;background:#070d18f0;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.epnav-scroll{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px;flex:1}.chip{display:inline-flex;align-items:center;gap:7px;flex:none;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--accent)}.chip-current{background:linear-gradient(135deg,var(--blue),#1d4ed8);border-color:var(--accent);box-shadow:0 0 14px #2563eb73}.chip-count{color:var(--muted);font-size:.72rem;font-weight:500}.chip-current .chip-count{color:#bfdbfe}.chip .conn-dot{color:var(--miss);background:var(--miss)}.chip.state-3{border-color:#ef444480}.chip.state-5 .chip-code:after{content:" ✓";color:var(--ok)}.chip.state-4 .chip-code:after{content:" ~";color:var(--touch)}.follow{flex:none;font:inherit;font-size:.8rem;font-weight:600;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer}.follow-on{color:var(--live);border-color:#22d3ee80}.oncourse{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:16px 0 4px}.oc-card{background:linear-gradient(150deg,rgba(34,211,238,.12),var(--panel-2) 55%);border:1px solid rgba(34,211,238,.4);border-radius:14px;padding:14px 16px;box-shadow:0 6px 24px #082f4973}.oc-card .gates{grid-template-columns:repeat(var(--nb),minmax(0,1fr))}.oc-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.oc-id{min-width:0;flex:1;display:flex;flex-direction:column}.oc-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-club{color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-chrono{display:flex;align-items:baseline;gap:8px}.oc-chrono .running{font-size:1.7rem}.oc-pena{color:var(--touch);font-weight:800;font-family:var(--mono)}.running{font-family:var(--mono);font-weight:700;color:var(--live);font-variant-numeric:tabular-nums;animation:breathe 1s ease-in-out infinite}@keyframes breathe{50%{opacity:.75}}.board{margin-top:18px}.board-title{display:flex;align-items:center;gap:14px;margin:10px 2px;flex-wrap:wrap}.board-title h2{margin:0;font-size:1.25rem}.board-sub{color:var(--muted);font-size:.82rem;flex:1}.club-select{font:inherit;font-size:.84rem;font-weight:600;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:7px 14px;max-width:320px;cursor:pointer}.club-select:hover,.club-select:focus{border-color:var(--accent);outline:none}.club-select option{background:var(--panel-2);color:var(--text)}.club-clear{font:inherit;font-size:.8rem;color:var(--miss);background:var(--panel);border:1px solid rgba(239,68,68,.4);border-radius:999px;width:30px;height:30px;cursor:pointer}.tbl-empty{padding:26px 16px;text-align:center;color:var(--muted)}.tbl{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow-x:auto}.tr{display:grid;grid-template-columns:3.2rem 3rem minmax(13rem,1.3fr) 5.4rem 5.6rem minmax(15rem,2fr) 3.4rem 6.2rem 5rem;align-items:center;gap:8px;padding:7px 14px;min-width:900px;border-bottom:1px solid rgba(29,43,71,.55)}.tr:last-child{border-bottom:none}.tr:nth-child(2n):not(.thead){background:#131e3373}.thead{position:sticky;top:0;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--panel-2);border-bottom:1px solid var(--line)}.tbl-nogates .tr{grid-template-columns:3.2rem 3rem minmax(13rem,1.6fr) 7rem 7rem 7.5rem 6rem;min-width:640px}.th,.rank,.bib,.inter,.chrono,.pena,.time,.diff{text-align:center}.th-left{text-align:left}.th-gates{overflow:hidden}.row-leader{background:linear-gradient(90deg,rgba(251,191,36,.1),transparent 55%)!important}.row-racing{background:linear-gradient(90deg,#22d3ee1f,#22d3ee08)!important;border-left:3px solid var(--live)}.row-out{opacity:.55}.row-waiting{color:#c6d3ec}.rank{font-family:var(--mono);font-weight:800;font-size:1.02rem;font-variant-numeric:tabular-nums}.medal-1{color:var(--gold);text-shadow:0 0 12px rgba(251,191,36,.5)}.medal-2{color:var(--silver)}.medal-3{color:var(--bronze)}.rank-live{color:var(--live)}.rank-out,.rank-wait{color:var(--muted)}.bib{font-family:var(--mono);font-weight:700;font-size:.82rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:7px;padding:2px 0}.who{display:flex;flex-direction:column;min-width:0}.who-name{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who-cat{font-style:normal;font-size:.68rem;color:var(--accent);margin-left:7px;font-weight:700}.who-club{color:var(--muted);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inter,.chrono{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:.88rem}.pena{font-family:var(--mono);font-weight:800}.pena-2{color:var(--touch)}.pena-50{color:var(--miss)}.time{font-family:var(--mono);font-weight:800;font-size:1.02rem;font-variant-numeric:tabular-nums}.time-prov{color:#cbd5e1;font-weight:600}.time-prov sup{color:var(--touch)}.diff{font-family:var(--mono);color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.start-hour{font-family:var(--mono);color:var(--muted);font-size:.82rem}.pill{font-size:.7rem;font-weight:800;letter-spacing:.05em;padding:3px 9px;border-radius:6px}.pill-dnf,.pill-des{background:#f59e0b26;color:var(--touch)}.pill-dns{background:#94a3b826;color:var(--silver)}.pill-dsq{background:#ef444426;color:var(--miss)}.gates{display:grid;grid-template-columns:repeat(var(--nb),minmax(1.15rem,1.5rem));gap:3px}.gate-num{font-size:.66rem;font-weight:800;text-align:center;padding:2px 0;border-radius:5px;font-family:var(--mono)}.gate-down{color:#4ade80;background:#22c55e1f}.gate-up{color:#f87171;background:#ef444424}.gate-cell{height:1.25rem;display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800;font-family:var(--mono);border-radius:5px;border:1px solid var(--line);color:transparent;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.12)}to{transform:scale(1)}}.pen-none{animation:none;background:#0d152699}.pen-0{background:#22c55e38;border-color:#22c55e73;color:#4ade80}.pen-2{background:var(--touch);border-color:var(--touch);color:#1c1206}.pen-50{background:var(--miss);border-color:var(--miss);color:#fff}.cell-up.pen-none{border-style:dashed;border-color:#ef444459}.legend{color:var(--muted);font-size:.78rem;margin:12px 4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.legend .gate-cell{width:1.4rem}.legend .gate-num{padding:2px 6px}.footer{margin-top:34px;text-align:center;color:#5c6f93;font-size:.75rem}.footer p{margin:3px 0}.footer-credit a{color:var(--accent);text-decoration:none;font-weight:600}.footer-credit a:hover{text-decoration:underline}@media (max-width: 980px){body{font-size:14px}.clock{display:none}.brand-logo{height:60px}.epnav{top:84px}.tr{grid-template-columns:2.4rem 2.6rem minmax(0,1fr) 4.6rem 5.4rem;grid-template-areas:"rank bib who chrono time" "rank bib gates gates gates";row-gap:5px;min-width:0}.rank{grid-area:rank}.bib{grid-area:bib}.who{grid-area:who}.chrono{grid-area:chrono}.time,.start-hour,.pill,.running{grid-area:time}.td-gates{grid-area:gates;overflow-x:auto}.inter,.diff,.pena,.th-gates{display:none}.tbl-nogates .tr{grid-template-columns:2.4rem 2.6rem minmax(0,1fr) 4.6rem 5.4rem;grid-template-areas:"rank bib who chrono time";min-width:0}.thead{grid-template-areas:"rank bib who chrono time"}.thead .th:nth-child(4){display:none}.thead .th:nth-child(7){display:none}.thead .th:nth-child(9){display:none}.gates{grid-template-columns:repeat(var(--nb),1.15rem)}}