@keyframes pixel-run-arrive{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.g-pixel-run{height:100%;position:relative;overflow:hidden}.g-pixel-run{&{color-scheme:dark;--ink:#f4f4f4;--muted:#8b9bb4;--surface:#161a26f2;--surface-raised:#232842;--line:#4a5578;--accent:#ffd23f;--accent-ink:#231a00;--accent-dim:#8a7300;--green:#35d06f;--danger:#e64545;--radius:10px;--ease:cubic-bezier(.2,.8,.2,1);color:var(--ink);background:#1a1c2c;font-family:Courier New,ui-monospace,monospace}&,& *{box-sizing:border-box}&{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;height:100%;margin:0;overflow:hidden}& button,& input{font:inherit}& button{cursor:pointer}& button:focus-visible,& input:focus-visible{outline-offset:3px;outline:3px solid #fff3b0}& [hidden]{display:none!important}& #game-wrap{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}& #game-wrap canvas{image-rendering:pixelated;image-rendering:crisp-edges}& .mono{font-variant-numeric:tabular-nums}& .hud{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:fixed}& .hud .vitals,& .hud .objective{border:1px solid var(--line);border-radius:var(--radius);background:#161a26e8;padding:10px 14px}& .hud .vitals{min-width:150px}& .hud .objective{text-align:center;max-width:44%}& .hud .objective p{color:var(--ink);margin:4px 0 0;font-size:.85rem}& .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:700}& .pips{gap:6px;margin:8px 0;display:flex}& .pips span{background:var(--danger);width:14px;height:14px}& .pips span.empty{background:0 0;border:2px solid #5a3a3a}& .resource{font-size:.8rem}& .hud-buttons{pointer-events:auto;gap:8px;display:flex}& .button{border:2px solid var(--line);border-radius:var(--radius);min-height:48px;color:var(--ink);background:var(--surface-raised);text-align:center;transition:transform .1s var(--ease), filter .1s;padding:12px 20px;font-weight:700}& .button.primary{color:var(--accent-ink);border-color:var(--accent);background:var(--accent);box-shadow:0 4px 0 var(--accent-dim)}& .button.quiet{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000}& .button:active{box-shadow:none;transform:translateY(2px)}@media (hover:hover){& .button:not(:disabled):hover{filter:brightness(1.12)}}& .button.compact{background:#161a26e8;min-height:44px;padding:8px 14px;font-size:1rem}& .button.icon{width:48px;padding:8px 0}& .button:disabled{opacity:.45}& .screen{z-index:6;position:fixed;inset:0}& .title-screen{padding:max(48px,env(safe-area-inset-top)) 6vw 90px;pointer-events:none;justify-content:space-between;align-items:center;gap:24px;display:flex}& .title-screen .title-copy,& .title-screen .chapter-card{pointer-events:auto}& .title-copy{max-width:520px}& .chapter{letter-spacing:.14em;color:var(--accent);margin-bottom:18px;font-size:.72rem;font-weight:700;display:block}& h1,& h2,& p{margin:0}& h1{letter-spacing:.02em;text-shadow:4px 4px #000;font-size:clamp(3.4rem,9vw,6.5rem);line-height:.9}& h1 em{color:var(--accent);font-style:normal}& h2{font-size:clamp(1.5rem,3.4vw,2.2rem);line-height:1.1}& .lede{color:var(--muted);margin:20px 0;font-size:clamp(.95rem,1.5vw,1.1rem);line-height:1.5}& .title-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}& .best-line{color:var(--accent);margin-top:16px;font-size:.85rem}& .control-note{color:var(--muted);max-width:340px;margin-top:14px;font-size:.72rem;line-height:1.5}& .chapter-card{border-left:3px solid var(--accent);background:#161a26db;align-self:flex-end;max-width:270px;padding:20px}& .chapter-card h2{margin:10px 0;font-size:1.3rem}& .chapter-card p{color:var(--muted);font-size:.82rem;line-height:1.5}& .chapter-card small{color:var(--muted);font-size:.68rem}& .rule{background:var(--accent);width:32px;height:3px;margin:14px 0;display:block}& .scrim{z-index:7;background:#0b0e18c9;position:fixed;inset:0}& .panel{z-index:8;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius);width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);animation:pixel-run-arrive .18s var(--ease);padding:clamp(18px,3vw,26px);position:fixed;inset:50% auto auto 50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 90px #000c}& .panel:focus{outline:none}& .panel.danger{border-top-color:var(--danger)}& .panel>.eyebrow{margin-bottom:8px;display:block}& .panel>p{color:var(--muted);margin:8px 0 12px;font-size:.9rem;line-height:1.5}& .panel>.button{width:100%;margin-top:10px;display:block}& .actions{gap:8px;margin-top:12px;display:grid}& .medallion{color:var(--accent);margin:6px 0 8px;font-size:1.8rem;line-height:1;display:block}& .results-stats{border-block:1px solid var(--line);margin:12px 0}& .results-stats div{justify-content:space-between;gap:12px;padding:8px 0;display:flex}& .results-stats dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}& .results-stats dd{color:var(--ink);margin:0}& .results-stats dd.gold{color:var(--accent)}& .level-list{gap:6px;margin-top:12px;display:grid}& .level-row{text-align:left;background:var(--surface-raised);border:2px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);align-items:center;gap:12px;min-height:46px;padding:8px 12px;display:flex}& .level-row:not(:disabled):hover{border-color:var(--accent)}& .level-row:disabled{opacity:.45;cursor:not-allowed}& .level-row .num{color:var(--accent);font-weight:700}& .level-row .nm{flex:1;font-weight:700}& .level-row .go{color:var(--accent)}& .setting{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:10px 0;display:flex}& .setting strong,& .setting small{display:block}& .setting small{color:var(--muted);margin-top:4px;font-size:.75rem;line-height:1.4}& input[type=checkbox]{width:44px;height:44px;accent-color:var(--accent);flex:0 0 44px}& .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}& .tbtn{z-index:9;color:#f4f4f4;touch-action:none;background:#2328428c;border:2px solid #8b9bb499;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-family:inherit;font-size:28px;display:flex;position:fixed}& .tbtn.on{background:#29f4c659;border-color:#29f4c6}& #btn-left{left:max(14px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom))}& #btn-right{left:max(100px, calc(env(safe-area-inset-left) + 86px));bottom:max(18px, env(safe-area-inset-bottom))}& #btn-jump{right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));border-color:#ffd23fb3;width:84px;height:84px}& #btn-jump.on{background:#ffd23f59;border-color:#ffd23f}@media (pointer:fine) and (hover:hover){& .tbtn{display:none}}@media (width<=680px){& .title-screen{align-items:flex-start;height:100%;overflow-y:auto}& .title-copy{margin-block:auto}& .chapter-card{display:none}& .hud{flex-wrap:wrap}& .hud .objective{order:3;width:100%;max-width:100%}}@media (prefers-reduced-motion:reduce){&:not([data-reduced-motion=false]) .panel{animation:none}}&[data-reduced-motion=true] .panel{animation:none}& a.button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}}