@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Manrope:wght@700;800&display=swap');
:root{--ink:#201207;--cream:#f6ead2;--red:#b52c20;--ochre:#d77a2d;--gold:#efb84d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}header,footer{height:76px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.13em}.brand{display:flex;gap:10px;align-items:center;font-weight:700}.brand b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff2d5}.header-links{display:flex;align-items:center;gap:28px}.sound{border:0;background:none;color:inherit;font-size:10px;letter-spacing:.13em;cursor:pointer}.intro{min-height:690px;display:grid;grid-template-columns:1fr 1.05fr;overflow:hidden;border-top:1px solid #d7c8aa}.intro-copy{padding:8vw 0 8vw 7vw;position:relative;z-index:3}.eyebrow,.details small,.game-note{font-size:10px;letter-spacing:.2em;font-weight:700}.intro h1{font:800 clamp(66px,9.8vw,148px)/.76 'Manrope';letter-spacing:-.085em;margin:62px 0 42px}.intro h1 em{font-style:normal;color:var(--red)}.lead{max-width:480px;color:#6a5c48;line-height:1.7;margin:0 0 35px}.primary{border:0;background:var(--ink);color:#fff4dc;padding:18px 25px;font-weight:700;font-size:11px;letter-spacing:.14em;cursor:pointer}.primary span{margin-left:22px}.hero-art{position:relative;background:linear-gradient(#e9a04d 0,#efbd68 58%,#9b4f24 58%);overflow:hidden}.hero-sun{position:absolute;width:270px;height:270px;border-radius:50%;background:#ffdc84;right:13%;top:11%}.hero-mountain{position:absolute;inset:30% -5% 40%;background:#965125;clip-path:polygon(0 83%,16% 45%,30% 77%,56% 10%,63% 18%,68% 38%,84% 65%,100% 38%,100% 100%,0 100%)}.hero-ground{position:absolute;inset:58% 0 0;background:linear-gradient(#9b4f24,#3e2412)}.hero-acacia{position:absolute;width:13px;height:190px;background:#28180c;right:16%;bottom:21%}.hero-acacia:before{content:"";position:absolute;width:210px;height:73px;border-radius:50%;background:#28180c;left:50%;top:-30px;transform:translateX(-50%);clip-path:polygon(7% 47%,21% 24%,39% 29%,49% 4%,62% 22%,85% 21%,100% 52%,88% 79%,60% 73%,42% 98%,21% 79%,0 75%)}.hero-runner{position:absolute;width:38px;height:140px;background:var(--red);left:33%;bottom:16%;transform:skew(-7deg);box-shadow:18px 82px 0 -11px #1e120a,-12px 86px 0 -11px #1e120a}.hero-runner:before{content:"";position:absolute;width:43px;height:43px;border-radius:50%;background:#4b2a17;left:0;top:-36px}.hero-runner:after{content:"";position:absolute;width:100px;height:8px;background:#27170c;right:25px;top:58px;transform:rotate(-20deg);transform-origin:right}.game-section{background:#27170b;padding:70px 4vw 38px;color:#f9efd9}.game-shell{position:relative;max-width:1500px;aspect-ratio:16/9;margin:auto;overflow:hidden;background:#dda054;border:1px solid #5d3b22;box-shadow:0 35px 80px #160d07}canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;left:28px;right:28px;top:23px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;pointer-events:none;text-shadow:0 2px 4px #4f270f}.hud>div:last-child{text-align:right}.hud small{font-size:9px;letter-spacing:.18em;display:block;margin-bottom:5px}.hud strong{font:700 clamp(16px,2.2vw,28px) 'Manrope'}.danger{text-align:center}.danger-track{display:block;width:min(170px,75%);height:7px;background:#ffffff4d;margin:8px auto 0;border-radius:5px;overflow:hidden}.danger-track i{display:block;height:100%;width:24%;background:#f2c14d;transition:width .2s}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#231307bd;backdrop-filter:blur(5px);padding:25px}.overlay.hidden{display:none}.overlay>p:first-child{font-size:10px;letter-spacing:.23em;color:#f0b84d}.overlay h2{font:800 clamp(34px,5.5vw,78px)/.98 'Manrope';letter-spacing:-.055em;margin:14px 0}.instruction{color:#d7c3a2;font-size:12px;margin:0 0 28px}.overlay .primary{background:#efb84d;color:#251408}.mobile-controls{display:none;position:absolute;left:17px;right:17px;bottom:17px;justify-content:space-between;pointer-events:none}.mobile-controls button{pointer-events:auto;width:92px;height:62px;border:1px solid #fff6;background:#251408b8;color:white;font-size:10px;font-weight:700;letter-spacing:.1em}.mobile-controls span{display:block;font-size:20px}.game-note{max-width:1500px;margin:25px auto 0;color:#9d876b}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:7vw;padding:95px 7vw}.details small{color:var(--red)}.details h3{font:700 25px 'Manrope';margin:18px 0}.details p{line-height:1.7;color:#756651}footer{background:#1e1108;color:#9e8b71;height:auto;min-height:90px}@media(max-width:850px){.intro{grid-template-columns:1fr;min-height:0}.intro-copy{padding:90px 7vw}.intro h1{margin:55px 0 38px}.hero-art{min-height:520px}.game-section{padding-left:0;padding-right:0}.game-shell{border-left:0;border-right:0}.mobile-controls{display:flex}.details{grid-template-columns:1fr;gap:45px}.game-note{padding:0 5vw}.danger{display:none}}@media(max-width:560px){header{height:65px}.brand span,.sound{display:none}.intro-copy{padding-top:68px}.hero-art{min-height:390px}.hero-sun{width:180px;height:180px}.hero-runner{left:27%;bottom:13%;transform:scale(.75) skew(-7deg)}.game-shell{aspect-ratio:4/3}.hud{left:15px;right:15px;top:13px}.instruction{max-width:260px}.details{padding:70px 7vw}footer{padding-top:27px;padding-bottom:27px;gap:14px;align-items:flex-start;flex-direction:column}}