.runner-promo{margin:28px 0;padding:32px;background:#344d41;color:#fff9e9;display:flex;align-items:center;justify-content:space-between;gap:24px}.runner-promo h2{font:clamp(28px,4vw,46px) Georgia;margin:12px 0}.runner-promo p{max-width:560px}.runner-promo .button{background:#efe6ca;color:#26392f;white-space:nowrap}.runner-promo small,.runner-page>small{letter-spacing:.14em;font-size:11px}.runner-page{max-width:800px;margin:auto}.runner-page h1{font:clamp(36px,7vw,64px) Georgia}.runner-shell{max-width:460px;margin:24px auto;position:relative;background:#18271f;border:1px solid #9b855a;box-shadow:0 15px 35px #18271f22}.runner-hud{display:flex;align-items:center;justify-content:space-between;padding:12px;color:#fff4da;font-size:13px;gap:8px}.runner-hud button{background:transparent;border:1px solid #b6ad8c;color:inherit;padding:8px;cursor:pointer}#runner-canvas{display:block;width:100%;height:auto;aspect-ratio:420/640;touch-action:none}.runner-overlay{position:absolute;inset:55px 12px 68px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#15241fe8;color:#fff4d8}.runner-overlay[hidden]{display:none}.runner-overlay h2{font:34px Georgia}.runner-overlay p{line-height:1.8}.runner-overlay .button{background:#eee2bd;color:#243b30;cursor:pointer}.runner-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.runner-controls button{min-height:48px;background:#efe7d3;color:#233e30;border:0;font-size:26px;touch-action:manipulation;cursor:pointer}.runner-note{font-size:13px;color:#777}.runner-page #runner-status{text-align:center;font-size:14px}@media(max-width:600px){.runner-promo{padding:24px;display:block}.runner-promo .button{display:inline-block;margin-top:12px}.runner-page>p{font-size:15px}.runner-overlay h2{font-size:28px}}
.runner-gestures{display:flex;gap:18px;margin:12px 0}.runner-gestures span{display:flex;flex-direction:column;font-size:36px;align-items:center;color:#ebd49b}.runner-gestures small{font:11px sans-serif;max-width:85px;line-height:1.5}.runner-legend{text-align:center;font-size:12px!important}.runner-hud{flex-wrap:wrap}.runner-hud #runner-hero{flex:1}.runner-hud button{font-size:11px}.runner-controls button:active{background:#d3bd83;transform:translateY(2px)}.runner-overlay .button{min-height:48px}.runner-shell{overscroll-behavior:contain}