:root{color-scheme:dark;font-family:Courier New,Courier,monospace;--ink: #101b26;--cream: #f8edc8;--gold: #e7b650;--blue: #285b83;--page-padding: clamp(10px, 1.5vmin, 22px)}*{box-sizing:border-box}body{min-height:100dvh;margin:0;display:grid;place-items:center;overflow:hidden;padding:var(--page-padding);color:var(--cream);background:radial-gradient(circle at 50% 8%,#33434b 0%,transparent 44%),linear-gradient(155deg,#161f24,#090d10 72%)}button,a{font:inherit}.runner-shell{position:relative;z-index:1;width:min(calc(100vw - clamp(20px,3vmin,44px)),calc((100dvh - 112px)*1.5))}.runner-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:9px;padding:6px 4px 7px;color:var(--cream);background:transparent;filter:drop-shadow(0 4px 8px #0008)}.runner-kicker{margin:0 0 3px;color:var(--gold);font-size:clamp(10px,2vw,13px);letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:clamp(26px,5vw,42px);line-height:1}.runner-utilities{display:flex;align-items:stretch;gap:10px}.runner-button{border:3px solid var(--cream);padding:8px 12px;color:var(--cream);text-decoration:none;background:var(--blue);box-shadow:4px 4px 0 var(--ink);cursor:pointer}.runner-button:active{translate:2px 2px;box-shadow:2px 2px 0 var(--ink)}.runner-frame{position:relative;aspect-ratio:3 / 2;overflow:hidden;border:0;outline:0;background:#233e2d;box-shadow:0 24px 60px #000b,0 8px 20px #0008,0 0 0 1px #f8edc833}#barrelRunnerWorld,#barrelRunner{position:absolute;inset:0;display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#barrelRunnerWorld{z-index:0}#barrelRunner{z-index:1;touch-action:none;outline:none}.runner-overlay{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;padding:20px;background:radial-gradient(circle at 35% 48%,#314149 0%,transparent 38%),linear-gradient(145deg,#202b30,#0c1216 74%);transition:opacity .16s ease;z-index:2}.runner-overlay.is-hidden{opacity:0;pointer-events:none}.runner-card{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(250px,1.1fr);align-items:center;width:min(650px,96%);min-height:330px;padding:18px 26px 22px 18px;border:4px double var(--ink);color:var(--ink);text-align:left;background:var(--cream);box-shadow:8px 8px #071117}.runner-card p{margin:0 0 7px}.runner-card h2{margin:0 0 9px;font-size:clamp(24px,5vw,36px)}.runner-card .runner-rules{margin-bottom:20px;font-size:12px;line-height:1.5}.runner-card .runner-button{color:var(--cream)}.runner-card[hidden]{display:none}.runner-character-showcase{align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;margin-right:20px;border-right:2px solid #c9b982;color:var(--blue);text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em}#runnerCharacterPreview{display:block;width:100%;height:100%;min-height:245px}.runner-character-showcase span{padding:4px 18px 4px 0}.runner-card-copy{padding-left:2px}.runner-controls{display:none;grid-template-columns:54px 50px 70px 50px 54px;justify-content:center;gap:8px;margin-top:20px;-webkit-user-select:none;user-select:none}.runner-control{height:56px;border:2px solid #8da1aa;color:#fff;background:#273944;box-shadow:3px 3px #030709}.runner-control.jump{color:var(--ink);background:var(--gold)}.runner-control.longitudinal{font-size:10px;font-weight:700}.runner-control.brake{background:#614c3d}.runner-control.boost{color:var(--ink);background:var(--gold)}.runner-control.boost.is-exhausted{color:#b9c7cc;background:#504a43}.runner-control:active{filter:brightness(1.35);translate:1px 1px}.runner-help{margin:12px 0 0;padding:5px 12px;color:#aebcc2;text-align:center;font-size:13px;text-shadow:0 2px 4px #000;background:transparent;border:0}:root:fullscreen{background:#090d10}:root:fullscreen .runner-shell{width:min(calc(100vw - clamp(20px,3vmin,44px)),calc((100dvh - 112px)*1.5))}@media(pointer:coarse),(max-width:720px){body{place-items:start center;overflow:auto;padding-top:var(--page-padding)}.runner-shell{width:100%}.runner-header{align-items:stretch;flex-direction:column}.runner-utilities{flex-wrap:wrap;justify-content:flex-start}.runner-controls{display:grid}.runner-help{display:none}.runner-button{padding:7px 9px;font-size:12px}.runner-overlay{padding:9px}.runner-card{grid-template-columns:minmax(130px,.8fr) minmax(165px,1.2fr);width:min(540px,98%);min-height:250px;padding:10px 14px 12px 8px}.runner-character-showcase{margin-right:12px}#runnerCharacterPreview{min-height:190px}.runner-character-showcase span{padding-right:8px;font-size:8px}.runner-card h2{font-size:clamp(22px,7vw,32px)}.runner-card .runner-rules{margin-bottom:12px;font-size:10px}}@media(max-width:430px){.runner-card{grid-template-columns:42% 58%}.runner-character-showcase{margin-right:8px}.runner-card-copy{min-width:0}}@media(prefers-reduced-motion:reduce){.runner-overlay{transition:none}}