main{max-width:960px;margin:auto;padding:0 16px}h1{margin-bottom:8px}.intro{margin-top:0;color:var(--ink-sub)}
.stage{max-width:640px;margin:16px auto;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.turnbar{--tb-msg-lines:2;--tb-st-lines:1}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
#setup .field{display:flex;flex-direction:column;gap:8px;max-width:260px}#setup select{font:inherit;min-height:44px;padding:8px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px}
.runner-hud{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:16px 0 8px;font-variant-numeric:tabular-nums}.runner-hud p{margin:0}#progress{font-weight:700}#course,#best,#pace{font-size:14px;color:var(--ink-sub)}
#board{display:block;width:100%;height:auto;border:1px solid var(--line-strong);border-radius:6px;touch-action:none;outline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;
 --rn-sky:#EAF0F2;--rn-sun:#F6E7C8;--rn-far:#D5DFE3;--rn-near:#C2D0D5;--rn-ground:#E4DCCB;--rn-edge:#6F675A;--rn-track:#CDBFA6;--rn-pebble:#BDAE93;--rn-dust:#CDBFA6;--rn-shadow:rgba(40,30,10,.18);
 --rn-block:#B07A2E;--rn-block-top:#CF9A4C;--rn-block-line:#5E3F14;--rn-bar:#A4473C;--rn-bar-stripe:#EFD9C9;--rn-bar-line:#5A2620;--rn-cable:#7A7F87;
 --rn-runner:var(--accent);--rn-runner-back:#1E3B58;--rn-head:var(--ink);--rn-band:#D9A21B;--rn-veil:rgba(247,246,242,.74)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #board{--rn-sky:#22262C;--rn-sun:#3E444D;--rn-far:#2B3037;--rn-near:#333941;--rn-ground:#3B3730;--rn-edge:#A9A08F;--rn-track:#534C40;--rn-pebble:#5F574A;--rn-dust:#6A6252;--rn-shadow:rgba(0,0,0,.35);--rn-block:#C08A35;--rn-block-top:#DDAA55;--rn-block-line:#2E1E08;--rn-bar:#C65A4E;--rn-bar-stripe:#F0DCD0;--rn-bar-line:#3A1612;--rn-cable:#8C929B;--rn-runner-back:#4E7299;--rn-band:#E2B54A;--rn-veil:rgba(28,29,32,.72)}}
:root[data-theme="dark"] #board{--rn-sky:#22262C;--rn-sun:#3E444D;--rn-far:#2B3037;--rn-near:#333941;--rn-ground:#3B3730;--rn-edge:#A9A08F;--rn-track:#534C40;--rn-pebble:#5F574A;--rn-dust:#6A6252;--rn-shadow:rgba(0,0,0,.35);--rn-block:#C08A35;--rn-block-top:#DDAA55;--rn-block-line:#2E1E08;--rn-bar:#C65A4E;--rn-bar-stripe:#F0DCD0;--rn-bar-line:#3A1612;--rn-cable:#8C929B;--rn-runner-back:#4E7299;--rn-band:#E2B54A;--rn-veil:rgba(28,29,32,.72)}
#jump{display:block;width:100%;min-height:56px;font-size:20px}#jump.airborne{border-style:dashed}#input-state{font-size:14px;min-height:1.5em;margin:8px 0;color:var(--ink-sub)}
.runner-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.runner-tools button{min-width:0;padding-inline:6px;overflow-wrap:anywhere}
#result{margin:16px 0 8px;padding:16px;background:var(--accent-soft);border-radius:6px}#result h2{font-size:20px;margin:0 0 8px}#result p{margin:8px 0}#result-note{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}#result-best.new-best{color:var(--ok);font-weight:700}#progress{font-size:18px}#stats,#save-note{font-size:14px;margin:8px 0 0}#save-note{color:var(--warn)}#save-note:empty{display:none}
.howto{margin:24px 0}.howto-shot{position:relative;max-width:640px;margin:auto}.howto-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px}.howto-shot svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.howto figcaption{margin:8px 0;line-height:1.6}.article{max-width:760px;margin:32px auto}.article table{width:100%;table-layout:fixed}.article td,.article th{padding:8px}.controls-inline dl.cc-two{grid-template-columns:minmax(0,60%) minmax(0,1fr)}.controls-inline dt,.controls-inline dd{overflow-wrap:anywhere;min-width:0}.site-footer{max-width:960px;margin:24px auto;padding:16px;font-size:14px}
@media(max-width:500px){.stage{padding:12px}main{padding:0 12px}.runner-hud{margin-top:8px}.runner-hud #progress{font-size:16px}.turnbar{--tb-msg-lines:2;--tb-st-lines:1}}