@charset "UTF-8";
:root{color-scheme:light;--paper:#f3f1e9;--ink:#1d211f;--muted:#62665e;--yellow:#f5ca47;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}.shell{width:min(1160px,100% - 96px);margin:auto}header{display:flex;justify-content:space-between;align-items:center;min-height:112px;border-bottom:1px solid #1d211f26}.brand{display:flex;align-items:baseline;gap:5px;color:inherit;text-decoration:none;font-size:20px;letter-spacing:-1px;font-weight:900}.brand span{font-weight:400}.brand i{font-size:13px;font-style:normal;align-self:flex-start;margin-left:2px}.status{display:flex;align-items:center;gap:9px;font:11px/1.3 ui-monospace,monospace;text-transform:uppercase;letter-spacing:1.4px}.status>span{width:8px;height:8px;background:var(--yellow);border:1px solid var(--ink);border-radius:50%}main{padding:65px 0 40px}.intro{position:relative}.eyebrow{font:11px/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 23px}h1{font-size:clamp(76px,10.5vw,136px);line-height:.88;letter-spacing:-.075em;margin:0;font-weight:800}h1>span{color:#aa7900}.description{position:absolute;right:12px;bottom:0;margin:0;font-size:17px;line-height:1.6;color:var(--muted)}.construction{margin-top:48px;background:var(--ink);color:var(--paper);border-radius:4px;overflow:hidden}.scene-label{padding:20px 26px 0;display:flex;justify-content:space-between;gap:12px;font:10px/1.5 ui-monospace,monospace;letter-spacing:1.4px;color:#b6b9ad}.scene-label>span:first-child{color:var(--yellow)}.scene{height:236px;width:100%;position:relative;display:block;border:0;background:none;color:var(--yellow);cursor:pointer;overflow:hidden;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.scene:focus-visible{outline:2px solid var(--yellow);outline-offset:-8px}.crane{position:absolute;width:240px;height:160px;right:11%;bottom:42px;color:#697061;opacity:.4}.stars{position:absolute;left:12%;top:28px;font:18px ui-monospace,monospace;color:#727a66}.stars span{position:absolute;left:165px;top:24px}.stars span+span{left:470px;top:-10px}.far-blocks{position:absolute;bottom:42px;left:5%;width:84px;height:20px;background:#30362e;box-shadow:80px -12px #30362e,176px 6px #30362e,780px -13px #30362e}.dino{position:absolute;left:24%;bottom:42px;width:86px;height:94px;z-index:2;transform:translateY(0);pointer-events:none}.dino svg{display:block;width:100%;height:100%}.leg{transform-box:fill-box;transform-origin:top center;animation:run .28s steps(2,end) infinite}.leg-b{animation-delay:-.14s}.dino-shadow{position:absolute;left:calc(24% + 8px);width:70px;height:5px;background:#080b0880;bottom:40px;border-radius:50%}.ground{position:absolute;left:0;right:0;bottom:25px;height:18px;border-top:2px solid #8d927d;background:repeating-linear-gradient(90deg,transparent 0 24px,#6f7660 24px 32px,transparent 32px 80px);background-size:160px 2px;background-position:0 8px;background-repeat:repeat-x;animation:ground 1.2s linear infinite}.moving-site{position:absolute;bottom:42px;left:0;width:100%;height:62px;animation:travel 7s linear infinite;pointer-events:none}.cone{position:absolute;width:36px;height:45px;bottom:0;left:100%}.brick{position:absolute;width:28px;height:13px;border:2px solid #a29a71;bottom:0;left:135%}.brick-b{left:139%;bottom:13px}.jump-note{position:absolute;left:26px;top:18px;font:11px ui-monospace,monospace;color:var(--paper);opacity:0;transition:opacity .15s}.scene-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 26px 22px;font:11px/1.7 ui-monospace,monospace;color:#c5c9bb}.key{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #858b77;border-radius:3px;margin-right:7px;color:var(--yellow)}.keyboard-hint{color:#989e8e}.tape{height:9px;background:repeating-linear-gradient(125deg,var(--yellow) 0 18px,var(--ink) 18px 36px)}footer{display:flex;justify-content:space-between;gap:20px;padding:0 0 30px;font:11px/1.6 ui-monospace,monospace;color:var(--muted)}footer>span:first-child{color:var(--ink)}
@keyframes run{0%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ground{to{background-position:-160px 8px}}@keyframes travel{from{transform:translateX(10%)}to{transform:translateX(-150%)}}
.page-hidden *{animation-play-state:paused!important}
@media(max-width:700px){.shell{width:calc(100% - 40px)}header{min-height:85px}main{padding-top:42px}.eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:clamp(70px,16vw,105px)}.description{position:static;margin-top:25px;font-size:15px}.construction{margin-top:32px}.scene-label{padding:18px 18px 0;font-size:9px}.scene-label>span:last-child{display:none}.scene{height:222px}.dino{left:20%;width:76px;height:83px}.dino-shadow{left:calc(20% + 8px)}.crane{right:-10px;width:190px}.scene-footer{padding:0 18px 20px;font-size:10px}.keyboard-hint{display:none}.jump-note{left:18px;right:18px;font-size:9px}.stars span+span{display:none}footer{font-size:10px;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.moving-site{transform:translateX(-22%)}.jump-note{display:none}}