:root{color-scheme:dark;--bg:#101918;--panel:#192421;--line:#34443e;--text:#eef3df;--muted:#a7b8ac;--cyan:#9ce7db;--orange:#ffb267;--red:#ff8178}
#players{list-style:none;padding:0;margin:12px 0 0}#players li{border-left:4px solid var(--car-color);padding:8px;margin:6px 0;font-size:11px;line-height:1.6;color:var(--muted)}#players li.current{background:#ffffff0b;color:var(--text)}select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
[hidden]{display:none!important}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.editor-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.editor-tools .active{color:var(--cyan);border-color:var(--cyan)}#editor-panel label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin:14px 0}#track-name{width:150px}select{max-width:160px;padding:6px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px}.error,#file-status{color:var(--red)}.editing .stats,.editing .legend,.editing .track-label{display:none}.editing .track{border-top:1px solid var(--line);border-radius:12px}#editor-panel{display:block}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}header{max-width:1560px;margin:auto;padding:30px 36px 25px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}h1{font-size:29px;letter-spacing:-1px;margin:6px 0 0;font-weight:900}h1 span{color:var(--cyan);font-weight:400}h2{font-size:24px;line-height:1.2;margin:16px 0}button{font:inherit;font-size:13px;font-weight:650;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:7px;padding:12px 16px;cursor:pointer}button:hover:not(:disabled){background:#34443e}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.3;cursor:default}main{max-width:1560px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;padding:0 36px 32px}.game{min-width:0}.stats{display:flex;gap:44px;padding:20px 24px;border:1px solid var(--line);border-radius:12px 12px 0 0;background:var(--panel)}.stats div{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.stats strong{display:block;font-size:23px;margin-top:6px;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:0}.track{position:relative;background:#233c30;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;overflow:hidden}canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.track-label{position:absolute;top:18px;left:22px;font-size:10px;font-weight:700;letter-spacing:2px;pointer-events:none;color:#c0d2b3}.track-label small{display:block;font-size:9px;margin-top:7px;font-weight:400;letter-spacing:1px}#message{padding:19px 2px 10px;font-size:14px;min-height:52px;color:var(--cyan)}.legend{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:7px}.legend i{height:7px;width:7px;border-radius:50%}.cyan{background:var(--cyan)}.orange{background:var(--orange)}.red{background:var(--red)}.panel{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:16px}p{font-size:13px;line-height:1.65;color:var(--muted)}.gears{display:flex;gap:8px;margin:22px 0 16px}.gears button{flex:1;font-size:24px;padding:9px 3px}.gears button small{display:block;font-size:9px;letter-spacing:1px;margin-top:4px}.gears button.active{color:var(--cyan);border-color:var(--cyan);background:#24443e}.selected{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.selected b{font-size:21px;color:var(--cyan)}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-top:12px}.metrics div{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:5px 0}.metrics strong{color:var(--text);font-weight:500}#preview{min-height:43px;font-size:12px}.primary{width:100%;background:var(--cyan);color:#142822;border:0}.primary:hover:not(:disabled){background:#c0fff2}.hint{display:block;font-size:10px;line-height:1.7;color:var(--muted);margin-top:14px}summary{cursor:pointer;font-weight:650;font-size:13px}summary span{float:right;color:var(--cyan)}form label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin:10px 0;color:var(--muted)}input{width:75px;padding:6px;background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:4px}form button{width:100%;margin-top:8px;font-size:11px}#config-error{color:var(--red)}.footnote{font-size:11px;padding:0 8px}@media(max-width:1000px){main{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.footnote{grid-column:1/-1}.panel{margin:0}.stats{gap:36px}}@media(max-width:600px){header{padding:22px 16px}header button{font-size:11px;padding:10px}main{padding:0 12px 24px;gap:12px}h1{font-size:24px}.eyebrow{font-size:8px}.stats{gap:0;justify-content:space-between;padding:14px}.stats strong{font-size:18px}.stats div{font-size:8px}aside{grid-template-columns:1fr}.track-label{top:9px;left:12px;font-size:7px}.track-label small{font-size:6px}.legend{font-size:10px;gap:12px}.panel{padding:18px}}