:root{--r-bg:#0b0816;--r-deep:#120b22;--r-panel:#1a1230;--r-panel2:#241741;--r-purple:#3f2a64;--r-cream:#fff3cf;--r-muted:#c8b8df;--r-cyan:#5df2d6;--r-coral:#ff8a5b;--r-yellow:#ffd166;--r-pink:#ef70c3;--r-shadow:#05030b}
body.xarmo-game-runner{overflow:auto!important}
body.xarmo-game-runner>main.runner-page{display:block!important;padding:clamp(1rem,3vw,2rem) 1rem 2.2rem!important;background:linear-gradient(rgba(93,242,214,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(93,242,214,.035) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(239,112,195,.18),transparent 34rem),var(--r-bg)!important;background-size:24px 24px,24px 24px,auto,auto!important;color:var(--r-cream)!important}
.runner-game{width:min(100%,1080px);margin:auto;font-family:"Courier New",monospace}.runner-heading{display:flex;justify-content:space-between;align-items:end;gap:1.4rem;margin-bottom:1rem}.runner-heading h1{margin:0;font:clamp(3rem,9vw,6rem)/.82 Impact,sans-serif;text-transform:uppercase;letter-spacing:.035em;text-shadow:5px 5px 0 var(--r-purple),9px 9px 0 var(--r-shadow)}.runner-heading p:not(.runner-kicker){max-width:62ch;margin:1rem 0 0;color:var(--r-muted);font-weight:700;line-height:1.5}.runner-kicker{margin:0 0 .6rem;color:var(--r-cyan);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.runner-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.runner-actions button,.runner-overlay button,.runner-controls button{min-height:44px;border:3px solid var(--r-cream);border-radius:0;background:var(--r-purple);box-shadow:4px 4px 0 var(--r-shadow);color:var(--r-cream);font:900 .78rem/1 "Courier New",monospace;text-transform:uppercase;cursor:pointer}.runner-actions button,.runner-overlay button{padding:.75rem .95rem}.runner-actions button:focus-visible,.runner-overlay button:focus-visible,.runner-controls button:focus-visible{outline:4px solid var(--r-yellow);outline-offset:3px}.runner-hud{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:.8rem;border:4px solid var(--r-deep);background:var(--r-deep)}.runner-hud>div{display:grid;gap:.2rem;padding:.65rem .4rem;background:var(--r-panel);text-align:center}.runner-hud span{color:var(--r-pink);font-size:.62rem;font-weight:900;text-transform:uppercase}.runner-hud strong{color:var(--r-cyan);font-size:1.05rem}.runner-stage{position:relative;border:6px solid var(--r-deep);background:var(--r-panel);box-shadow:0 0 0 4px var(--r-cream),8px 8px 0 var(--r-shadow);overflow:hidden}body.xarmo-game-runner #gameCanvas{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;border:0!important;background:var(--r-panel)!important;box-shadow:none!important;image-rendering:pixelated;touch-action:none}.runner-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(11,8,22,.78);text-align:center}.runner-overlay[hidden]{display:none}.runner-overlay>div{width:min(100%,470px);box-sizing:border-box;padding:1.35rem;border:5px solid var(--r-cream);background:var(--r-panel);box-shadow:10px 10px 0 var(--r-shadow)}.runner-overlay h2{margin:.2rem 0 .7rem;color:var(--r-yellow);font:clamp(2.1rem,7vw,4rem)/1 Impact,sans-serif;text-transform:uppercase;text-shadow:4px 4px 0 var(--r-purple)}.runner-overlay p{color:var(--r-muted);font-weight:700;line-height:1.5}.runner-overlay__eyebrow{color:var(--r-cyan)!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.13em;text-transform:uppercase}.runner-controls{width:min(100%,620px);display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem auto 0}.runner-controls button{min-height:54px;background:var(--r-deep);color:var(--r-cyan)}.runner-help{margin:.8rem 0 0;color:var(--r-muted);font-size:.72rem;font-weight:700;text-align:center}.runner-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:760px){.runner-heading{display:grid}.runner-actions{justify-content:flex-start}.runner-hud{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.runner-hud{grid-template-columns:repeat(2,1fr)}.runner-controls{grid-template-columns:1fr}.runner-stage{border-width:4px}}