:root{--ink: #f4f1ea;--muted: #b9b3a6;--accent: #ff5a1f;--panel: rgba(14, 15, 18, .62);--cond: "Saira Condensed", "Arial Narrow", system-ui, sans-serif;--body: "Saira", system-ui, -apple-system, "Segoe UI", sans-serif;--dust: #a39c8e;--plate: #ffd23f;--line: rgba(243, 239, 230, .11);--surface: rgba(24, 21, 18, .78);--slant: -12deg;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0c0e;color:var(--ink)}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body.clean #hud>:not(#bigMap,#touch),body.clean #touch>:not(.tc-rotate){opacity:0!important;animation:none!important;transition:none!important}.lap,#mapBox,.speedo,#todPick,#helpTag,#tutorial{zoom:var(--hud-scale, 1)}.panel{position:absolute;background:#0e0f12b8;border-radius:10px;padding:12px 16px;border:1px solid rgba(255,255,255,.08)}.lap{top:18px;left:18px;min-width:210px;font-variant-numeric:tabular-nums}.lap .row{display:flex;justify-content:space-between;gap:18px}.lap .lbl{color:var(--muted);font-size:12px;letter-spacing:.12em}.lap .big{font-size:34px;font-weight:700;letter-spacing:.02em;margin:2px 0 6px}.lap .small{font-size:14px}.split{height:18px;font-weight:700;font-size:14px;margin-top:4px}.split.good{color:#4ade80}.split.bad{color:#f87171}body:not(.racing) .race-only{display:none!important}.lap .pos{display:flex;align-items:baseline;gap:2px;margin:-2px 0 4px;font-family:var(--cond)}.lap .pos b{font-size:46px;font-weight:800;line-height:1}.lap .pos span{font-size:20px;color:var(--muted);font-weight:700}#standings{list-style:none;margin:8px -4px 0;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px}#standings li{display:grid;grid-template-columns:18px 4px 1fr auto;align-items:center;gap:7px;padding:2px 4px;border-radius:3px}#standings li>b{color:var(--muted);font-weight:600;text-align:right}#standings li>i{height:13px;background:var(--c);transform:skew(var(--slant))}#standings li>em{font-style:normal;color:var(--muted);font-size:12px}#standings li.me{background:#ff5a1f38}#standings li.me>span{font-weight:700}#mapBox{position:absolute;top:18px;right:18px;width:200px;height:200px;padding:0;display:block;background:var(--panel);border-radius:10px;border:1px solid rgba(255,255,255,.08);pointer-events:auto;cursor:zoom-in;transition:border-color .2s,opacity .35s ease}#mapBox:hover{filter:none;border-color:#ff5a1fcc}#minimap{width:100%;height:100%;display:block;border-radius:10px}#mapBox .expand{position:absolute;left:6px;bottom:6px;display:flex;align-items:center;gap:4px;padding:3px 4px 3px 6px;border-radius:6px;background:#0e0f12b8;color:var(--ink);opacity:.75;transition:opacity .2s}#mapBox:hover .expand{opacity:1}#mapBox .expand svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}#mapBox .expand kbd{min-width:0;padding:0 5px;font-size:11px;border-bottom-width:2px}#mapBox .map-credit{position:absolute;right:6px;bottom:5px;font:500 9px/1 var(--body);color:#ffffffbf;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:.02em}.speedo{bottom:22px;right:22px;min-width:190px;text-align:right;font-variant-numeric:tabular-nums}.speed{font-size:52px;font-weight:800;line-height:1}.speed small{font-size:14px;color:var(--muted);margin-left:6px;font-weight:500}.gear{color:var(--muted);font-size:12px;letter-spacing:.14em;margin-top:6px}.gear b{color:var(--ink);font-size:20px;margin-left:6px}.rpm{height:6px;background:#ffffff1f;border-radius:3px;margin-top:8px;overflow:hidden}#rpmBar{height:100%;width:0;background:linear-gradient(90deg,#ffd166,var(--accent) 70%,#ff2d2d);border-radius:3px}#toast{position:absolute;top:22%;left:50%;transform:translate(-50%,-10px);font-size:30px;font-weight:800;letter-spacing:.06em;text-shadow:0 2px 14px rgba(0,0,0,.6);opacity:0;transition:opacity .45s,transform .45s ease-out;text-align:center;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%);animation:toastIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px) scale(.86)}to{opacity:1;transform:translate(-50%) scale(1)}}#toast .count{display:block;font:800 96px/1 var(--cond);transform:skew(var(--slant))}#toast small{display:block;font-size:15px;font-weight:500;color:var(--muted);letter-spacing:.02em}#helpTag{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;pointer-events:auto;padding:6px 12px 6px 7px;border-radius:8px;background:var(--panel);border:1px solid rgba(255,255,255,.08);font:600 13px/1 var(--body);letter-spacing:.02em;color:var(--ink)}#helpTag:hover{filter:none;border-color:#ff5a1fcc}#helpTag kbd{font-size:12px}body.racing #helpTag,body:has(#tutorial:not(.hidden)) #helpTag,body:has(#bigMap:not(.hidden)) #helpTag,body:has(#debug:not(.hidden)) #helpTag{display:none}#tutorial{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:min(560px,calc(100vw - 460px));min-width:320px;padding:14px 18px 12px;border-radius:12px;pointer-events:auto;background:#0e0f12db;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 34px #00000059;animation:tutIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes tutIn{0%{opacity:0;transform:translate(-50%,14px)}}.tut-step{display:flex;gap:12px;align-items:baseline;font:600 17px/1.4 var(--body);padding-right:92px}.tut-step b{font:700 13px/1 var(--cond);color:var(--accent);letter-spacing:.06em;flex:none}.tut-step kbd{margin:0 2px;font-size:14px}.tut-bar{height:3px;margin:12px 0 0;border-radius:2px;background:#ffffff1f;overflow:hidden}.tut-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .12s linear}#tutorial.done .tut-bar i{background:#4ade80;width:100%!important}#tutorial.done .tut-step span:after{content:" ✓";color:#4ade80;font-weight:800}.tut-skip{position:absolute;top:8px;right:8px;padding:3px 8px;font:500 12px/1 var(--body);letter-spacing:0;background:none;color:var(--muted);border-radius:6px}.tut-skip:hover{filter:none;color:var(--ink)}.tut-skip kbd{font-size:10px;padding:0 4px;min-width:0;margin-left:4px}body:has(#shell:not(.hidden)) #tutorial,body:has(#bigMap:not(.hidden)) #tutorial{display:none}#debug{position:absolute;left:18px;bottom:18px;margin:0;padding:10px 12px;font:12px/1.45 ui-monospace,Menlo,monospace;background:#0009;border-radius:8px;color:#c9f7c9;min-width:280px}kbd{display:inline-block;min-width:24px;padding:2px 7px 1px;border-radius:5px;text-align:center;background:#2a2622;border:1px solid #45403a;border-bottom-width:3px;font:600 13px/1.3 var(--cond);color:var(--ink)}button{font:inherit;font-weight:700;font-size:16px;letter-spacing:.06em;cursor:pointer;background:var(--accent);color:#140a05;border:none;border-radius:10px;padding:12px 28px}button:hover{filter:brightness(1.1)}button.ghost{background:transparent;color:var(--muted);border:1px solid #3a3d44}input[type=range]{accent-color:var(--accent);flex:1}body:not(.sim) .sim-only,body.sim .arcade-only{display:none!important}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,transparent 55%,rgba(10,8,6,.38) 100%)}#fps{position:absolute;top:18px;left:50%;transform:translate(-50%);margin:0;font:11px/1.4 ui-monospace,Menlo,monospace;padding:5px 10px;border-radius:7px;background:#00000073;color:#d8f5d8;text-align:center;white-space:pre}#fps.ok{color:#ffe08a}#fps.bad{color:#ff9b8a}#fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0c0e;pointer-events:none;opacity:1;transition:opacity .45s ease-in}#fade.out{opacity:0;transition:opacity 1.6s ease-out}#fade .loadmsg{position:absolute;left:50%;top:54%;transform:translate(-50%);color:#c9ced6;font-size:15px;font-weight:600;letter-spacing:.08em;white-space:nowrap}#bigMap{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:#16465c;z-index:2;opacity:1;transition:opacity .6s ease;animation:shellIn .25s ease both}#bigMap.leaving{opacity:0}#bigMap canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:none}#bigMap canvas:active{cursor:grabbing}#bigMap.travelling canvas{cursor:default}#bigMap .side{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:260px;max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:#0e0f12d1}#bigMap.travelling .side,#bigMap.travelling .zoom{opacity:.35;pointer-events:none}#bigMap .ttl{font-size:22px;font-weight:800;letter-spacing:.04em;padding-right:30px}#bigMap .close{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:0;border-radius:8px;background:#ffffff0f;color:var(--ink);font-size:20px;line-height:1}#bigMap .close:hover{background:#ff5a1f4d;filter:none}#bigMap .hint,#bigMap .keys{font-size:12px;opacity:.7;margin:2px 2px 8px}#bigMap .keys{margin:8px 2px 0}#bigMap .pick{display:flex;flex-direction:column;gap:8px;padding:10px;margin-bottom:6px;border-radius:8px;background:#ff5a1f24;border:1px solid var(--accent)}#bigMap .pick span{font-weight:700}#bigMap .pick .map-go{padding:8px 12px;font-size:14px;border-radius:8px;display:flex;gap:8px;align-items:center;justify-content:center}#bigMap .pick .map-go kbd{background:#00000040;border-color:#0000004d;color:#140a05;font-size:11px}#bigMap .spots button{display:flex;gap:10px;align-items:baseline;width:100%;text-align:left;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:inherit;font:inherit;cursor:pointer;margin-bottom:4px}#bigMap .spots button:hover{background:#ff5a1f2e;border-color:var(--accent)}#bigMap .spots button b{min-width:14px;color:var(--accent)}#bigMap .legend{display:flex;flex-direction:column;gap:6px;margin:6px 2px;font-size:13px}#bigMap .legend span{display:flex;align-items:center;gap:8px}#bigMap .legend i{width:12px;height:12px;border-radius:50%;border:1.5px solid #000}#bigMap .zoom{position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column;gap:6px}#bigMap .zoom button{width:40px;height:40px;padding:0;border-radius:10px;font-size:20px;line-height:1;background:#0e0f12d1;color:var(--ink);border:1px solid rgba(255,255,255,.1)}#bigMap .zoom button:hover{filter:none;border-color:var(--accent)}#bigMap .status{position:absolute;left:50%;bottom:8%;transform:translate(-50%);text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.7);pointer-events:none}#bigMap .status b{display:block;font-size:30px;font-weight:800}#bigMap .status span{font-size:14px;opacity:.8;letter-spacing:.06em}@media (max-width: 760px){#bigMap .side{top:auto;bottom:10px;left:10px;right:10px;width:auto;transform:none;max-height:45vh}#bigMap .zoom{left:10px;bottom:auto;top:10px}}#hud.enter .lap{animation:slideR .6s .15s cubic-bezier(.22,1,.36,1) both}#hud.enter #mapBox{animation:slideL .6s .25s cubic-bezier(.22,1,.36,1) both}#hud.enter .speedo{animation:slideL .6s .35s cubic-bezier(.22,1,.36,1) both}@keyframes slideR{0%{opacity:0;transform:translate(-24px)}}@keyframes slideL{0%{opacity:0;transform:translate(24px)}}#hud .lap,#hud .speedo{transition:opacity .35s ease}body.hud-min #hud .lap{opacity:.55;transition:opacity 1.6s ease}.panel.lap.celebrate{animation:bestGlow 2.4s ease-out}.panel.lap.celebrate #bestLap{color:#ffd166}#bestLap{transition:color 1.2s}@keyframes bestGlow{0%{box-shadow:0 0 #ffd16600;border-color:#ffffff14}12%{box-shadow:0 0 0 3px #ffd1668c,0 0 38px #ffaa3c73;border-color:#ffd166}to{box-shadow:0 0 #ffd16600;border-color:#ffffff14}}.split{transition:color .3s}#tuning{position:fixed;top:12px;right:12px;bottom:12px;width:340px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;background:#101114eb;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 16px 50px #00000080;font-size:13px;z-index:5;animation:slideL .28s cubic-bezier(.22,1,.36,1) both}body.tuning-open #hud #mapBox{opacity:0!important;pointer-events:none}.tune-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 4px}.tune-head b{font-size:15px;letter-spacing:.08em;text-transform:uppercase}#tuning.custom .tune-head b:after{content:" ●";color:var(--accent)}.tune-close{background:none;color:var(--muted);font-size:22px;padding:0 6px;line-height:1}.tune-note{margin:0 16px 8px;color:var(--muted);line-height:1.4}.tune-note b{color:var(--ink)}body.sim .tune-note:after{content:" You are on Sim handling: switch to Arcade in the menu to feel these.";color:#ffd166}.tune-status{margin:0 16px 8px;color:var(--muted);font-size:12px;min-height:16px}#tuning.custom .tune-status{color:#ffd166}.tune-actions{display:flex;gap:6px;padding:0 16px 10px}.tune-actions button,.tune-apply{font-size:12px;padding:7px 10px;border-radius:8px}.tune-import{padding:0 16px 10px;display:flex;flex-direction:column;gap:6px}.tune-import textarea{height:110px;resize:vertical;background:#0e0f12;color:var(--ink);border:1px solid #3a3d44;border-radius:8px;font:11px/1.4 ui-monospace,Menlo,monospace;padding:8px}.tune-body{flex:1;overflow-y:auto;padding:0 8px 8px 16px;border-top:1px solid rgba(255,255,255,.06)}.tune-body details{border-bottom:1px solid rgba(255,255,255,.06);padding:4px 0}.tune-body summary{cursor:pointer;padding:8px 0;font-weight:700;letter-spacing:.04em;list-style:none}.tune-body summary:before{content:"▸ ";color:var(--muted)}.tune-body details[open] summary:before{content:"▾ "}.tune-count{color:var(--accent);font-weight:600}.tune-readout{color:#9fd3ff;font-size:12px;margin:-2px 0 6px;font-variant-numeric:tabular-nums}.tune-row{display:grid;grid-template-columns:118px 1fr 52px 20px;align-items:center;gap:8px;padding:3px 0}.tune-row label{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help}.tune-row output{text-align:right;font:12px ui-monospace,Menlo,monospace;color:var(--ink)}.tune-row.changed label{color:var(--ink)}.tune-row.changed output{color:var(--accent)}.tune-reset{visibility:hidden;background:none;color:var(--muted);padding:0;font-size:14px}.tune-row.changed .tune-reset{visibility:visible}.tune-foot{padding:8px 16px 12px;color:var(--muted);font-size:12px;border-top:1px solid rgba(255,255,255,.06)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;grid-template-columns:minmax(0,600px) 1fr;grid-template-rows:auto minmax(0,1fr) auto;font-family:var(--body);color:var(--ink);background:linear-gradient(90deg,#100d0af0 0,#100d0adb 36%,#100d0a40 64%,#100d0a00 82%);animation:shellIn .4s ease both;transition:opacity .36s ease}#shell[data-context=pause],#shell[data-context=results]{background:linear-gradient(90deg,#100d0af2 0,#100d0ae0 40%,#100d0a73 70%,#100d0a4d)}#shell.leaving{opacity:0;pointer-events:none}@keyframes shellIn{0%{opacity:0}}#shell button{font:inherit;letter-spacing:0;color:inherit;background:none;border:0;border-radius:0;padding:0;filter:none}#shell button:focus{outline:none}#shell button:disabled{cursor:default}.brand{grid-column:1;display:flex;align-items:center;gap:12px;padding:30px 48px 8px}.logo{font:800 38px/1 var(--cond);text-transform:uppercase;letter-spacing:.04em;transform:skew(var(--slant))}.stripes{display:flex;gap:5px;transform:skew(var(--slant))}.stripes i{width:7px;height:30px;background:var(--accent)}.stripes i:nth-child(2){opacity:.6}.stripes i:nth-child(3){opacity:.3}.screens{grid-column:1;grid-row:2;min-height:0;display:flex}[data-screen]{display:none;flex-direction:column;flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 48px 24px;scrollbar-width:thin;scrollbar-color:#45403a transparent}[data-screen].active{display:flex;animation:screenIn .26s cubic-bezier(.22,1,.36,1) both}@keyframes screenIn{0%{opacity:0;transform:translate(14px)}}.screen-title{display:flex;align-items:center;gap:12px;margin:0 0 14px;font:700 34px/1.1 var(--cond)}.screen-title>:not(.back){display:inline-block}.screen-title{transform:skew(var(--slant));transform-origin:left bottom}#shell .back{width:34px;height:34px;display:grid;place-items:center;font:600 26px/1 var(--body);color:var(--dust);border:1px solid var(--line);cursor:pointer}#shell .back:hover{color:var(--ink);border-color:var(--dust)}[data-screen] h3{margin:22px 0 8px;font:600 16px/1.2 var(--cond);color:var(--dust);letter-spacing:.02em}.lede{margin:0 0 6px;color:var(--dust);font-size:14px}.big-nav{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:10px 0 0}#shell .big-nav button{position:relative;padding:4px 22px 4px 16px;margin-left:-16px;cursor:pointer;text-align:left;font:700 46px/1.08 var(--cond);color:var(--ink);transition:color .12s}.big-nav button:before,.go:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--accent);transform:skew(var(--slant)) scaleX(0);transform-origin:left;transition:transform .16s cubic-bezier(.22,1,.36,1)}#shell .big-nav button.is-focus{color:#1d0e05}.big-nav button.is-focus:before{transform:skew(var(--slant)) scaleX(1)}.big-nav button{isolation:isolate}[data-context=pause] .big-nav button,[data-context=results] .big-nav button{font-size:36px}.venue,.setting{position:relative;isolation:isolate;cursor:pointer;text-align:left;width:100%}.venue:before,.setting:before{content:"";position:absolute;top:0;right:4px;bottom:0;left:4px;z-index:-1;opacity:0;background:#ff5a1f29;border-left:3px solid var(--accent);transform:skew(var(--slant));transition:opacity .12s}.venue.is-focus:before,.setting.is-focus:before{opacity:1}.outline{flex:none;display:block}.outline path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;opacity:.7;vector-effect:non-scaling-stroke}.venue.is-focus .outline,.venue.on .outline{color:var(--accent)}.venue.on .outline path{opacity:1}.plate{display:inline-block;padding:3px 8px 2px;border-radius:4px;background:var(--plate);color:#1b1606;font:700 16px/1.2 var(--cond);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.no-lap{color:var(--dust);font-size:13px;white-space:nowrap}.venues{display:flex;flex-direction:column}#shell .venue{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:7px 16px 7px 14px;color:var(--dust)}.venue .name{font:700 22px/1.1 var(--cond);display:flex;align-items:center;gap:10px}.venue em,.tab em{font:600 11px/1 var(--body);font-style:normal;color:var(--dust);border:1px solid var(--line);padding:3px 6px 2px;border-radius:3px}.mode-tabs{display:flex;flex-wrap:wrap;gap:4px 6px;margin:2px 0 0 -4px}#shell .tab{position:relative;isolation:isolate;display:flex;align-items:center;gap:6px;padding:5px 13px 4px;cursor:pointer;font:700 19px/1.1 var(--cond);color:var(--dust)}.tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform:skew(var(--slant));border:1px solid var(--line);transition:background .12s,border-color .12s}#shell .tab.on{color:#1d0e05}.tab.on:before{background:var(--accent);border-color:var(--accent)}#shell .tab.is-focus:not(.on){color:var(--ink)}.tab.is-focus:before{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}#shell .tab:disabled{opacity:.5}.tab:disabled:before{border-style:dashed}.mode-blurb{margin:10px 0 0;color:var(--dust);font-size:14px;line-height:1.45;max-width:52ch;min-height:1.45em}.sub-nav{display:flex;gap:4px;align-items:center}#shell .sub-nav button{padding:8px 12px;cursor:pointer;font:600 17px/1 var(--cond);color:var(--dust);border-bottom:2px solid transparent}#shell .sub-nav button.is-focus{color:var(--ink);border-bottom-color:var(--accent)}.venue.on,.venue.is-focus{color:var(--ink)}.venue.on .name:after{content:"";order:-1;width:8px;height:8px;background:var(--accent);transform:skew(var(--slant))}.venue-blurb .credit{display:block;margin-top:4px;font-size:12px;opacity:.7}.credits{margin-top:18px}.credits p{margin:0;color:var(--dust);font-size:13px;line-height:1.5;max-width:60ch}.venue-blurb{margin:6px 0 0;padding-left:14px;color:var(--dust);font-size:14px;line-height:1.5;min-height:3em;max-width:52ch}.bike-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#shell .bike{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 10px 10px;cursor:pointer;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:4px}.bike:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(100deg,var(--c1) 62%,var(--c2) 62%);transition:height .15s}.bike .name{font:600 13px/1.1 var(--body);color:var(--dust);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bike .name b{display:block;font:800 24px/1 var(--cond);color:var(--ink);margin-bottom:1px}.bike .plate{font-size:14px;padding:2px 6px 1px}#shell .bike.on{border-color:#f3efe68c}.bike.on:before{height:7px}#shell .bike.is-focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.bike-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px;padding-left:2px}.bike-info b{font:700 20px/1.1 var(--cond);display:block}.bike-info span{color:var(--dust);font-size:13px}.bike-info p{margin:6px 0 0;font-size:14px;line-height:1.45}.stat.top b{font:700 15px/1 var(--cond);color:var(--ink)}.stats{display:flex;flex-direction:column;gap:7px;padding-top:4px}.stat{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;color:var(--dust);font-size:13px}.stat .bar{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.stat .bar i{height:6px;background:#3a3530;transform:skew(var(--slant))}.stat .bar i.f{background:var(--ink)}#shell .go{position:relative;isolation:isolate;align-self:flex-start;margin-top:22px;padding:8px 40px 9px 26px;cursor:pointer;color:#1d0e05;text-align:left}.go-bar{position:sticky;bottom:-24px;margin:auto -48px -24px;padding:4px 48px 22px;background:linear-gradient(#15120f00,#15120f 22px);z-index:1}.go-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}.go-bar .go{margin-top:10px}.go:before{transform:skew(var(--slant))}.go span{display:block;font:800 34px/1 var(--cond)}.go small{display:block;font:500 13px/1.3 var(--body);opacity:.8;margin-top:2px}.go.is-focus:before{box-shadow:0 0 0 2px #1d0e05,0 0 0 4px var(--ink)}.go:hover:before{filter:brightness(1.08)}#shell .go:disabled{color:var(--dust)}.go:disabled:before{background:#3a3530}.records-count{margin:0 0 14px;color:var(--dust);font-size:14px;max-width:52ch}.records-table{overflow-x:auto;margin:0 -8px;padding:0 8px 4px}.records-table table{border-collapse:collapse;width:100%;min-width:480px}.records-table thead th{font:600 14px/1.2 var(--cond);color:var(--dust);text-align:left;padding:0 6px 8px;white-space:nowrap;border-bottom:2px solid var(--c1, transparent)}.records-table tbody th{text-align:left;font:700 18px/1.1 var(--cond);padding:6px 12px 6px 0;white-space:nowrap}.records-table tbody th>*{vertical-align:middle}.records-table tbody th .outline{display:inline-block;margin-right:10px;color:var(--dust)}.records-table tr+tr th,.records-table tr+tr td{border-top:1px solid var(--line)}.records-table td{padding:2px 0}#shell .records-table td button{width:100%;min-width:74px;padding:6px;border-radius:4px;cursor:pointer;text-align:left}#shell .records-table td button.is-focus{box-shadow:inset 0 0 0 2px var(--accent)}.records-table .time{font:600 16px/1.2 var(--cond);font-variant-numeric:tabular-nums}.records-table .plate{font-size:15px}.record-detail:not(:empty){margin-top:18px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:4px}.record-detail p{margin:6px 0 0;color:var(--dust);font-size:14px}.record-detail b{font:700 20px/1.15 var(--cond);display:block}.rd-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.rd-head span{color:var(--dust);font-size:13px}.rd-head .plate{font-size:20px}.sectors{list-style:none;margin:12px 0;padding:0;display:grid;gap:5px}.sectors li{display:grid;grid-template-columns:64px 1fr 52px;align-items:center;gap:10px;font-size:13px;color:var(--dust)}.sectors i{height:6px;width:var(--w);background:#f3efe673;transform:skew(var(--slant))}.sectors b{font:600 15px/1 var(--cond);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);display:inline}#shell .danger{padding:6px 12px;border:1px solid rgba(248,113,113,.5);border-radius:4px;color:#fca5a5;font-size:14px;cursor:pointer}#shell .danger.is-focus{background:#f8717129;border-color:#f87171}.settings-list section+section{margin-top:4px}.settings-list h3:first-child{margin-top:4px}#shell .setting{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:9px 16px 9px 14px;font-size:15px;font-weight:500;border-bottom:1px solid var(--line)}.setting .label small{display:block;color:var(--dust);font-size:12px;font-weight:400;margin-top:1px}.setting:disabled{opacity:.45}.setting .val{font:600 17px/1 var(--cond);font-variant-numeric:tabular-nums}.choice{display:flex;align-items:center;gap:8px}.choice .val{min-width:11ch;text-align:center}.choice i{font-style:normal;color:var(--dust);font-size:18px}.setting.is-focus .choice i{color:var(--accent)}.toggle,.range{display:flex;align-items:center;gap:10px}.toggle{display:inline-block;width:38px;height:20px;border-radius:10px;background:#3a3530;position:relative;transition:background .15s}.toggle i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--dust);transition:transform .15s,background .15s}.toggle.is-on{background:var(--accent)}.toggle.is-on i{transform:translate(18px);background:#fff}#shell .setting[data-kind=toggle]{grid-template-columns:1fr auto 3ch}.setting[data-kind=toggle] .val{color:var(--dust)}.range .track{width:120px;height:6px;background:#3a3530}.range .track i{display:block;height:100%;background:var(--accent)}.range .val{min-width:3ch;text-align:right}.keys dl{display:grid;grid-template-columns:120px 1fr;gap:8px 16px;margin:0;align-items:baseline}.keys dt{display:flex;gap:4px;flex-wrap:wrap}.keys dd{margin:0;font-size:14px;line-height:1.45}.keys .tip{color:var(--dust);font-size:13px;line-height:1.5;margin:14px 0 0;max-width:56ch}.race-setup h3{margin-top:14px}.results .result-head{margin:-6px 0 14px;color:var(--dust);font-size:14px}.results .result-head b{display:block;font:800 44px/1 var(--cond);color:var(--ink);transform:skew(var(--slant));transform-origin:left bottom;margin-bottom:6px}.results ol{list-style:none;margin:0 0 8px;padding:0;max-width:460px}.results li{display:grid;grid-template-columns:28px 6px 1fr auto auto;align-items:center;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line);font-size:15px}.results li>b{font:700 18px/1 var(--cond);color:var(--dust);text-align:right}.results li>i{height:18px;background:var(--c);transform:skew(var(--slant))}.results li .t{font:600 16px/1 var(--cond);font-variant-numeric:tabular-nums}.results li .gap{font:500 13px/1 var(--body);color:var(--dust);min-width:7ch;text-align:right;font-variant-numeric:tabular-nums}.results li.me{background:#ff5a1f29}.results li.me>span{font-weight:700}.results li:first-child>b{color:var(--plate)}.results .best{margin:10px 0 0;color:var(--dust);font-size:14px}.pause-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--dust);font-size:14px;margin:-6px 0 6px}.pause-status b{color:var(--ink);font-weight:600}.hints{grid-column:1;grid-row:3;display:flex;gap:18px;flex-wrap:wrap;padding:12px 48px 22px;color:var(--dust);font-size:13px}.hints span{display:flex;align-items:center;gap:4px}.hints kbd{min-width:20px;padding:1px 5px 0;font-size:12px}@media (max-width: 760px){#shell{grid-template-columns:1fr;background:#100d0ae0}.brand{padding:20px 16px 4px}[data-screen]{padding:12px 16px 18px}.go-bar{margin:auto -16px -18px;padding:4px 16px 16px;bottom:-18px}.sub-nav{width:100%;justify-content:flex-start;margin-left:-12px}.hints{display:none}#shell .big-nav button{font-size:38px}.bike-row{grid-template-columns:repeat(4,minmax(0,1fr))}.bike-info{grid-template-columns:1fr}#shell .venue{grid-template-columns:48px 1fr auto;gap:10px}.venue .outline{width:48px}.keys dl{grid-template-columns:92px 1fr}}@media (max-height: 640px){.brand{padding-top:16px}#shell .big-nav button{font-size:38px}[data-context=pause] .big-nav button{font-size:28px}}.go:disabled small{animation:pulse 1.2s infinite alternate}@keyframes pulse{0%{opacity:.4}to{opacity:1}}@media (min-width: 1100px){#shell[data-screen=home] .screens{grid-column:1 / -1}#shell[data-screen=home]{background:linear-gradient(270deg,#100d0a80 0,#100d0a00 30%),linear-gradient(90deg,#100d0af0 0,#100d0adb 30%,#100d0a33 50%,#100d0a00 62%)}[data-screen=home].active{display:grid;grid-template-columns:minmax(0,520px) 1fr minmax(0,460px);grid-template-rows:minmax(0,1fr) auto;column-gap:24px;overflow:hidden}.pane-venue{grid-column:1;grid-row:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#45403a transparent;margin:0 -8px;padding:0 8px}.pane-bike{grid-column:3;grid-row:1;align-self:end;padding:14px 16px 16px;background:#14110ecc;border:1px solid var(--line);border-radius:4px}.pane-bike h3:first-child{margin-top:0}[data-screen=home] .go-bar{grid-column:1 / -1;grid-row:2;position:static;margin:0;padding:14px 0 0;background:none}}body:has(#shell[data-context=pause]:not(.hidden)) #hud .lap,body:has(#shell[data-context=pause]:not(.hidden)) #helpTag{opacity:0}html,body{overscroll-behavior:none}#touch,.touch-only{display:none}body:not(.base-camp) .base-only,body:not(.manual-gear) .tc-shift{display:none!important}body.touch .touch-only{display:block}body.touch{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;--gut: 14px;--sl: max(var(--gut), env(safe-area-inset-left));--sr: max(var(--gut), env(safe-area-inset-right));--st: max(var(--gut), env(safe-area-inset-top));--sb: max(var(--gut), env(safe-area-inset-bottom));--tc: clamp(58px, 14vmin, 92px)}body.touch #touch{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;touch-action:none}body:has(#shell:not(.hidden)) #touch{display:none}#touch button{pointer-events:auto;touch-action:none;display:grid;place-items:center;padding:0;margin:0;font:700 calc(var(--tc) * .24)/1 var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:#0e0f126b;border:2px solid rgba(244,241,234,.32);border-radius:50%;transition:background .08s,border-color .08s,transform .08s}#touch button:hover{filter:none}#touch button.on{background:#ff5a1f8c;border-color:var(--accent);transform:scale(.94)}#touch button small{display:block;font-size:.62em;font-weight:600;opacity:.7;margin-top:2px}.tc-zone{position:absolute;left:0;bottom:0;width:46%;height:72%;pointer-events:auto;touch-action:none}.tc-stick{position:absolute;left:calc(var(--sl) + 8px);bottom:calc(var(--sb) + 8px);width:calc(var(--tc) * 2.1);height:calc(var(--tc) * 2.1);border-radius:50%;border:2px solid rgba(244,241,234,.22);background:#0e0f1242;display:grid;place-items:center;opacity:.7;transition:opacity .15s}.tc-stick.on{opacity:1}.tc-knob{width:calc(var(--tc) * .86);height:calc(var(--tc) * .86);border-radius:50%;background:#f4f1ea4d;border:2px solid rgba(244,241,234,.55)}.tc-stick.on .tc-knob{background:#ff5a1f80;border-color:var(--accent)}.tc-pedals button{position:absolute;width:var(--tc);height:var(--tc)}.tc-pedals .tc-gas{right:var(--sr);bottom:var(--sb);width:calc(var(--tc) * 1.4);height:calc(var(--tc) * 1.4);font-size:calc(var(--tc) * .3);border-color:#ff5a1fb3}.tc-pedals .tc-brake{right:calc(var(--sr) + var(--tc) * 1.4 + 12px);bottom:var(--sb)}.tc-pedals .tc-drift{right:calc(var(--sr) + var(--tc) * .2);bottom:calc(var(--sb) + var(--tc) * 1.4 + 12px)}.tc-pedals .tc-drift span{display:block;text-align:center}body.sim .tc-pedals .tc-drift{font-size:calc(var(--tc) * .19)}.tc-pedals .tc-shift{width:calc(var(--tc) * .72);height:calc(var(--tc) * .72);font-size:calc(var(--tc) * .36)}.tc-pedals .tc-up{right:calc(var(--sr) + var(--tc) * 1.4 + 12px + var(--tc) * .14);bottom:calc(var(--sb) + var(--tc) + 12px + var(--tc) * .72 + 8px)}.tc-pedals .tc-down{right:calc(var(--sr) + var(--tc) * 1.4 + 12px + var(--tc) * .14);bottom:calc(var(--sb) + var(--tc) + 12px)}.tc-top{position:absolute;top:var(--st);left:50%;transform:translate(-50%);display:flex;gap:10px}.tc-top button{width:calc(var(--tc) * .68);height:calc(var(--tc) * .68);font-size:calc(var(--tc) * .3);border-radius:12px}.tc-rotate{display:none}@media (orientation: portrait) and (max-width: 600px){body.touch .tc-rotate{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0b0c0ee6;pointer-events:auto;font:700 24px/1.2 var(--cond);text-align:center;padding:24px}body.touch .tc-rotate b{font-size:56px;color:var(--accent)}body.touch .tc-rotate small{font:500 14px/1 var(--body);color:var(--dust)}body.touch #touch>:not(.tc-rotate){display:none}}body.touch #helpTag,body.touch #fps,body.touch #debug{display:none!important}body.touch .lap{top:var(--st);left:var(--sl);min-width:0;padding:8px 12px}body.touch .lap .big{font-size:26px}body.touch .lap .small{font-size:12px}body.touch #mapBox{top:var(--st);right:var(--sr);width:clamp(96px,26vmin,200px);height:clamp(96px,26vmin,200px)}body.touch #mapBox .expand kbd{display:none}body.touch #tutorial{bottom:auto;top:calc(var(--st) + 60px);width:min(440px,60vw);min-width:0;padding:10px 14px 9px}body.touch .tut-step{font-size:14px;padding-right:48px}.tc-top svg{width:50%;height:50%;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}body.touch .speedo{right:auto;left:50%;bottom:var(--sb);transform:translate(-50%);min-width:150px;padding:8px 14px;text-align:center}body.touch .speed{font-size:38px}body.touch #hud.enter .speedo{animation:none}body.touch #toast{top:30%;font-size:24px;white-space:normal;width:max-content;max-width:90vw}body.touch #toast small{font-size:13px}body.touch #standings li:not(.near){display:none}body.touch .lap .pos b{font-size:34px}@media (max-height: 460px){body.touch .lap .row.small,body.touch .split{display:none}body.touch .speedo{padding:6px 12px;min-width:120px}body.touch .speed{font-size:30px}}body.touch .hints{display:none}body.touch #shell .back{width:44px;height:44px}body.touch #shell .sub-nav button{padding:12px 14px}body.touch #shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}body.touch #tuning{top:var(--st);bottom:var(--sb);right:var(--sr)}body.touch .tune-row{grid-template-columns:100px 1fr 46px 28px;padding:6px 0}body.touch .tune-foot{display:none}body.touch:has(#shell[data-context=pause]:not(.hidden)) #hud .speedo{opacity:0}#todPick{position:absolute;top:228px;right:18px;width:200px;height:40px;display:flex;padding:3px;gap:0;background:var(--panel);border-radius:10px;border:1px solid rgba(255,255,255,.08);pointer-events:auto;--i: 0;transition:opacity .35s ease}#todPick .slider{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:7px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1f;transform:translate(calc(var(--i) * 100%));transition:transform .45s cubic-bezier(.34,1.4,.64,1),background .45s}#todPick[data-h=golden] .slider{background:#ffa0504d}#todPick[data-h=night] .slider{background:#82a0ff42}#todPick button{position:relative;flex:1;padding:0;background:none;border-radius:7px;color:var(--muted);display:grid;place-items:center;transition:color .3s,transform .2s}#todPick button:hover{filter:none;color:var(--ink)}#todPick button:active{transform:scale(.9)}#todPick button.on{color:var(--ink)}#todPick svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#todPick svg .fill{fill:currentColor;stroke:none}#todPick button.on svg{animation:todPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes todPop{40%{transform:scale(1.25) rotate(-12deg)}}#hud.enter #todPick{animation:slideL .6s .3s cubic-bezier(.22,1,.36,1) both}body.racing #todPick,body.tuning-open #todPick{display:none}body.touch #todPick{top:calc(var(--st) + clamp(96px,26vmin,200px) + 8px);right:var(--sr);width:clamp(120px,26vmin,200px);height:36px}#todFx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .42s ease,visibility 0s .42s;--ox: 50%;--oy: 18%;--low: 0}#todFx.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s ease}#todFx.on.out{opacity:0;transform:scale(1.06);transition:opacity 1s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}html[data-todfx] #fade{display:none}#todFx .sky{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.1s ease}#todFx .sky.day{background:linear-gradient(180deg,#2f6fc9,#6ea9e6 48%,#cfe4f4 72%,#e9f1f2)}#todFx .sky.golden{background:linear-gradient(180deg,#2c3b73,#8a5c86 30%,#e98a52 56%,#ffc477 72%,#ffe1a8)}#todFx .sky.night{background:linear-gradient(180deg,#03060f,#0a1328 45%,#16264a 72%,#22355c)}#todFx[data-h=day] .sky.day,#todFx[data-h=golden] .sky.golden,#todFx[data-h=night] .sky.night{opacity:1}#todFx .stars{position:absolute;top:0;right:0;bottom:30%;left:0;opacity:0;transition:opacity 1.4s ease .2s;background-image:radial-gradient(1.3px 1.3px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 27% 8%,#dfe8ff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 43% 26%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 58% 12%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 71% 31%,#e6edff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 86% 9%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 93% 40%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 44%,#fff 50%,transparent 51%),radial-gradient(1.1px 1.1px at 20% 60%,#dfe8ff 50%,transparent 51%),radial-gradient(1px 1px at 64% 52%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 79% 66%,#fff 50%,transparent 51%),radial-gradient(1.3px 1.3px at 37% 47%,#fff 50%,transparent 51%);background-size:360px 260px;animation:twinkle 3.2s ease-in-out infinite alternate}#todFx[data-h=night] .stars{opacity:1}@keyframes twinkle{0%{filter:brightness(.7)}to{filter:brightness(1.25)}}#todFx .orb{position:absolute;left:var(--ox);top:var(--oy);width:0;height:0}#todFx .orb i{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%);transition:opacity .25s}#todFx .orb .sun{width:calc(84px + 30px * var(--low));height:calc(84px + 30px * var(--low));background:radial-gradient(circle,#fffdf2,#fff3c4 38%,#ffd678e6 52%,#ffbe5a00 72%);box-shadow:0 0 120px 40px rgba(255,220,140,calc(.35 + .25 * var(--low)));animation:sunPulse 2.6s ease-in-out infinite alternate}#todFx .orb .sun:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:var(--low);background:radial-gradient(circle,#ffe3a0,#ffab5c 40%,#ff7832cc 54%,#ff6e2800 72%)}#todFx .orb .moon{width:46px;height:46px;background:radial-gradient(circle at 38% 36%,#f6f7ff,#c9d2ea 70%);box-shadow:0 0 40px 10px #aac3ff47,inset -10px -6px #96a5c859}#todFx[data-orb=sun] .moon,#todFx[data-orb=moon] .sun{opacity:0}@keyframes sunPulse{to{filter:brightness(1.08);transform:translate(-50%,-50%) scale(1.04)}}#todFx .hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:42%}#todFx .hills path{transition:fill 1.1s ease}#todFx[data-h=day] .far{fill:#6f9a72}#todFx[data-h=day] .near{fill:#3f6b3c}#todFx[data-h=golden] .far{fill:#8a5a5c}#todFx[data-h=golden] .near{fill:#4a2f33}#todFx[data-h=night] .far{fill:#17223b}#todFx[data-h=night] .near{fill:#0a1020}#todFx .label{position:absolute;left:0;right:0;bottom:15%;text-align:center;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}#todFx .label b{display:block;font:800 clamp(40px,8vw,86px)/1 var(--cond);text-transform:uppercase;letter-spacing:.04em;transform:skew(var(--slant))}#todFx.on:not(.held) .label b{animation:todLabel .7s .15s cubic-bezier(.22,1,.36,1) both}#todFx .label small{display:block;margin-top:10px;font:500 15px/1 var(--body);letter-spacing:.08em;opacity:.85}#todFx.on:not(.held) .label small{animation:todRise .7s .3s cubic-bezier(.22,1,.36,1) both}@keyframes todRise{0%{opacity:0;transform:translateY(14px)}}#todFx .label small:after{content:"";animation:dots 1.2s steps(4) infinite;display:inline-block;width:1.2em;text-align:left}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}#todFx .status{min-height:18px;margin-top:10px;font:500 13px/1.2 var(--body);opacity:.7}#todFx .status .loadmsg{position:static;transform:none;color:inherit;font:inherit;letter-spacing:.04em}@keyframes todLabel{0%{opacity:0;transform:translateY(14px) skew(var(--slant))}}#todFx .bar{position:absolute;left:50%;bottom:9%;width:min(260px,50vw);height:3px;transform:translate(-50%);border-radius:2px;background:#ffffff2e;overflow:hidden}#todFx .bar i{position:absolute;top:0;bottom:0;left:0;width:40%;border-radius:2px;background:#ffffffd9;animation:todBar 1.3s cubic-bezier(.65,0,.35,1) infinite;will-change:transform}@keyframes todBar{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion: reduce){#todFx .stars,#todFx .orb .sun,#todFx .bar i,#todFx .label small:after{animation:none}}#fatal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px 16px;background:#0b0c0e;color:var(--ink);font-family:var(--body)}#fatal .fatal-card{max-width:520px}#fatal .brand{padding:0 0 22px}#fatal h1{font:700 28px/1.15 var(--cond);margin:0 0 10px;letter-spacing:.01em}#fatal p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}#fatal .fatal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}#fatal button{padding:10px 26px;border:0;border-radius:6px;cursor:pointer;background:var(--accent);color:#fff;font:700 17px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase}#fatal button.secondary{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),inset 0 0 0 2px #f3efe62e}body:not(.pad) .pad-only{display:none!important}.controls-nav{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 4px}#shell .controls-nav button{padding:8px 14px;border:1px solid var(--line);font:600 15px/1.2 var(--cond);letter-spacing:.02em;color:var(--ink);cursor:pointer}#shell .controls-nav button.is-focus,#shell .controls-nav button:hover{border-color:var(--accent);background:#ff5a1f24}.keys-note{min-height:20px;margin:4px 0 0;color:var(--plate);font-size:13px}.keys-list h3:first-child{margin-top:6px}.bind-row{display:grid;grid-template-columns:1fr 96px 96px;gap:8px;align-items:center;padding:3px 0;font-size:14px}.bind-row.changed>span:after{content:" ●";color:var(--accent);font-size:10px}#shell .bind{height:32px;border:1px solid #45403a;border-bottom-width:3px;border-radius:5px;background:#2a2622;font:600 14px/1 var(--cond);color:var(--ink);cursor:pointer;text-align:center}#shell .bind.empty{color:var(--dust);background:transparent}#shell .bind.is-focus,#shell .bind:hover{border-color:var(--accent)}#shell .bind:disabled{opacity:.45}#shell .bind.listening{border-color:var(--plate);color:var(--plate);font-size:12px;animation:listen 1s ease-in-out infinite alternate}@keyframes listen{to{background:#ffd23f24}}#shell [data-act=resetKeys]{margin-top:18px;align-self:flex-start}.pause-credit{margin:auto 0 0;padding-top:18px;font-size:11px;color:var(--dust);opacity:.8}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-vietnamese-400-normal-BDft9Aer.woff2) format("woff2"),url(/assets/saira-vietnamese-400-normal-BxJNjdQK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-latin-ext-400-normal-BJFFSgrL.woff2) format("woff2"),url(/assets/saira-latin-ext-400-normal-FApn06KW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-latin-400-normal-6Q3FbzbH.woff2) format("woff2"),url(/assets/saira-latin-400-normal-Du12DsUY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/saira-vietnamese-500-normal-DnkVjnpC.woff2) format("woff2"),url(/assets/saira-vietnamese-500-normal-CGZ3WEl0.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/saira-latin-ext-500-normal-C-BKQ_B5.woff2) format("woff2"),url(/assets/saira-latin-ext-500-normal-DNhYPXNS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/saira-latin-500-normal-BUkaYXVh.woff2) format("woff2"),url(/assets/saira-latin-500-normal-DeI90g98.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-vietnamese-600-normal-D5gszP3k.woff2) format("woff2"),url(/assets/saira-vietnamese-600-normal-BXtbQ9YO.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-latin-ext-600-normal-BDLPjVgT.woff2) format("woff2"),url(/assets/saira-latin-ext-600-normal-DVm3eXEL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-latin-600-normal-DYxBFP1f.woff2) format("woff2"),url(/assets/saira-latin-600-normal-DF-o6wW3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-condensed-vietnamese-600-normal-DdheDV3O.woff2) format("woff2"),url(/assets/saira-condensed-vietnamese-600-normal-Cx33h9T1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-condensed-latin-ext-600-normal-DwjIBGFg.woff2) format("woff2"),url(/assets/saira-condensed-latin-ext-600-normal-BQ2ZMbdg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/saira-condensed-latin-600-normal-0taFJMb7.woff2) format("woff2"),url(/assets/saira-condensed-latin-600-normal-CJ-Ib_yI.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/saira-condensed-vietnamese-700-normal-DTNtv3pg.woff2) format("woff2"),url(/assets/saira-condensed-vietnamese-700-normal-C4pgqYLY.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/saira-condensed-latin-ext-700-normal-rfs_OqX7.woff2) format("woff2"),url(/assets/saira-condensed-latin-ext-700-normal-DPP8JZfq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/saira-condensed-latin-700-normal-BpDqMSKw.woff2) format("woff2"),url(/assets/saira-condensed-latin-700-normal-Br1WwvhS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/saira-condensed-vietnamese-800-normal-Hyzchbuc.woff2) format("woff2"),url(/assets/saira-condensed-vietnamese-800-normal-CaxTnp2e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/saira-condensed-latin-ext-800-normal-0vZpt5oJ.woff2) format("woff2"),url(/assets/saira-condensed-latin-ext-800-normal-CGIp6uZ0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/saira-condensed-latin-800-normal-Pyk8ZVcZ.woff2) format("woff2"),url(/assets/saira-condensed-latin-800-normal-DACapFM9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}