body[data-game=runner] .area--top,body[data-game=runner] .area--player{height:0;overflow:hidden}body[data-game=runner] .area--play{padding:8px 0}.rn-field{touch-action:none;background:radial-gradient(ellipse 70% 60% at 50% 45%, var(--bg-3) 0%, var(--bg) 75%);min-width:0;min-height:0;padding-top:var(--rn-inset-top,0px);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:14px;display:flex;position:relative;overflow:hidden}.rn-stage{width:320px;height:180px;box-shadow:0 0 0 1px var(--line-yellow), 0 0 40px #00000059;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}:root[data-theme=light] .rn-stage{box-shadow:0 0 0 1px var(--line-yellow), 0 6px 24px #00000014}.rn-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:var(--bg);display:block}.rn-scan{pointer-events:none;mix-blend-mode:multiply;opacity:.55;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}:root[data-theme=light] .rn-scan{opacity:.18}.rn-stage{--u:1}.rn-brand{right:calc(var(--u) * 6px);bottom:calc(var(--u) * 2px);align-items:center;gap:calc(var(--u) * 3px);pointer-events:none;display:flex;position:absolute}.rn-brand__logo{width:calc(var(--u) * 14px);height:calc(var(--u) * 14px);border-radius:50%;display:block}.rn-brand .rn-brand__word{font-size:calc(var(--u) * 8px);text-shadow:none;opacity:.92}.rn-stage:before,.rn-stage:after{content:"";pointer-events:none;border-color:var(--yellow);width:14px;height:14px;position:absolute}.rn-stage:before{border-top:2px solid;border-left:2px solid;top:-5px;left:-5px}.rn-stage:after{border-bottom:2px solid;border-right:2px solid;bottom:-5px;right:-5px}.rn-rotate{text-align:center;max-width:320px;color:var(--fg-dim);line-height:1.6;display:none}@media (width<=599px) and (orientation:portrait){.rn-rotate{display:block}}.rn-overlay{inset:var(--rn-inset-top,0px) 0 0 0;z-index:50;background:var(--backdrop);place-items:center;padding:12px;display:grid;position:absolute;overflow:auto}.rn-overlay[hidden]{display:none}.rn-start{background:var(--bg-2);width:min(460px,100%);box-shadow:var(--shadow-1);gap:11px;padding:20px 22px 16px;display:grid}.rn-start__title{font:900 28px/1 var(--font-display);letter-spacing:.12em;color:var(--yellow-text);text-shadow:var(--glow-text);align-items:center;gap:14px;display:flex}.rn-start__logo{width:60px;height:60px;box-shadow:0 0 0 1px var(--line-yellow), 0 0 18px #ffc53d2e;border-radius:50%;flex:none}:root[data-theme=light] .rn-start__logo{box-shadow:0 0 0 1px var(--line-yellow)}.rn-start__word{font:inherit;letter-spacing:inherit;text-shadow:inherit}.rn-start__prompt{font-family:var(--font-mono);color:var(--cyan-text);text-shadow:none}.rn-start__lead{color:var(--fg-2);font-size:14px}.rn-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rn-mode{text-align:left;border:1px solid var(--line-2);background:var(--bg-3);min-height:56px;color:var(--fg-2);cursor:pointer;justify-items:start;gap:3px;padding:9px 12px;transition:border-color .168s,background-color .168s;display:grid}.rn-mode:hover{border-color:var(--fg-dim)}.rn-mode.is-selected{border-color:var(--yellow);background:var(--tint-yellow);color:var(--fg)}.rn-mode__name{font:700 14px/1 var(--font-display);letter-spacing:.14em}.rn-mode.is-selected .rn-mode__name{color:var(--yellow-text)}.rn-mode__sub{color:var(--fg-dim);font-size:12px;line-height:1.25}.rn-start__pay{font-size:var(--fs-num-s);letter-spacing:.06em;color:var(--fg)}.rn-start__best,.rn-start__last{font-size:var(--fs-num-s);color:var(--fg-2)}.rn-start__left{color:var(--green-text);font-size:var(--fs-num-m)}.rn-start__ranked:before{background:var(--green)}.rn-start__keys{font:700 var(--fs-label)/1.3 var(--font-body);letter-spacing:.16em;color:var(--fg-dim)}.rn-start__fine{color:var(--fg-dim);font-size:12px}.rn-start__loading{padding:8px 0}:root[data-motion=reduced] .rn-mode{transition:none}.rn-btn{min-width:120px;min-height:44px}.rn-btn--start{min-width:260px}.rn-btn--hold{letter-spacing:.2em;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid var(--line-yellow);background:var(--bg-3);min-width:132px;color:var(--fg);font-size:15px}.rn-btn--hold:active{background:var(--tint-yellow);border-color:var(--yellow);color:var(--yellow-text)}.rn-btn--pause{min-width:56px}.rn-hint{color:var(--fg-dim)}@media (width<=599px){body[data-game=runner] .area--play{padding:6px 0}.rn-btn--hold{flex:1 1 0;min-width:0}.rn-btn--start{flex:auto;min-width:0}.rn-hint{display:none}.rn-start{gap:9px;padding:14px 14px 12px}.rn-start__title{gap:10px;font-size:21px}.rn-start__logo{width:44px;height:44px}.rn-start__keys{display:none}}@media (height<=499px){.rn-overlay{padding:6px}.rn-start{gap:6px;width:min(560px,100%);padding:10px 14px}.rn-start__title{gap:10px;font-size:17px}.rn-start__logo{width:34px;height:34px}.rn-start__lead,.rn-start__fine,.rn-start__keys,.rn-start__last{display:none}.rn-mode{align-content:center;min-height:44px;padding:6px 10px}.rn-mode__sub{display:none}.rn-start .notice{justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.rn-start .notice__actions{margin-top:0}}.rn-practice{outline:none;justify-items:center;gap:8px;width:100%;display:grid}.rn-practice:focus-visible .rn-stage{box-shadow:0 0 0 2px var(--yellow)}.rn-practice__field{place-items:center;width:100%;height:min(360px,56vw);min-height:180px;display:grid}.rn-practice__caption{letter-spacing:.08em;color:var(--fg-2);text-align:center;min-height:1.4em;font-size:12px}