.stage{max-width:640px;margin:auto;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.turnbar{--tb-msg-lines:3;--tb-st-lines:1}#setup{display:flex;gap:12px;flex-wrap:wrap}.field{min-width:0;flex:1 1 130px}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#board{display:block;width:100%;height:auto;border:1px solid var(--line-strong);border-radius:6px;touch-action:manipulation;--garden:#e5eee8;--path:#d3dfdb;--leaf:#6b9683;--edge:#344b44;--tile:#93aaa0;--hurdle:#ba7952;--runner:#367f86;--mark:#fff8e8;--contact:#a73635}#jump{min-width:148px}#progress{min-height:1.8em;font-variant-numeric:tabular-nums}#result{padding:12px;background:var(--accent-soft);border-radius:6px}#stats{font-size:14px}.ad-gap{height:160px}.article img{width:100%;height:auto;display:block}.article table{table-layout:fixed;width:100%;overflow-wrap:anywhere}.article th,.article td{padding:8px}.controls-inline dt,.controls-inline dd{min-width:0;overflow-wrap:anywhere}.controls-inline dl.cc-two{grid-template-columns:minmax(0,60%) minmax(0,1fr)}@media(min-width:700px){.turnbar{--tb-msg-lines:2}}@media(prefers-color-scheme:dark){#board{--garden:#294038;--path:#49635a;--leaf:#8baa98;--edge:#c6d6c9;--tile:#769386;--hurdle:#a96744;--runner:#76b8bb;--mark:#fff6df;--contact:#f28a83}}

/* 設定を指で選べる大きさにし、ラベルの下へ揃える。 */
#setup .field{display:flex;flex-direction:column;gap:6px;font-size:16px}#setup select,#setup input{box-sizing:border-box;width:100%;min-height:44px;font:inherit;line-height:1.35;padding:8px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px}#setup select:focus-visible,#setup input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.runner-quality .runner-hud{display:grid;grid-template-columns:1fr;gap:3px;margin:8px 0 12px}.runner-hud p{margin:0;font-size:16px}.runner-hud #course{color:var(--ink-sub)}.runner-hud progress{width:100%;height:9px;accent-color:var(--accent);border:0;border-radius:6px;overflow:hidden}.runner-hud progress::-webkit-progress-bar{background:var(--line)}.runner-hud progress::-webkit-progress-value{background:var(--accent)}.runner-scene{position:relative}.runner-play{display:grid;gap:6px;margin:10px 0}.runner-play #runner-input{min-height:1.5em;font-size:16px;line-height:1.5}.runner-play #jump{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:68px;margin:0;font-size:20px}.runner-play #jump svg{width:32px;height:32px}.runner-play #jump.airborne{border-style:dashed}.runner-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.runner-tools button{padding-inline:6px;min-width:0;overflow-wrap:anywhere}.runner-outcome{margin-block:8px}.runner-outcome #result{padding:12px;margin-block:8px}.runner-outcome #result h2{margin:0 0 6px;font-size:20px}.runner-outcome #result p{margin:0 0 8px}.runner-outcome .controls{margin:8px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.runner-outcome button{min-height:48px;min-width:0;padding-inline:8px}.runner-retry:has(button:not([hidden])){margin:8px 0}.runner-quality #stats{margin:10px 0 0}.runner-quality[data-phase=failed] #jump,.runner-quality[data-phase=won] #jump{min-height:48px}.howto-shot{position:relative;max-width:720px;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{font-size:16px;line-height:1.6;margin-top:8px}.howto{margin-block:24px}