@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@500;700&family=Inter:wght@500;700;900&display=swap";:root{color:#1f2a18;background:#f5e6bf;font-family:Inter,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 20%,#85b859 0 9rem,transparent 9.2rem),radial-gradient(circle at 84% 16%,#f2a65a 0 7rem,transparent 7.2rem),radial-gradient(circle at 68% 86%,#c9803f 0 10rem,transparent 10.2rem),linear-gradient(135deg,#f7e8bf,#d8e8b2 55%,#8fbf7b)}button{font:inherit}.dino-page{display:grid;min-height:100vh;padding:clamp(18px,4vw,56px);place-items:center}.dino-card{width:min(100%,1040px);overflow:hidden;border:4px solid #1f2a18;border-radius:clamp(28px,5vw,48px);background:#fffae6e0;box-shadow:16px 16px #1f2a18;padding:clamp(24px,6vw,72px)}.eyebrow{width:fit-content;margin:0 0 18px;border:3px solid #1f2a18;border-radius:999px;background:#b8d66f;box-shadow:5px 5px #1f2a18;padding:10px 16px;font-family:Fredoka,system-ui,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{max-width:900px;margin:0;font-family:Fredoka,system-ui,sans-serif;font-size:clamp(4rem,16vw,10rem);line-height:.82;letter-spacing:-.08em}.intro{max-width:720px;margin:28px 0 0;color:#4c5a2f;font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:700;line-height:1.45}.game{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;margin-top:clamp(32px,6vw,64px)}.dino-valley{position:relative;min-height:330px;overflow:hidden;border:4px solid #1f2a18;border-radius:34px;background:radial-gradient(circle at 14% 74%,#6f8f39 0 4rem,transparent 4.2rem),radial-gradient(circle at 86% 76%,#8cae43 0 5rem,transparent 5.2rem),linear-gradient(transparent 66%,#8b5e34 66% 70%,transparent 70%),linear-gradient(#acd4d0,#d8e8b2 54%,#c99052 54%)}.dino-valley:before{position:absolute;right:8%;bottom:14%;width:180px;height:92px;border:4px solid #1f2a18;border-radius:999px 999px 32px 32px;background:#f3d08a;box-shadow:8px 8px #1f2a18;content:""}.dino-valley:after{position:absolute;left:9%;bottom:0;width:120px;height:210px;border-radius:80px 80px 0 0;background:#557a35;box-shadow:78px 30px 0 -18px #6d9146;content:""}.dino-button{position:absolute;top:var(--y);left:var(--x);z-index:1;width:76px;height:76px;border:4px solid #1f2a18;border-radius:26px;background:#f2a65a;box-shadow:6px 6px #1f2a18;color:#1f2a18;cursor:pointer;font-family:Fredoka,system-ui,sans-serif;font-size:3.25rem;font-weight:700;line-height:1;transform:translate(-50%,-50%) rotate(12deg);animation:stomp 1.8s ease-in-out infinite;animation-delay:var(--delay);transition:transform .14s ease,box-shadow .14s ease}.dino-button:hover,.dino-button:focus-visible{box-shadow:2px 2px #1f2a18;outline:none;transform:translate(-50%,-54%) rotate(-8deg) scale(1.08)}.score-card{display:grid;align-content:center;justify-items:start;border:4px solid #1f2a18;border-radius:30px;background:#f7e8bf;box-shadow:9px 9px #1f2a18;padding:24px}.score-card span{font-family:Fredoka,system-ui,sans-serif;font-size:1.05rem;font-weight:700;text-transform:uppercase}.score-card strong{margin:10px 0 20px;font-family:Fredoka,system-ui,sans-serif;font-size:5rem;line-height:.9}.score-card button{border:3px solid #1f2a18;border-radius:999px;background:#b8d66f;box-shadow:4px 4px #1f2a18;cursor:pointer;padding:12px 16px;font-weight:900}.score-card button:hover,.score-card button:focus-visible{background:#f2a65a;outline:none}@keyframes stomp{0%,to{margin-top:0}50%{margin-top:-14px}}@media(max-width:760px){.dino-card{box-shadow:8px 8px #1f2a18}.game{grid-template-columns:1fr}.dino-valley{min-height:300px}.score-card{justify-items:center;text-align:center}}@media(max-width:460px){.dino-page{padding:12px}.dino-card{border-width:3px;border-radius:26px}.dino-button{width:58px;height:58px;font-size:2.4rem}}