:root{--bg: #14171c;--panel: rgba(20, 23, 28, .92);--line: #2b313a;--text: #e8ebef;--dim: #8b939e;--accent: #f2b33d;--red: #ff5f56;--green: #4cd07d}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.35 system-ui,-apple-system,sans-serif;overflow:hidden}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}button,select,input{font:inherit;color:inherit}button{background:#252a32;border:1px solid var(--line);padding:6px 10px;cursor:pointer}button:hover{background:#2d333c}button.primary{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:600}select{width:100%;background:#1d2128;border:1px solid var(--line);padding:5px 6px;margin-top:3px}#panel{position:fixed;top:0;left:0;bottom:56px;width:320px;max-width:calc(100vw - 32px);background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:0 14px 14px;transition:transform .2s;z-index:2}#panel.folded{transform:translate(calc(-100% + 34px))}#panel header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--panel);padding:12px 0 8px}#panel h1{font-size:15px;letter-spacing:.12em;margin:0}#panel.folded #fold{transform:rotate(180deg)}#panel section{border-bottom:1px solid var(--line);padding:8px 0 12px}#panel label{display:block;margin:8px 0;color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.04em}#panel label small{text-transform:none;letter-spacing:0;opacity:.7}#panel label output{float:right;color:var(--text);font-variant-numeric:tabular-nums;text-transform:none}#panel input[type=range]{width:100%;accent-color:var(--accent)}#run{width:100%;margin-top:6px;padding:9px}details{border-bottom:1px solid var(--line);padding:8px 0}summary{cursor:pointer;color:var(--dim);text-transform:uppercase;font-size:12px;letter-spacing:.04em}.small{color:var(--dim);font-size:12px}.res{display:grid;grid-template-columns:1fr 1fr;gap:8px}.res .car h3{margin:0 0 4px;font-size:13px}.res .car div{display:flex;justify-content:space-between;font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}.res .car div b{color:var(--text);font-weight:500}.res .car .out{color:var(--red);font-weight:600;margin-top:4px}.res .car .fine{color:var(--green);margin-top:4px}.hbar{height:6px;background:#333a44;margin:4px 0 6px}.hbar i{display:block;height:100%}#crashes .crash{padding:6px 8px;margin:4px 0;background:#1b1f26;border-left:3px solid var(--accent);cursor:pointer;font-size:12px}#crashes .crash.now{background:#262b33}#crashes .crash b{font-weight:600}#crashes .crash .why{color:var(--dim)}#bar{position:fixed;left:0;right:0;bottom:0;height:56px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--panel);border-top:1px solid var(--line);z-index:3}#play{width:40px;height:36px;font-size:16px}#timeline{position:relative;flex:1;min-width:80px}#timeline input{width:100%;accent-color:var(--accent);position:relative;z-index:1}#marks{position:absolute;left:0;right:0;top:-6px;height:6px;pointer-events:none}#marks i{position:absolute;width:3px;height:8px;background:var(--red);transform:translate(-1px)}#marks i.ram{background:var(--dim);width:1px}#clock{font-variant-numeric:tabular-nums;width:56px;text-align:right;color:var(--dim)}.seg{display:flex}.seg button{padding:6px 8px;font-size:12px;border-right-width:0}.seg button:last-child{border-right-width:1px}.seg button.on{background:#3a4150;color:#fff}#tip{position:fixed;pointer-events:none;background:#0a0c10e6;border:1px solid var(--line);padding:6px 8px;font-size:12px;display:none;z-index:5;max-width:280px}@media(max-width:700px){#panel{width:280px}#bar{gap:6px;padding:6px 8px 0;flex-wrap:wrap;height:auto;padding-bottom:calc(6px + env(safe-area-inset-bottom))}#panel{bottom:96px}#timeline{order:5;flex-basis:100%}#clock{width:46px}}#panel label.check{text-transform:none;letter-spacing:0;font-size:13px;color:var(--text);display:flex;gap:8px;align-items:center}