:root{--ink: #14150f;--ink2: #1c1d15;--bone: #f2ede0;--ochre: #e0b15e;--moss: #9aa06f;--signal: #ff5d3b;--dim: #8a8c7a;--mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Menlo", monospace;--disp: "Helvetica Neue", "Arial Narrow", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--ink);color:var(--bone);overflow:hidden;-webkit-user-select:none;user-select:none}canvas{display:block}.hud{position:fixed;z-index:5;pointer-events:none;font-family:var(--mono)}.tl{top:16px;left:18px}.tr{top:16px;right:18px;text-align:right}.bl{left:18px;bottom:16px}.br{right:18px;bottom:16px}.stats{left:18px;top:50%;transform:translateY(-50%);font-size:10px;color:#4a4c40}.kicker{font:600 10px/1 var(--mono);letter-spacing:.28em;color:var(--ochre);text-transform:uppercase}.chrono{font:300 46px/1 var(--disp);letter-spacing:-.02em;margin:6px 0 8px;font-variant-numeric:tabular-nums}.row{font:500 11px/1.6 var(--mono)}.row .lbl{color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.row .val{color:var(--bone);margin-left:8px;font-variant-numeric:tabular-nums}.fps{font:500 10px/1 var(--mono);color:#55574a;letter-spacing:.1em}.bc{left:50%;bottom:14px;transform:translate(-50%);text-align:center}.gauge{position:relative;width:150px;height:150px;margin:0 auto -18px}.gauge svg{width:100%;height:100%;overflow:visible}.gauge circle{fill:none;stroke-linecap:round}.gauge .track{stroke:#f2ede01f;stroke-width:5}.gauge .fill{stroke:var(--ochre);stroke-width:5;transition:stroke-dasharray .08s linear}.gauge .fill.hot{stroke:var(--signal)}.gauge .tick{stroke:#f2ede059;stroke-width:1.2}.gauge .tick.red{stroke:var(--signal)}.gauge-n{position:absolute;left:0;right:0;top:44px;font:200 50px/1 var(--disp);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.gauge-u{position:absolute;left:0;right:0;top:98px;font:600 9px/1 var(--mono);letter-spacing:.24em;color:var(--dim);text-transform:uppercase}.road{font:500 11px/1.4 var(--mono);color:var(--moss);letter-spacing:.08em;text-transform:uppercase;max-width:34ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.road.off{color:var(--signal)}.tc{top:18px;left:50%;transform:translate(-50%)}.pips{display:flex;gap:8px;align-items:center}.pip{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(242,237,224,.4);transition:background .2s,transform .2s}.pip.done{background:var(--ochre);border-color:var(--ochre)}.pip.cur{border-color:var(--signal);transform:scale(1.35)}.pip.fin{border-radius:2px}.cpwrap{display:flex;align-items:center;gap:14px}.arrow{width:62px;height:62px}.cpinfo{text-align:right}.cpinfo .lbl{font:600 9px/1 var(--mono);letter-spacing:.22em;color:var(--dim);text-transform:uppercase}.cpinfo .name{font:400 17px/1.2 var(--disp);margin:4px 0 2px;text-transform:uppercase}.cpinfo .dist{font:500 13px/1 var(--mono);color:var(--signal);font-variant-numeric:tabular-nums}.keys{font:500 10px/1.6 var(--mono);color:var(--dim);transition:opacity .6s}.keys.quiet{opacity:0}.keys b{color:var(--bone);font-weight:700}.keys .link{pointer-events:auto;background:none;border:none;padding:0;color:var(--bone);font:700 10px/1.6 var(--mono);cursor:pointer}.attrib{margin-top:5px;font:500 9px/1.4 var(--mono);color:#55574a}.start{position:fixed;z-index:6;left:50%;top:62%;transform:translate(-50%);pointer-events:none;font:500 12px/1 var(--mono);letter-spacing:.1em;color:var(--bone);background:#14150fb8;border:1px solid #33352a;border-radius:999px;padding:11px 20px;text-transform:uppercase}.start b{color:var(--ochre)}.peers{list-style:none;margin:10px 0 0;padding:0;pointer-events:none}.peers li{display:flex;align-items:center;gap:8px;font:500 11px/1.6 var(--mono);color:var(--bone)}.peers i{width:8px;height:8px;border-radius:50%;flex:none}.peers .peer-time{margin-left:auto;color:var(--dim);font-variant-numeric:tabular-nums}.go-btn{pointer-events:auto;margin-top:10px;background:var(--ochre);color:var(--ink);border:none;border-radius:999px;padding:6px 14px;font:700 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}.go{position:fixed;z-index:7;left:50%;top:46%;transform:translate(-50%,-50%);pointer-events:none;font:200 120px/1 var(--disp);color:var(--bone);letter-spacing:-.04em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:var(--mono)}.overlay h1{font:300 42px/1 var(--disp);text-transform:uppercase;letter-spacing:-.01em;margin:0}.overlay h1 b{font-weight:800}.overlay p{color:var(--dim);font-size:12px;margin:0}.overlay pre{background:var(--ink2);border:1px solid #33352a;border-radius:6px;padding:8px 14px;color:var(--ochre);font-size:12px}.editor{position:fixed;z-index:8;top:16px;left:18px;width:300px;max-height:calc(100vh - 32px);overflow:auto;pointer-events:auto;font-family:var(--mono);background:#14150fdb;border:1px solid #33352a;border-radius:10px;padding:14px 14px 12px}.editor .kicker{margin-bottom:8px}.editor-name{display:block;width:100%;margin:0 0 10px;padding:6px 0;background:transparent;border:none;border-bottom:1px solid #33352a;color:var(--bone);font:400 18px/1.2 var(--disp);text-transform:uppercase;letter-spacing:.02em;outline:none;-webkit-user-select:text;user-select:text}.editor-name:focus{border-bottom-color:var(--ochre)}.editor-list{list-style:none;margin:12px 0 8px;padding:0;max-height:38vh;overflow:auto}.editor-list li{display:flex;align-items:center;gap:4px;padding:3px 0;cursor:pointer}.editor-list li.on{background:#e0b15e14}.editor-list .n{width:18px;flex:none;font:600 10px/1 var(--mono);color:var(--ochre)}.editor-list input{flex:1;min-width:0;background:transparent;border:none;color:var(--bone);font:500 11px/1.4 var(--mono);outline:none;-webkit-user-select:text;user-select:text}.editor-list button,.editor-actions button,.editor-lib button{background:transparent;border:1px solid #33352a;color:var(--dim);font:600 10px/1 var(--mono);padding:4px 7px;border-radius:4px;cursor:pointer}.editor-list button:disabled{opacity:.3;cursor:default}.editor-list button.danger,.editor-lib button.danger{color:var(--signal);border-color:transparent}.editor-empty{color:var(--dim);font-size:11px;margin:8px 0}.editor-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.editor-actions button.primary{color:var(--ink);background:var(--ochre);border-color:var(--ochre)}.editor-lib .lbl{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:10px;margin-bottom:6px}.editor-lib .ghost{display:block;width:100%;text-align:left;color:var(--bone);margin-bottom:4px}.editor-lib .librow{display:flex;gap:4px;align-items:center}.editor-lib .librow .ghost{flex:1}.editor .keys{margin-top:12px}.loading .title{display:flex;align-items:baseline;gap:10px}.loading .sub{font:700 12px/1 var(--mono);letter-spacing:.5em;color:var(--ochre);text-transform:uppercase}.loadbar{width:220px;height:2px;margin:18px 0 10px;background:#f2ede01a;overflow:hidden}.loadbar i{display:block;width:35%;height:100%;background:var(--ochre);animation:load 1.3s ease-in-out infinite}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(290%)}}body{--gdisp: "Arial Black", "Helvetica Neue", Impact, system-ui, sans-serif;--gink: #07080d}.tl,.cpwrap{background:var(--bone);color:var(--gink);border:3px solid var(--gink);box-shadow:5px 5px 0 var(--gink);padding:10px 14px;transform:skew(-6deg)}.tl>*,.cpwrap>*{transform:skew(6deg)}.kicker{color:var(--signal)}.chrono{font:italic 900 44px/1 var(--gdisp);letter-spacing:-.03em}.row .lbl,.cpinfo .lbl{color:#5b5c52}.row .val,.peers li{color:var(--gink);font-weight:700}.cpinfo .name{font:italic 900 18px/1.1 var(--gdisp)}.arrow circle{stroke:var(--gink);stroke-width:4}.arrow path{stroke:var(--gink);stroke-width:4;stroke-linejoin:round}.go-btn{background:var(--signal);color:var(--bone);border:2px solid var(--gink);border-radius:0;box-shadow:3px 3px 0 var(--gink)}.gauge .track{stroke:#07080dbf;stroke-width:11;stroke-linecap:butt}.gauge .fill{stroke-width:7;stroke-linecap:butt}.gauge .tick{stroke:var(--bone);stroke-width:2}.gauge-n{font:italic 900 46px/1 var(--gdisp);color:var(--bone);-webkit-text-stroke:2px var(--gink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--gink)}.gauge-u{color:var(--bone);text-shadow:1px 1px 0 var(--gink)}.road{display:inline-block;background:var(--gink);color:var(--ochre);padding:3px 10px;font-weight:700;transform:skew(-6deg)}.road.off{background:var(--signal);color:var(--bone)}.pip{width:14px;height:14px;border:3px solid var(--gink);background:var(--bone);border-radius:0;transform:rotate(45deg);box-shadow:2px 2px 0 var(--gink)}.pip.done{background:var(--ochre)}.pip.cur{background:var(--signal);transform:rotate(45deg) scale(1.3)}.start{background:var(--bone);color:var(--gink);border:3px solid var(--gink);border-radius:0;box-shadow:4px 4px 0 var(--gink);font-weight:700}.start b{color:var(--signal)}.go{font:italic 900 150px/1 var(--gdisp);color:var(--ochre);-webkit-text-stroke:5px var(--gink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--gink)}.keys b{color:var(--bone)}.overlay h1{font:italic 900 52px/1 var(--gdisp)}.loadbar{height:8px;border:2px solid var(--bone);background:none}.bangs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.bang{position:absolute;transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1);animation:bang 1.3s cubic-bezier(.2,1.6,.4,1) forwards;display:grid;place-items:center;padding:26px 44px}.bang .burst{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.bang .burst polygon{fill:var(--ochre);stroke:var(--gink);stroke-width:3;vector-effect:non-scaling-stroke}.bang span{position:relative;font:italic 900 38px/1 var(--gdisp);letter-spacing:-.02em;color:var(--bone);-webkit-text-stroke:3px var(--gink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--gink);white-space:nowrap}.bang-check .burst polygon,.bang-lap .burst polygon{fill:#7fd65a}.bang-record .burst polygon{fill:var(--signal)}.bang-record span{font-size:52px}.bang-drift .burst polygon{fill:#f4f0e4}.bang-drift span{color:var(--signal)}.bang-zoom .burst polygon{fill:#3de0ff}.bang-offroad .burst polygon{fill:var(--signal)}.bang-go span{font-size:56px}@keyframes bang{0%{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(.2);opacity:0}14%{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1.15);opacity:1}24%{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1)}75%{transform:translate(-50%,-50%) rotate(var(--tilt)) scale(1);opacity:1}to{transform:translate(-50%,-80%) rotate(var(--tilt)) scale(.9);opacity:0}}.peer-bubble{position:relative;display:flex;align-items:baseline;gap:8px;padding:4px 10px;background:var(--bone);color:var(--gink);border:2.5px solid var(--gink);border-left:8px solid var(--peer);box-shadow:3px 3px 0 var(--gink);transform:translateY(-50%) skew(-6deg);white-space:nowrap;font:700 11px/1.2 var(--mono)}.peer-bubble b{font:italic 900 13px/1.2 var(--gdisp);text-transform:uppercase}.peer-bubble span:empty{display:none}.peer-bubble span{font-variant-numeric:tabular-nums}.peer-bubble:after{content:"";position:absolute;left:50%;bottom:-11px;border:8px solid transparent;border-top:9px solid var(--gink);border-bottom:0;transform:translate(-50%)}