:root{--dino-sky:#102a3b;--dino-ground:#0b1d28;--dino-ink:#f1ead8;--dino-ground-y:189px;--dino-sprite-filter:invert(1) sepia(.12)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:linear-gradient(to bottom,var(--dino-sky) 0 var(--dino-ground-y),var(--dino-ground) var(--dino-ground-y) 100%);color:var(--dino-ink);font:12px/1.5 monospace}#game{position:relative;width:100%;height:100%;outline:none;touch-action:pan-y;cursor:pointer}#game:focus-visible:not([data-pointer]){outline:2px solid var(--dino-ink);outline-offset:-5px}.runner-container{position:absolute;left:0;top:calc(var(--dino-ground-y) - 134px);width:100%;height:150px;overflow:hidden}.runner-container canvas{display:block;filter:var(--dino-sprite-filter);image-rendering:pixelated}#status{position:absolute;inset:auto 16px 24px;margin:0;text-align:center;pointer-events:none}#game[data-state="running"] #status,#game[data-mode="demo"] #status{visibility:hidden}.controller{position:absolute;inset:0}
#takeover{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%);min-height:44px;max-width:calc(100% - 24px);padding:10px 18px;border:1px solid var(--dino-ink);border-radius:3px;background:var(--dino-ground);color:var(--dino-ink);font:inherit;cursor:pointer;white-space:nowrap}#takeover:focus{outline:none}#takeover:focus-visible{outline:2px solid var(--dino-ink);outline-offset:4px}#takeover[hidden]{display:none}#game[data-state="takeover"] #status{bottom:76px}