@font-face{font-family:DSEG7 Classic;font-weight:700;font-display:swap;src:url(/racelines/assets/DSEG7Classic-Bold-jUCkPCxO.woff2) format("woff2"),url(/racelines/assets/DSEG7Classic-Bold-BW8KWXYV.woff) format("woff")}:root{--bg: #000000;--panel: #0d0e11;--line: #1f2229;--text: #f2f3f5;--muted: #9aa0aa;--accent: #e10600;--seg: #ff2418;--seg-dim: #471512;--good: #39d98a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:14px;padding:14px 22px;background:var(--bg);border-bottom:1px solid var(--line)}.brand-block{display:flex;flex-direction:column;gap:3px}.logo{height:44px;display:block}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.boot-logo{height:44px;opacity:.9;animation:boot-pulse 1.4s ease-in-out infinite}@keyframes boot-pulse{50%{opacity:.45}}.boot-error{color:var(--accent)}.brand-sub{display:flex;gap:8px;align-items:baseline}.beta-chip{position:relative;font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:1px 5px;cursor:help;outline:none;white-space:nowrap}.beta-chip:after{content:"ⓘ";margin-left:4px;opacity:.7}.beta-card{position:absolute;top:calc(100% + 8px);left:0;z-index:40;width:220px;padding:12px 14px;background:var(--panel);border:1px solid var(--accent);border-radius:8px;box-shadow:0 8px 28px #000000b3;color:var(--text);letter-spacing:normal;text-transform:none;font-weight:400;cursor:default;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .12s ease,transform .12s ease}.beta-chip:hover .beta-card,.beta-chip:focus-visible .beta-card,.beta-chip:focus-within .beta-card{opacity:1;transform:translateY(0);pointer-events:auto}.beta-head{display:block;font-size:10px;letter-spacing:1px;color:var(--accent);margin-bottom:4px}.beta-head+ul{margin:0 0 10px}.beta-card ul:last-child{margin-bottom:0}.beta-card ul{padding-left:16px}.beta-card li{font-size:12px;line-height:1.5;color:#d6d9de}.daily-info{display:flex;gap:8px;align-items:baseline;font-size:11px;color:var(--muted);white-space:nowrap}.daily-info b{color:var(--text);font-size:12px}.dev-picker{background:#15171c;color:var(--text);border:1px dashed #3a4151;font-size:12px;padding:4px 6px}.spacer{flex:1}.btn{background:#15171c;color:var(--text);border:1px solid var(--line);border-radius:0;padding:7px 13px;font-size:13px;white-space:nowrap;cursor:pointer}.topbar .btn.ghost{white-space:nowrap}.btn:hover:not(:disabled){border-color:#3a4151;background:#1c1f26}.btn:active:not(:disabled){background:#101216}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);font-weight:600}.btn.primary:hover:not(:disabled){background:#ff1a0d;border-color:#ff1a0d}.btn.results{border-color:#6b5a1a;color:#ffe34d;font-weight:600}.btn.results:hover:not(:disabled){border-color:#ffe34d;background:#1c1f26}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.btn.ghost:hover{color:var(--text);background:transparent;border-color:transparent}.readout{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.1;margin:0 4px}.readout label{font-size:10px;color:var(--muted);letter-spacing:1px}.readout b{font-variant-numeric:tabular-nums;font-size:15px}.badge.invalid{background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;border-radius:4px;padding:3px 8px}.mode-toggle-wrap{position:relative;display:flex;align-items:center;gap:8px}.mode-label{font-size:12px;letter-spacing:.5px;color:var(--muted)}.mode-label.active{color:var(--text);font-weight:600}.mode-label.dim{opacity:.6}.mode-toggle{position:relative;width:46px;height:24px;border-radius:12px;background:#15171c;border:1px solid var(--line);cursor:pointer;padding:0}.mode-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff5a4d,var(--accent) 60%,#7a0300);box-shadow:0 0 8px 1px #ff1e0dcc;transition:left .15s ease}.mode-toggle.nudge .mode-knob{left:12px}.soon-pop{position:absolute;top:calc(100% + 10px);left:0;z-index:30;width:230px;background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 24px #000000b3}.soon-pop b{color:var(--accent);font-size:12px;letter-spacing:1px}.soon-pop span{font-size:12px;color:var(--muted)}.stage{position:relative;flex:1;min-height:0}.game-canvas{display:block;width:100%;height:100%}.side-panel{position:absolute;top:16px;right:16px;width:224px;display:flex;flex-direction:column;gap:10px}.timing-board{width:100%;background:#050506eb;border:1px solid #26292f;border-radius:10px;overflow:hidden;box-shadow:0 8px 28px #0009;-webkit-user-select:none;user-select:none}.drive-btn{width:100%;padding:16px;font-size:17px;font-weight:700;letter-spacing:.5px;color:#fff;background:var(--accent);border:none;border-radius:3px;cursor:pointer;box-shadow:0 6px 20px #e1060059}.speed-box{position:absolute;top:16px;right:252px;width:224px;display:flex;align-items:baseline;justify-content:center;gap:7px;padding:12px 10px 10px;background:#050506eb;border:1px solid #26292f;border-radius:10px;box-shadow:0 8px 28px #0009}.speed-unit{font-size:11px;letter-spacing:2px;color:var(--muted)}.recenter-btn{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;color:var(--text);background:#0d0e11eb;border:1px solid #26292f;border-radius:8px;cursor:pointer;box-shadow:0 6px 20px #00000080}.recenter-btn:hover{border-color:#3a4151;background:#1c1f26f2}.drive-btn:hover:not(:disabled){background:#ff1a0d}.drive-btn:active:not(:disabled){background:#c40500}.drive-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.seg{font-family:DSEG7 Classic,ui-monospace,monospace;font-weight:700;color:var(--seg);text-shadow:0 0 6px rgba(255,36,24,.55);font-size:15px}.seg.big{font-size:26px}.board-top{display:flex;justify-content:center;padding:12px 10px 10px;border-bottom:1px solid #26292f;background:#050506}.board-top.live .seg{animation:segpulse 1s steps(2) infinite}@keyframes segpulse{50%{text-shadow:0 0 12px rgba(255,255,255,.85)}}.board-sectors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#26292f;border-bottom:1px solid #26292f}.sec-cell{background:#0b0c0e;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 5px}.sec-label{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--muted)}.sec-seg{font-size:13px;color:#b9bec7;text-shadow:none}.sec-cell.purple{background:#9400d338}.sec-cell.purple .sec-seg{color:#c77dff;text-shadow:0 0 6px rgba(148,0,211,.6)}.sec-cell.green{background:#00a0002e}.sec-cell.green .sec-seg{color:#39d98a}.sec-cell.yellow{background:#ffd70024}.sec-cell.yellow .sec-seg{color:gold}.sec-cell.active{box-shadow:inset 0 0 0 1px var(--accent)}.board-rows{display:flex;flex-direction:column;padding:8px 12px;gap:6px}.splash-sectors{margin:4px 0 14px}.ss-label{font-size:10px;letter-spacing:2px;color:var(--muted)}.ss-cells{display:flex;justify-content:center;gap:8px;margin-top:6px}.ss-cell{display:flex;flex-direction:column;align-items:center;gap:2px;background:#9400d32e;border:1px solid rgba(148,0,211,.4);border-radius:4px;padding:4px 12px}.ss-cell em{font-style:normal;font-size:9px;letter-spacing:1px;color:var(--muted)}.ss-cell b{font-variant-numeric:tabular-nums;color:#c77dff}.ss-cell.ideal{background:#15171c;border-color:var(--line)}.ss-cell.ideal b{color:var(--text)}.row{display:flex;align-items:baseline;gap:10px}.row-label{width:34px;font-size:12px;font-weight:700;letter-spacing:1px;color:#cfd3da}.row-val{margin-left:auto;display:flex;align-items:baseline;gap:6px}.row.std .row-label{color:var(--muted)}.row.next .row-label:after{content:"▶";color:var(--accent);font-size:9px;margin-left:5px}.seg.c-white{color:#fff;text-shadow:0 0 6px rgba(255,255,255,.35)}.seg.c-std{color:#aeb4be;text-shadow:none}.seg.c-purple{color:#9400d3;text-shadow:0 0 8px rgba(148,0,211,.9)}.seg.c-green{color:green;text-shadow:0 0 8px rgba(0,160,0,.9)}.seg.c-yellow{color:gold;text-shadow:0 0 6px rgba(255,215,0,.55)}.seg.c-invalid{color:#8a1d16;text-decoration:line-through;text-shadow:none}.seg.c-empty{color:var(--seg-dim);text-shadow:none}.star{color:#b026ff;font-size:11px;text-shadow:0 0 6px rgba(148,0,211,.7)}.board-foot{padding:7px 12px 9px;font-size:10px;color:var(--muted);border-top:1px solid #26292f;letter-spacing:.3px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(480px,100%);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px 24px;box-shadow:0 12px 48px #000c}.modal h2{margin:0 0 14px;font-size:20px}.howto{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.45;color:#d6d9de}.inv{color:var(--accent);font-weight:700}.soon-note{font-size:12px;color:var(--muted);margin:10px 0 14px}.feedback-input{width:100%;resize:vertical;min-height:96px;background:#15171c;border:1px solid var(--line);border-radius:6px;color:var(--text);font-family:inherit;font-size:14px;line-height:1.45;padding:10px 12px;margin-bottom:12px}.feedback-input:focus{outline:none;border-color:var(--accent)}.lb-locked{position:relative;min-height:96px;margin-top:6px}.lb-locked .lb-list{filter:blur(6px);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.lb-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:0 16px}.lb-lock-icon{font-size:22px}.lb-lock-overlay p{margin:0;font-size:13px;color:var(--text);max-width:280px}.btn.feedback{background:transparent;border-color:var(--accent);color:var(--accent);font-weight:600}.btn.feedback:hover:not(:disabled){background:var(--accent);color:#fff}.feedback-cta{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:10px}.feedback-cta p{margin:0;font-size:13px;color:var(--text)}.splash-tabs{display:flex;gap:4px;justify-content:center;margin-bottom:16px;border-bottom:1px solid var(--line)}.splash-tab{background:none;border:0;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.3px;padding:8px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.splash-tab:hover{color:var(--text)}.splash-tab.active{color:var(--text);border-bottom-color:var(--accent)}.modal.splash{text-align:center}.splash-best{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}.splash-best label{font-size:11px;letter-spacing:2px;color:var(--muted)}.splash-best .seg.big{font-size:40px}.splash-verdict{font-size:14px;color:var(--muted);margin:0 0 14px}.splash-verdict.good{color:var(--good)}.splash-rows{display:flex;justify-content:center;gap:18px;margin-bottom:16px;font-size:13px;color:var(--muted)}.splash-q b{color:var(--text);font-variant-numeric:tabular-nums}.splash-q.invalid b{color:var(--seg-dim);text-decoration:line-through}.splash-actions{display:flex;justify-content:center;gap:10px}.btn.small{padding:3px 9px;font-size:12px}.lb-section{border-top:1px solid var(--line);margin:14px 0;padding-top:12px;text-align:left}.lb-section h3{margin:0 0 8px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-align:center}.lb-note{font-size:13px;color:var(--muted);text-align:center;margin:6px 0}.lb-you{text-align:center;font-size:15px;margin:4px 0 10px}.lb-you b{color:#ffe34d}.lb-list{list-style:none;margin:0 auto 10px;padding:0;max-width:320px;display:flex;flex-direction:column;gap:3px;font-size:13px}.lb-list li{display:flex;gap:10px;align-items:baseline;padding:2px 8px;border-radius:4px}.lb-list li.you{background:#1d1a0a;outline:1px solid #6b5a1a}.lb-rank{width:32px;color:var(--muted);font-weight:700;font-size:12px}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-time{font-variant-numeric:tabular-nums;font-weight:600}.lb-name-row{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:4px}.lb-name-row label{font-size:12px;color:var(--muted)}.lb-name-row input{background:#15171c;border:1px solid var(--line);color:var(--text);padding:5px 8px;font-size:13px;width:150px}.lb-name-row input:focus{outline:none;border-color:var(--accent)}.lb-name-hint{font-size:11px;color:var(--muted);margin:6px 0 0}.lb-name-err{font-size:12px;color:#ff5a4d;margin:6px 0 0}.lb-name-set{font-size:13px;color:var(--muted);margin-top:8px}.lb-name-set b{color:var(--text)}html,body{overscroll-behavior:none}.app{-webkit-tap-highlight-color:transparent}.game-canvas{touch-action:none}.topbar,.side-panel{user-select:none;-webkit-user-select:none}.topbar.compact{gap:6px;padding:6px 10px;flex-wrap:wrap;row-gap:4px}.topbar.compact .logo{height:24px}.topbar.compact .brand-block{gap:1px}.topbar.compact .brand-sub{font-size:8px}.topbar.compact .daily-info,.topbar.compact .daily-info b{font-size:10px}.topbar.compact .btn{padding:4px 8px;font-size:12px}.stage.mobile-bottom .speed-box{display:none}.side-panel.bottom{top:auto;left:0;right:0;bottom:0;width:100%;flex-direction:row;align-items:stretch;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#050506f2;border-top:1px solid #26292f}.side-panel.bottom .timing-board{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:8px;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.side-panel.bottom .board-top{flex:0 0 auto;padding:0 6px;border:none;background:transparent}.side-panel.bottom .board-sectors{flex:1;min-width:0;border:none;background:transparent;gap:6px}.side-panel.bottom .sec-cell{border-radius:6px;padding:5px 2px 4px}.side-panel.bottom .board-rows,.side-panel.bottom .board-foot{display:none}.side-panel.bottom .drive-btn{width:auto;flex:0 0 auto;align-self:stretch;padding:0 22px;font-size:16px;border-radius:6px;box-shadow:none}.rotate-nudge{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:45;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:14px 16px;background:var(--panel);border:1px solid var(--accent);border-radius:12px;box-shadow:0 12px 40px #000c}.rotate-icon{font-size:26px;line-height:1;color:var(--accent)}.rotate-text{display:flex;flex-direction:column;gap:2px}.rotate-text b{font-size:15px}.rotate-text span{font-size:12px;color:var(--muted)}.rotate-dismiss{margin-left:4px;background:transparent;border:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}.rotate-dismiss:hover{color:var(--text)}