:root{--bg:#0e1117db;--panel:#161b24;--panel-2:#1f2633;--text:#e8edf4;--muted:#9aa7b8;--accent:#3fc1ff;--accent-2:#ff6a1a;--good:#3ddc84;--bad:#ff5d5d;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#0b0e13;margin:0;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#overlay{pointer-events:none;position:fixed;inset:0}#overlay>*{pointer-events:auto}.hidden{display:none!important}.boot,.fatal{text-align:center;background:#0b0e13;place-content:center;gap:.5rem;padding:16px;font-size:1.1rem;display:grid;position:fixed;inset:0}button{font:inherit;color:#04131c;background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:.55rem .9rem;font-weight:600}button.secondary{background:var(--panel-2);color:var(--text);border:1px solid #2c3546}button.danger{color:#ffb3b3;background:#3a1d22;border:1px solid #5b2a31}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}input,select{font:inherit;color:var(--text);background:#0f131a;border:1px solid #2c3546;border-radius:6px;padding:.3rem .4rem}input[type=range]{accent-color:var(--accent);padding:0}.hud{font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000c;position:absolute;inset:0;pointer-events:none!important}.hud-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:12px;left:16px;right:16px}.hud-timer{font-size:clamp(1.4rem,3.2vw,2.2rem);font-weight:700}.hud-lap,.hud-best{color:var(--muted);font-size:.95rem}.hud-splits{text-align:right;margin:0;padding:0;font-size:.9rem;list-style:none}.faster{color:var(--good)}.slower{color:var(--bad)}.sector-purple{color:#c77dff}.sector-green{color:#4ade80}.sector-yellow{color:#facc15}.hud-center{text-align:center;font-size:clamp(1.2rem,3vw,2rem);font-weight:700;position:absolute;top:38%;left:0;right:0}.hud-center.count{font-size:clamp(3rem,10vw,6rem)}.hud-center.crash{color:var(--bad)}.hud-flash{text-align:center;opacity:0;font-size:1.4rem;font-weight:700;transition:opacity .2s;position:absolute;top:24%;left:0;right:0}.hud-flash.show{opacity:1}.hud-trick{text-align:center;color:#ffd84a;text-shadow:0 2px 6px #0009;opacity:0;font-size:1.6rem;font-weight:800;transition:opacity .25s,transform .25s;position:absolute;top:34%;left:0;right:0;transform:scale(.9)}.hud-trick.show{opacity:1;transform:scale(1)}.hud-bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:28px;left:16px;right:16px}.hud-stats{font-size:.95rem}.hud-sticks{width:220px;height:96px}.toast{background:var(--bg);border-radius:var(--radius);opacity:0;text-align:center;max-width:calc(100% - 32px);padding:.5rem 1rem;transition:opacity .2s;position:absolute;bottom:70px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast.show{opacity:1}.attribution{color:#ffffffd9;background:#00000059;border-radius:4px;max-width:calc(100% - 12px);padding:2px 6px;font-size:10px;position:absolute;bottom:4px;right:6px;pointer-events:none!important}.menu{background:linear-gradient(90deg,#080a0ebf,#080a0e59);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.menu-panel{background:var(--bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #263042;border-radius:14px;width:min(760px,100%);max-height:calc(100vh - 32px);padding:18px 20px;overflow:auto}.menu-panel header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.menu-panel h2{margin:0;font-size:1.4rem}.menu-body.main,.menu-body.list{gap:8px;display:grid}.menu-item{text-align:left;background:var(--panel-2);color:var(--text);border:1px solid #2c3546;justify-content:space-between;align-items:center;gap:12px;padding:.75rem 1rem;font-size:1.05rem;display:flex}.menu-item small{color:var(--muted);font-weight:400}.menu-item:hover,.menu-item:focus-visible{background:#283247}.menu-item.selected{border-color:var(--accent)}.help table{border-collapse:collapse;width:100%}.help th,.help td{text-align:left;border-bottom:1px solid #263042;padding:.35rem .5rem}.help p{color:var(--muted)}.settings section{margin-bottom:14px}.settings h3{color:var(--accent);margin:0 0 8px;font-size:1rem}.field{grid-template-columns:minmax(110px,160px) 1fr auto;align-items:center;gap:10px;padding:4px 0;display:grid}.field output{text-align:right;min-width:70px;color:var(--muted);font-variant-numeric:tabular-nums}.field.check{grid-template-columns:auto 1fr}.field.small{grid-template-columns:1fr;gap:2px;font-size:.85rem}.field.small input{width:100%}.rates-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.rates{border-radius:var(--radius);border:1px solid #263042;padding:6px 10px 10px}.rates .field{grid-template-columns:1fr;gap:2px}.rate-curve{background:#0f131a;border-radius:6px;width:100%;height:90px}.cal-live{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.cal-raw{flex:220px;gap:4px;display:grid}.raw-axis{grid-template-columns:44px 1fr;align-items:center;gap:6px;font-size:.8rem;display:grid}.raw-axis .track{background:#0f131a;border-radius:5px;height:10px;overflow:hidden}.raw-axis .bar{background:var(--accent);height:100%}.cal-actions,.ed-row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.cal-axes{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.cal-axis{border-radius:var(--radius);border:1px solid #263042;gap:6px;display:grid}.cal-axis .field{grid-template-columns:1fr}.cal-buttons{flex-wrap:wrap;gap:8px;display:flex}.cal-status{color:var(--muted);min-height:1.2em}.editor-panel{background:var(--bg);border:1px solid #263042;border-radius:14px;width:min(340px,100% - 20px);padding:12px 14px;position:absolute;top:10px;bottom:10px;right:10px;overflow:auto}.editor-panel h2{margin:0 0 8px;font-size:1.2rem}.editor-panel .field{grid-template-columns:60px 1fr}.ed-list{gap:4px;max-height:32vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.ed-list li{grid-template-columns:1fr auto auto;gap:4px;display:grid}.ed-list .ed-gate{background:var(--panel-2);color:var(--text);text-align:left;padding:.35rem .6rem;font-weight:400}.ed-list li.selected .ed-gate{outline:2px solid var(--accent)}button.icon{background:var(--panel-2);color:var(--text);padding:.3rem .5rem}.ed-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hint{color:var(--muted);font-size:.8rem}@media (max-width:700px),(max-height:560px){.menu-panel{padding:12px}.menu-item{padding:.5rem .75rem;font-size:.95rem}.field{grid-template-columns:1fr auto}.field>input[type=range],.field>select{grid-area:2/1/auto/-1}.hud-sticks{width:150px;height:66px}}body[data-mode=editor] .attribution{left:6px;right:auto}.editor-panel .field.small{grid-template-columns:1fr}[data-testid=ed-obstacles]{border-top:1px solid #263042;margin-top:12px}[data-testid=ed-obstacles] .ed-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}[data-testid=ed-obstacles] input{width:100%;min-width:0}[data-testid=ed-obstacles] select{margin:0 6px 8px 0}[data-testid=profiles]>input,[data-testid=profiles]>select{max-width:100%;margin:0 8px 8px 0}[data-testid=profiles]>button{margin-right:8px}