.runner-world{display:block;width:100%;height:100%;touch-action:none}
#runner.game-stage:not([hidden]){display:grid;grid-template-rows:auto minmax(0,1fr);position:fixed;z-index:16;inset:0 auto auto 0;width:100dvw;height:100dvh;max-width:none;margin:0;gap:4px;padding:max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:#fff0d2;--game-turn:0deg;touch-action:none;overscroll-behavior:none;user-select:none}
@media(orientation:portrait) and (max-width:900px){#runner.game-stage:not([hidden]){width:100dvh;height:100dvw;transform-origin:top left;transform:translateX(100dvw) rotate(90deg);--game-turn:90deg}}
.runner-nav,.runner-hud,.runner-controls{display:flex;align-items:center;gap:8px}
.runner-nav [data-run=sound]{margin-left:auto}.runner-nav>a,.runner-nav>button,.runner-controls button,.runner-overlay button{min-height:44px;padding:6px 14px;border-radius:15px;border:1px solid #b09360;background:#fff8e9;color:#194d43;font-weight:800;text-decoration:none;display:inline-grid;place-items:center}
.runner-track{position:relative;min-height:0;overflow:hidden;border-radius:16px;background:#71bfc3}
.runner-hud{position:absolute;inset:6px 8px auto;pointer-events:none;align-items:flex-start;gap:5px}
.runner-hud [data-run=voice]{margin-left:auto;pointer-events:auto}
.runner-hud [data-run=mini]{position:relative;width:36px;height:42px}
.runner-mission{display:inline-flex;align-items:stretch;flex:none;gap:3px;padding:3px;border:1px solid #a78353;border-radius:14px;background:#fffbec;box-shadow:0 2px 0 #63462b3d;color:#234940;font-family:Nunito,system-ui,sans-serif}
.runner-total{display:flex;align-items:center;gap:4px;padding:2px 7px 2px 4px;border-radius:10px}
.runner-bag{background:#fff0c9;color:#644320}.runner-target{background:#dcefe1;color:#164d42}
.runner-total img{object-fit:contain;width:36px;height:36px}
.runner-total span{display:grid;justify-items:start;gap:0}
.runner-mission small{font-size:11px;font-weight:800;line-height:1.1;white-space:nowrap}
.runner-mission strong{font:900 26px/.98 Nunito,system-ui,sans-serif;color:inherit;font-variant-numeric:tabular-nums}
.runner-operation{display:grid;place-content:center;justify-items:center;gap:0;min-width:48px;padding:0 3px;color:#31594d}
.runner-operation small{font-size:10px}
.runner-gate-art{position:relative;display:block;width:42px;height:31px}
.runner-gate-art img{display:block;width:100%;height:100%}
.runner-gate-art b{position:absolute;top:9%;left:0;width:100%;text-align:center;font:900 14px/1 Nunito,system-ui,sans-serif;color:white;text-shadow:0 1px 1px #12513c}
.runner-equals{align-self:center;margin:0 2px 0 -2px;font:900 18px/1 Nunito,system-ui,sans-serif;color:#697b69}
.runner-score{display:inline-flex;gap:4px;align-items:center;padding:3px 8px;color:#655228;font-size:12px;font-weight:800}
.runner-score img{object-fit:contain;width:25px;height:25px}.runner-score b{font-size:16px;line-height:1;font-variant-numeric:tabular-nums}
#runner:not([data-race-view=running]) .runner-score,#runner:not([data-race-view=intro]) [data-run=example]{display:none}
.runner-hud output{position:absolute;top:calc(100% + 4px);left:1px;border:1px solid #ae8e59;background:#fffae9;color:#594026;border-radius:9px;padding:3px 8px;font-size:13px;line-height:1.25;font-weight:800}
.runner-hud output[data-result=correct]{background:#e4f6dd;color:#1c503b;border-color:#699378}
.runner-hud output:empty{display:none}
.runner-dialog [data-run=example]{margin:6px 0 9px}
.runner-dialog .runner-mission{gap:5px;padding:4px}
.runner-dialog .runner-total{gap:6px;padding:3px 8px 3px 5px}.runner-dialog .runner-total img{width:44px;height:44px}
.runner-dialog .runner-mission strong{font-size:32px}.runner-dialog .runner-gate-art{width:50px;height:37px}
.runner-dialog .runner-gate-art b{font-size:17px}.runner-dialog .runner-equals{font-size:22px}
@media(max-height:335px) and (orientation:landscape),(max-width:335px) and (orientation:portrait){
 .runner-dialog .runner-total img{width:36px;height:36px}.runner-dialog .runner-mission strong{font-size:26px}
}
.runner-dialog [data-run=record]:empty{display:none}
.runner-face{width:100%;height:100%}
.runner-controls{position:absolute;inset:auto clamp(10px,2.6%,36px) clamp(10px,4%,28px);justify-content:space-between;pointer-events:none}
.runner-nav .game-sound,.runner-nav [data-run=pause],.runner-controls button{
 display:inline-grid;place-items:center;box-sizing:border-box;padding:0;
 border:2px solid #78644a;border-radius:15px;background:#fff8e6;color:#174e46;
 box-shadow:inset 0 -3px 0 #e7cfa6,0 2px 0 #63512a39;font-size:0;cursor:pointer;touch-action:manipulation
}
.runner-nav .game-sound,.runner-nav [data-run=pause]{width:50px;height:44px}
.runner-nav .game-sound[aria-pressed=false]{background:#f3eee3}
.runner-controls button{pointer-events:auto;width:clamp(68px,13vmin,86px);height:clamp(56px,11vmin,72px);border-color:#255c52;border-radius:19px;box-shadow:inset 0 -4px 0 #e7cfa6,0 3px 0 #19433878}
.runner-controls button[aria-pressed=true]{background:#dcf3da;border-color:#1d6153;box-shadow:inset 0 -3px 0 #abd1ae,0 2px 0 #19433878}
.runner-nav .game-sound::before,.runner-nav [data-run=pause]::before,.runner-controls button::before,#runner[data-race-view=paused] [data-run=go]::before{
 content:"";display:block;width:var(--glyph-size,32px);height:var(--glyph-size,32px);
 background:url(controles.webp) var(--glyph-position,0% 0%)/300% 200% no-repeat;pointer-events:none
}
.runner-nav .game-sound[aria-pressed=false]{--glyph-position:50% 0%}
.runner-nav [data-run=pause]{--glyph-position:100% 0%}
#runner[data-race-view=paused] [data-run=pause],#runner[data-race-view=paused] [data-run=go]{--glyph-position:0% 100%}
.runner-controls button{--glyph-size:clamp(44px,9vmin,56px)}
.runner-controls [data-run=left]{--glyph-position:50% 100%}
.runner-controls [data-run=right]{--glyph-position:100% 100%}
#runner[data-race-view=paused] [data-run=go]{display:inline-flex;align-items:center;gap:8px;--glyph-size:25px}
.runner-nav button:active,.runner-controls button:active{transform:translateY(2px)}
#runner button:focus-visible{outline:3px solid #1952a3;outline-offset:2px}
.runner-overlay{position:absolute;inset:0;background:#143f4054;display:grid;place-items:center;padding:7px}
.runner-dialog{border:2px solid #fff8dd;background:#fff8e8;color:#193e36;max-width:560px;width:95%;display:flex;gap:12px;padding:clamp(10px,3vmin,24px);align-items:center;border-radius:20px;box-shadow:0 8px 32px #22372955}
.runner-dialog [data-run=portrait]{position:relative;flex:0 0 20%;height:clamp(80px,26vmin,154px)}
.runner-dialog h1{margin:0;font-size:clamp(22px,6vmin,36px);line-height:1.05}.runner-dialog p{margin:7px 0;font-size:clamp(13px,3.3vmin,18px);line-height:1.3}
.runner-buttons{display:flex;gap:6px;flex-wrap:wrap}.runner-buttons [data-run=go]{background:#176756;color:white}
#runner [hidden]{display:none!important}.runner-link{background:#ffde9c;border-color:#deb86b}