.runner-dialog{width:min(920px,calc(100% - 24px));max-width:920px;padding:0;overflow:hidden;background:#fff7dd;border:5px double #d4a943}
.runner-shell{padding:18px;background:linear-gradient(180deg,#fff8de,#f0e1b8)}
.runner-head{display:flex;align-items:center;justify-content:flex-end;margin-bottom:12px;padding:0;border:0;background:none}
.runner-score{display:grid;grid-template-columns:auto auto auto auto auto;align-items:end;gap:3px 7px;padding:8px 12px;border:2px solid #d5b764;border-radius:10px;background:#244c3b;color:#fff0bb;box-shadow:0 4px 0 #153429}
.runner-score b{font:900 24px/1 Consolas,monospace}.runner-score small{color:#d8dfc8;font-size:9px}.runner-score #runnerLives{margin-left:7px;color:#f06a55;letter-spacing:2px;font-size:18px}
.runner-track{position:relative;height:350px;overflow:hidden;border:4px solid #244c3b;border-radius:14px;background:linear-gradient(#8ed1ea 0 57%,#87b867 57% 64%,#c7583d 64% 100%);box-shadow:inset 0 0 0 3px #f4d68a;touch-action:none;outline:none}
.runner-track::before,.runner-track::after{content:"";position:absolute;left:0;right:0;height:3px;background:#f6d7a1;opacity:.9}.runner-track::before{bottom:60px}.runner-track::after{bottom:122px}
.runner-skyline{position:absolute;inset:auto 0 36% 0;height:70px;opacity:.35;background:linear-gradient(90deg,transparent 0 3%,#31584b 3% 9%,transparent 9% 13%,#31584b 13% 19%,transparent 19% 24%,#31584b 24% 37%,transparent 37% 43%,#31584b 43% 52%,transparent 52% 58%,#31584b 58% 72%,transparent 72% 78%,#31584b 78% 88%,transparent 88%)}
.runner-lanes{position:absolute;left:-184px;right:-92px;bottom:21px;height:97px;will-change:transform;animation:runner-track-rush .42s linear infinite}.runner-lanes::before,.runner-lanes::after{content:"";position:absolute;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,#fff1c3 0 54px,transparent 54px 92px)}.runner-lanes::before{bottom:0}.runner-lanes::after{top:0}
.runner-robot{position:absolute;z-index:4;left:9%;bottom:23px;width:64px;height:94px;transform-origin:50% 100%;filter:drop-shadow(0 5px 2px #18312666)}
.runner-robot-shadow{position:absolute;left:8px;right:8px;bottom:-5px;height:7px;border-radius:50%;background:#173a3055}
.runner-robot-body{position:absolute;inset:0;animation:runner-body-bob .16s ease-in-out infinite alternate}
.runner-robot-head{position:absolute;z-index:3;left:12px;top:4px;width:40px;height:32px;border:4px solid #eefcff;border-radius:14px 14px 11px 11px;background:linear-gradient(145deg,#a8eff7,#57bad8);box-shadow:inset 0 -5px 0 #3387ab}
.runner-robot-head::before{content:"";position:absolute;left:16px;top:-13px;width:4px;height:11px;border-radius:3px;background:#214c46}.runner-robot-head::after{content:"";position:absolute;left:13px;top:-17px;width:10px;height:10px;border:3px solid #fff1c6;border-radius:50%;background:#f3c64d}
.runner-robot-face{position:absolute;inset:6px 5px 7px;border-radius:8px;background:#173f3c}.runner-robot-face::before,.runner-robot-face::after{content:"";position:absolute;top:6px;width:7px;height:7px;border-radius:50%;background:#70edff;box-shadow:0 0 5px #70edff}.runner-robot-face::before{left:5px}.runner-robot-face::after{right:5px}
.runner-robot-torso{position:absolute;z-index:2;left:16px;top:37px;width:32px;height:30px;border:4px solid #eefcff;border-radius:9px;background:linear-gradient(145deg,#9ceaf5,#4aafd0);box-shadow:inset 0 -5px 0 #307fa3}.runner-robot-torso::after{content:"";position:absolute;left:9px;top:6px;width:8px;height:8px;border:3px solid #f9d36b;border-radius:50%;background:#245249}
.runner-robot-arm,.runner-robot-leg{position:absolute;z-index:1;width:10px;border:3px solid #eefcff;border-radius:8px;background:#62c6df;transform-origin:50% 2px}.runner-robot-arm{top:41px;height:30px}.runner-robot-arm.left{left:8px;animation:runner-arm-left .32s linear infinite}.runner-robot-arm.right{right:8px;animation:runner-arm-right .32s linear infinite}.runner-robot-leg{top:64px;height:27px}.runner-robot-leg.left{left:18px;animation:runner-leg-left .32s linear infinite}.runner-robot-leg.right{right:18px;animation:runner-leg-right .32s linear infinite}.runner-robot-leg::after{content:"";position:absolute;left:-5px;bottom:-5px;width:16px;height:7px;border-radius:7px;background:#286f91;border:2px solid #eefcff}
.runner-robot.hit{animation:runner-hit .18s linear 5}
.runner-object{position:absolute;z-index:3;left:0;will-change:left;display:grid;place-items:center;pointer-events:none}.runner-object.barrier{width:30px;height:45px;border:4px solid #fff0c4;border-bottom-width:8px;border-radius:3px;background:repeating-linear-gradient(135deg,#e5573c 0 8px,#fff3cc 8px 16px);box-shadow:0 4px 0 #6f3829}.runner-object.ball{width:38px;height:38px;font-size:36px;filter:drop-shadow(0 3px 1px #45251866);animation:runner-spin 1.35s linear infinite}.runner-object.collected{animation:runner-collected .28s ease-out forwards}
.runner-object.finish{z-index:2;width:24px;height:215px;border:4px solid #fff4cf;border-radius:3px;background:repeating-conic-gradient(#214b3e 0 25%,#fff2c5 0 50%) 0/18px 18px;box-shadow:0 5px 0 #7b4733}.runner-object.finish::before{content:"ФИНИШ";position:absolute;top:-27px;left:50%;padding:4px 10px;transform:translateX(-50%);border-radius:5px;background:#f2ca59;color:#214b3e;font:900 11px/1 Arial,sans-serif;letter-spacing:1px}.runner-object.finish-coin{z-index:4;width:68px;height:68px;border:6px solid #b96f13;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff7af,#ffd54f 40%,#e39916 72%);color:#87500c;font:900 40px/1 Georgia,serif;box-shadow:0 0 0 5px #ffe991,0 7px 0 #7f4a12,0 0 22px #ffd34d;animation:runner-finish-coin .7s ease-in-out infinite alternate}
.runner-countdown{position:absolute;z-index:8;inset:0;display:grid;place-items:center;background:#173c3199;color:#fff0bd;text-shadow:0 5px 0 #a94f36;font:900 100px/1 Georgia,serif}.runner-countdown[hidden]{display:none}
.runner-result{position:absolute;z-index:9;inset:0;place-items:center;align-content:center;gap:10px;padding:24px;background:#173c31e8;color:#fff2c7;text-align:center}.runner-result:not([hidden]){display:grid}.runner-result strong{font:900 34px/1.05 Georgia,serif;color:#f6cf60}.runner-result span{font-size:15px;line-height:1.5}.runner-result button{margin-top:8px;background:#f0c754;border-color:#ffe6a0;color:#24483a;font-size:15px}
.runner-controls{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}.runner-controls button{min-height:54px;font-size:15px}.runner-controls button small{display:block;font-size:9px;margin-top:3px}.runner-jump{background:#e8bf49;border-color:#bf8d27}.runner-skip{color:#85503d}.runner-help{margin:10px 0 0;color:#687567;font-size:11px;text-align:center}
@keyframes runner-track-rush{to{transform:translateX(-92px)}}@keyframes runner-body-bob{to{transform:translateY(-3px)}}@keyframes runner-arm-left{0%,100%{transform:rotate(36deg)}50%{transform:rotate(-36deg)}}@keyframes runner-arm-right{0%,100%{transform:rotate(-36deg)}50%{transform:rotate(36deg)}}@keyframes runner-leg-left{0%,100%{transform:rotate(-31deg)}50%{transform:rotate(31deg)}}@keyframes runner-leg-right{0%,100%{transform:rotate(31deg)}50%{transform:rotate(-31deg)}}@keyframes runner-spin{to{transform:rotate(360deg)}}@keyframes runner-finish-coin{to{transform:translateY(-8px) scale(1.06)}}@keyframes runner-hit{50%{opacity:.25;transform:translateX(-7px)}}@keyframes runner-collected{to{opacity:0;transform:translateY(-45px) scale(1.7)}}
@media(max-width:650px){.runner-shell{padding:10px}.runner-score{gap:2px 4px;padding:7px}.runner-score b{font-size:18px}.runner-score #runnerLives{font-size:14px}.runner-track{height:300px}.runner-controls{grid-template-columns:1fr}.runner-skip{min-height:38px}.runner-help{font-size:10px}}
@media(prefers-reduced-motion:reduce){.runner-lanes,.runner-robot-body,.runner-robot-arm,.runner-robot-leg,.runner-object.ball,.runner-object.finish-coin{animation:none}}