.game-section { max-width:1000px; margin:0 auto; padding:24px 0; }
.game-section>h1 { margin:0 0 24px; }
.runner-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin-bottom:20px; }
.game-eyebrow { margin:0 0 6px; color:#86502c; font:bold .8rem Arial,sans-serif; text-transform:uppercase; letter-spacing:2px; }
.runner-heading h2 { margin:0; font-size:clamp(1.7rem,5vw,2.5rem); }
.scoreboard { display:flex; gap:24px; font:1rem Arial,sans-serif; }
.scoreboard span { display:grid; gap:5px; }.scoreboard strong { font:700 1.8rem monospace; }
.runner-field { overflow:hidden; border:2px solid #c8b69a; border-radius:16px; background:#fffaf0; }
#runner { display:block; width:100%; height:auto; aspect-ratio:5/2; touch-action:manipulation; cursor:pointer; }
.runner-controls { display:flex; flex-wrap:wrap; gap:12px; }
.runner-controls button { padding:14px 24px; min-height:48px; border:2px solid #38291e; border-radius:10px; background:#38291e; color:#fffaf0; font:bold 1rem Arial,sans-serif; cursor:pointer; touch-action:manipulation; }
.runner-controls button:disabled { opacity:.45; cursor:default; }
.runner-controls button:not(:disabled):hover { background:#83512c; }
.runner-controls button:focus-visible,#runner:focus-visible { outline:3px solid #a25c2e; outline-offset:4px; }
#run-status { min-height:1.6em; font-size:1.1rem; line-height:1.6; }
.runner-help { font: .95rem/1.7 Arial,sans-serif; color:#625348; }
@media(max-width:500px) { .runner-controls { gap:8px; }.runner-controls button { flex:1; padding:12px; }.game-section { padding:12px 0; } }