:root{--ink: #2a1a0f;--paper: #f7efe0;--paper-2: #efe2c8;--leather: #7a4524;--leather-dark: #4e2a14;--accent: #c0392b;--gold: #e5b34a;--ok: #2e7d32;--hud-bg: rgba(22, 14, 8, .62);--hud-ink: #fff6e6;--radius: 12px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#cdb58f;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,select{-webkit-user-select:text;user-select:text}button{touch-action:manipulation}#scene{touch-action:none;position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}button{font:inherit;cursor:pointer}kbd{display:inline-block;min-width:1.5em;padding:0 .35em;border-radius:4px;border:1px solid currentColor;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.78em;line-height:1.5;text-align:center;opacity:.85}.panel{position:fixed;background:var(--paper);border:2px solid var(--leather-dark);border-radius:var(--radius);box-shadow:0 18px 50px #1e0f0559,inset 0 0 0 4px var(--paper-2)}.menu{top:50%;left:clamp(16px,5vw,64px);transform:translateY(-50%);width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:26px 26px 20px}.menu .kicker{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--leather)}.menu h1{margin:4px 0 6px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,6vw,3rem);line-height:1;color:var(--leather-dark)}.menu .lede{margin:0 0 18px;line-height:1.45}.menu h2{margin:0 0 10px;font-size:1rem}.riders{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.rider-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;border-radius:10px;border:2px solid #cdb68f;background:#fffaf0;color:var(--ink);transition:border-color .15s,transform .15s,background .15s}.rider-card:hover{transform:translateY(-1px)}.rider-card.selected{border-color:var(--accent);background:#fff1e6;box-shadow:0 0 0 3px #c0392b26}.rider-card small{color:#6c5540;font-size:.75rem}.rider-icon{width:54px;height:54px;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 62%,var(--skin) 0 30%,transparent 31%),linear-gradient(to top,var(--shirt) 0 26%,transparent 26%);background-color:#efe4cf;overflow:hidden}.rider-icon:before{content:"";position:absolute;left:8px;right:8px;top:14px;height:7px;border-radius:50%;background:var(--hat);box-shadow:0 -8px 0 -2px var(--hat)}.rider-icon:after{content:"";position:absolute;top:26px;right:11px;width:7px;height:var(--tail, 0);border-radius:4px;background:#5a321a}.rider-icon.man{--skin: #c98f66;--shirt: #2f5d8a;--hat: #6b4a2b}.rider-icon.woman{--skin: #e2b393;--shirt: #b03a6f;--hat: #d8ccb2;--tail: 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.field{display:grid;gap:4px;font-size:.85rem;font-weight:700;color:var(--leather-dark)}.field small{font-weight:400;color:#6c5540}.field input,.field select{font:inherit;font-weight:400;width:100%;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid #cdb68f;background:#fffaf0;color:var(--ink)}.field input:focus-visible,.field select:focus-visible,button:focus-visible{outline:3px solid rgba(192,57,43,.45);outline-offset:1px}.settings{display:grid;gap:10px;margin-top:10px}.settings .note{margin:-4px 0 0}button.secondary{padding:9px 12px;border-radius:10px;border:1px solid var(--leather);background:#fffaf0;color:var(--leather-dark);font-weight:700}.sliders{display:grid;gap:6px}.slider{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;font-size:.85rem}.slider input{width:100%;accent-color:var(--accent)}button.primary{width:100%;padding:13px 16px;border:0;border-radius:10px;background:linear-gradient(#cf4a33,#a8311f);color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.02em;box-shadow:0 3px #6d1d12}button.primary:active{transform:translateY(2px);box-shadow:0 1px #6d1d12}.help{margin-top:12px;border-top:1px dashed #cdb68f;padding-top:10px;font-size:.9rem}.help summary{cursor:pointer;font-weight:700;color:var(--leather-dark)}.keys{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.rules{padding-left:1.2em;margin:8px 0;line-height:1.4}.rules li+li{margin-top:4px}.note{font-size:.8rem;color:#6c5540;margin:6px 0 0}#fx-vignette{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(40,20,5,.55) 100%);transition:background .25s}#fx-vignette.slowmo{background:radial-gradient(ellipse at center,transparent 45%,rgba(20,10,0,.75) 100%)}#hud{position:fixed;inset:0;pointer-events:none;color:var(--hud-ink)}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px}.next-box{justify-self:start;display:flex;gap:10px;align-items:center;background:var(--hud-bg);padding:8px 12px 8px 8px;border-radius:10px;max-width:360px;font-size:.92rem;line-height:1.3}.next-box .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.next-arrow{width:38px;height:38px;flex:none;border-radius:50%;border:2px solid rgba(255,224,138,.6);display:grid;place-items:center;transition:opacity .2s}.next-arrow span{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:16px solid #ffe08a;transform:translateY(-2px)}.next-arrow.off{opacity:.25}.timer-box{text-align:center;background:var(--hud-bg);border-radius:12px;padding:6px 18px 8px;min-width:170px}.timer{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:2.3rem;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}.timer.running{color:#fff}.timer.done{color:#9dffb0}.timer.broken{color:#ff9d8a}.penalty{font-size:.85rem;color:#ffc48a;min-height:1.1em}.split{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;font-variant-numeric:tabular-nums;min-height:1.2em;border-radius:6px}.split b{padding:0 4px;border-radius:4px}.split .ahead{color:#7dff9a}.split .behind{color:#ff9d8a}.split.flash{animation:split-flash 1.2s ease-out}@keyframes split-flash{0%{background:#ffe08a73}to{background:transparent}}.caption{position:absolute;left:50%;bottom:70px;transform:translate(-50%,8px);max-width:min(560px,calc(100vw - 32px));display:flex;gap:10px;align-items:baseline;padding:8px 14px;border-radius:10px;background:#160e08b8;font-size:1rem;line-height:1.35;opacity:0;transition:opacity .3s,transform .3s}.caption.show{opacity:1;transform:translate(-50%)}.caption-label{flex:none;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#ffe08a}#btn-ghost.off{opacity:.6}.hud-buttons{justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;pointer-events:auto}.hud-buttons button{background:var(--hud-bg);color:var(--hud-ink);border:1px solid rgba(255,246,230,.35);border-radius:8px;padding:7px 10px;font-size:.85rem}.hud-buttons button:hover{background:#28180cd9}#btn-camera{border-color:#ffe08acc}.toast{position:absolute;top:110px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:20px;background:#160e08bf;font-weight:700;font-size:1.05rem;opacity:0;transition:opacity .25s;white-space:nowrap}.toast.show{opacity:1}.toast.bad{background:#961e14d9}.toast.good{background:#1e6428d9}.hud-bottom{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:flex-end}.speed{background:var(--hud-bg);padding:6px 12px;border-radius:10px;font-size:.95rem}#hud-speed{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.5rem;font-weight:700}#minimap{width:120px;height:200px;background:#160e0873;border-radius:10px}.touch{display:none}.check{display:flex;gap:8px;align-items:center;font-size:.88rem}.check input{width:18px;height:18px;accent-color:var(--accent)}@media(pointer:coarse){.touch{position:absolute;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:max(10px,env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.touch.lefty{flex-direction:row-reverse}.pad{position:relative;pointer-events:auto;touch-action:none;border-radius:18px;background:#160e0847;border:1px solid rgba(255,246,230,.18);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pad.active{background:#160e086b;border-color:#ffe08a80}.pad canvas{position:absolute;inset:0;width:100%;height:100%}.pad-steer{width:min(46vw,250px);height:120px}.pad-speed{width:104px;height:min(46vh,210px)}.pad-one{width:min(52vw,240px);height:min(56vh,240px);margin-left:auto}.touch.lefty .pad-one{margin-left:0;margin-right:auto}.hud-bottom{bottom:auto;top:92px;justify-content:flex-start;align-items:flex-start}.hud-buttons kbd,.next-box .label{display:none}.speed{position:fixed;left:50%;transform:translate(-50%);bottom:12px}#minimap{width:72px;height:120px}.caption{bottom:150px}}@media(pointer:coarse)and (max-height:500px){.hud-top{top:8px;gap:8px}.timer{font-size:1.5rem}.timer-box{padding:4px 12px 6px;min-width:120px}.next-box{font-size:.8rem;padding:6px 10px 6px 6px;max-width:280px}.next-arrow{width:30px;height:30px}.hud-buttons button{padding:5px 9px;font-size:.78rem}.hud-bottom{top:66px}#minimap{width:60px;height:100px}.pad-one{height:min(52vh,240px)}.caption{bottom:140px;font-size:.85rem}}@media(pointer:coarse)and (orientation:portrait){.hud-bottom{top:196px}.speed{inset:196px 12px auto auto;transform:none}}.app-row{display:flex;gap:8px;margin-top:8px}.app-row button{flex:1}.offscreen{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.offscreen-arrow{position:absolute;left:-16px;top:-16px;width:32px;height:32px;border-radius:50%;background:#160e089e;border:2px solid rgba(255,224,138,.85)}.offscreen-arrow svg{display:block;width:100%;height:100%}.offscreen-dist{position:absolute;left:-30px;top:18px;width:60px;text-align:center;font-size:.75rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8)}.rotate-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:12px;background:#160e08cc;font-weight:700;text-align:center}.pause{top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 32px));padding:22px 24px;text-align:center;display:grid;gap:10px}.pause h2{margin:0;font-family:Georgia,serif;color:var(--leather-dark)}.pause p{margin:0}@media(max-width:1180px){.cam-label{display:none}}@media(max-width:520px){.result-body,.fields{grid-template-columns:1fr}}@media(max-width:720px){.hud-top{grid-template-columns:1fr auto}.timer-box{grid-row:1;grid-column:2;min-width:0}.timer{font-size:1.6rem}.next-box{grid-column:1;grid-row:1;font-size:.8rem}.split{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9rem;font-variant-numeric:tabular-nums;min-height:1.2em;border-radius:6px}.split b{padding:0 4px;border-radius:4px}.split .ahead{color:#7dff9a}.split .behind{color:#ff9d8a}.split.flash{animation:split-flash 1.2s ease-out}@keyframes split-flash{0%{background:#ffe08a73}to{background:transparent}}.caption{position:absolute;left:50%;bottom:70px;transform:translate(-50%,8px);max-width:min(560px,calc(100vw - 32px));display:flex;gap:10px;align-items:baseline;padding:8px 14px;border-radius:10px;background:#160e08b8;font-size:1rem;line-height:1.35;opacity:0;transition:opacity .3s,transform .3s}.caption.show{opacity:1;transform:translate(-50%)}.caption-label{flex:none;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#ffe08a}#btn-ghost.off{opacity:.6}.hud-buttons{grid-column:1 / -1;justify-self:stretch;justify-content:flex-start}.cam-label{display:none}.caption{bottom:250px;font-size:.9rem}.toast{top:200px;white-space:normal;text-align:center;max-width:calc(100vw - 32px)}}.result{top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;padding:22px 24px;text-align:center}.result h2{margin:0;font-family:Georgia,serif;font-size:1.8rem;color:var(--leather-dark)}.result .reason{margin:6px 0 12px;color:#8c2a1c;min-height:1em}.result-body{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;margin:0 0 18px}.result-map{margin:0;display:grid;gap:4px;justify-items:center}.result-map canvas{width:120px;height:200px;border-radius:8px;background:#3a2a1c}.result-map figcaption{font-size:.72rem;color:#6c5540;text-align:center;line-height:1.35}.result dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0;text-align:left}.result dt{color:#6c5540}.result dd{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;text-align:right}.result dd.total{font-size:1.3rem;color:var(--accent)}.result dd.holder{font-family:inherit;overflow-wrap:anywhere}.result dd.split{font-weight:400;font-size:.9rem}.result dd.ahead{color:var(--ok)}.result dd.behind{color:#a8311f}.result dd.record{color:var(--ok)}.result .actions{display:grid;gap:8px}.result .actions button:not(.primary){padding:10px;border-radius:10px;border:1px solid #cdb68f;background:#fffaf0}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#cdb58f;font-family:Georgia,serif;font-size:1.4rem;color:var(--leather-dark);transition:opacity .4s}#loading.gone{opacity:0;pointer-events:none}