*{box-sizing:border-box}html,body{color:#e5e7eb;background:#0f1115;height:100%;margin:0;font-family:system-ui,sans-serif}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}header{z-index:1;padding:.5rem 1rem;position:absolute;top:0;left:0}header a{color:#6b7280;font-size:.875rem;text-decoration:none}main{height:100%;display:flex;position:relative}#runner{touch-action:manipulation;cursor:pointer;width:100%;height:100%;image-rendering:pixelated;flex:1}.hidden{display:none!important}.hud{z-index:2;text-transform:uppercase;letter-spacing:.05em;color:#fff8e7;text-shadow:2px 2px #3c2519,0 2px 4px #0009;pointer-events:none;align-items:baseline;gap:1rem;font-family:Courier New,Lucida Console,monospace;font-size:1.5rem;font-weight:700;display:flex;position:absolute;top:.75rem;right:1rem}#best-label{opacity:.85;font-size:1rem;font-weight:500}.overlay{z-index:3;background:#173c5e8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-card{--dirt:#5c3a29;--dirt-dark:#3c2519;--grass:#7cb824;--grass-light:#a9de4a;--sky-deep:#177be8;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(180deg, var(--sky-deep) 0%, #3a8bd8 55%, var(--dirt) 55%, var(--dirt-dark) 100%);color:#fff8e7;border:6px solid var(--dirt-dark);outline:6px solid var(--grass);outline-offset:-12px;clip-path:polygon(0 12px,12px 12px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 12px) calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 12px),0 calc(100% - 12px));text-align:center;max-width:22rem;image-rendering:pixelated;padding:2.25rem 2.5rem;font-family:Courier New,Lucida Console,monospace;box-shadow:0 10px #00000059,0 14px 30px #00000073}.overlay-card h2{color:var(--grass-light);text-shadow:2px 2px 0 var(--dirt-dark), 4px 4px 0 #0000004d;margin:0 0 1rem;font-size:1.75rem}.overlay-card p{color:#fff8e7;text-shadow:1px 1px #0006;margin:.4rem 0;font-size:.85rem}.overlay-card button{text-transform:uppercase;letter-spacing:.05em;color:var(--dirt-dark);background:var(--grass);box-shadow:inset 3px 3px 0 var(--grass-light), inset -3px -3px 0 var(--dirt), 0 5px 0 var(--dirt-dark);cursor:pointer;border:none;margin-top:1.5rem;padding:.75rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:700}.overlay-card button:hover{background:var(--grass-light)}.overlay-card button:active{box-shadow:inset 3px 3px 0 var(--grass-light), inset -3px -3px 0 var(--dirt);transform:translateY(3px)}