@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{color:#17384d;background:#f9f7ef;font-family:DM Sans,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}.site-nav,.stage,.features,.how-to,footer{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-nav{min-height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:10px;align-items:center;color:#17384d;font-weight:700;text-decoration:none;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#17384d;color:#f9d85c;font-size:17px}.nav-play,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .16s ease,box-shadow .16s ease}.nav-play{padding:10px 16px;background:#e4ede8;font-size:14px}.nav-play:hover,.button:hover{transform:translateY(-2px)}.stage{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:26px;margin-top:24px}.stage-game{display:flex;flex-direction:column;justify-content:center}.hero{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:26px 30px;border-radius:24px;overflow:hidden;background:linear-gradient(130deg,#b4e8de,#b4d8f0 72%)}.hero-animals{display:block;width:100%;max-height:220px;object-fit:cover;object-position:center 42%;border-radius:16px;box-shadow:0 8px 20px #17384d2e}.eyebrow{margin:0 0 10px;color:#296c6d;font:500 12px/1 DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2{color:#17384d;letter-spacing:-.055em}h1{max-width:630px;margin-bottom:16px;font:700 clamp(30px,3vw,44px)/1 "Fraunces",Georgia,serif}h1 em{color:#e45f4d;font-style:italic}.intro{max-width:490px;color:#315a6e;font-size:16px;line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.button{min-height:49px;padding:0 21px}.button-primary{background:#17384d;color:#fff;box-shadow:0 7px #0c2636}.button-secondary{color:#17384d;border:1px solid rgba(23,56,77,.25);background:#ffffff59}.device-note{margin:20px 0 0;color:#467084;font-size:13px}.game-shell{position:relative;overflow:hidden;border:7px solid #17384d;border-radius:18px;background:#dff6ff;box-shadow:0 14px 28px #17384d30}.game-shell:before{content:"";position:absolute;z-index:1;top:0;left:50%;width:60px;height:15px;border-radius:0 0 10px 10px;background:#17384d;transform:translate(-50%);pointer-events:none}.game-shell iframe{display:block;width:100%;height:min(58vh,560px);min-height:360px;border:0}.play-help{margin:12px 0 0;color:#5a7381;font-size:13px;text-align:center}.play-help a{color:#296c6d;font-weight:700}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:64px}.features article{padding:26px;border-radius:18px;background:#eef0e3}.features article:nth-child(2){background:#e4f0f5}.features article:nth-child(3){background:#faead7}.feature-number{color:#41786e;font:500 12px DM Mono,monospace}.features h2{margin:39px 0 12px;font:700 28px/1.1 Fraunces,Georgia,serif}.features p{margin:0;color:#58717e;line-height:1.55}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:44px;color:#55717f;font-size:14px}.footer-lines{display:flex;flex-direction:column;gap:5px}footer span{font-weight:700;color:#17384d}footer .credit{max-width:44ch;font-weight:400;color:#55717f}footer .credit a{font-weight:700;color:#296c6d}footer a{text-underline-offset:3px}@media(max-width:800px){.site-nav,.stage,.features,footer{width:min(100% - 30px,600px)}.site-nav{min-height:72px}.nav-play{padding:8px 12px;font-size:12px}.stage{grid-template-columns:1fr;gap:22px}.hero{padding:32px 28px}.features{grid-template-columns:1fr;padding-block:56px}.game-shell iframe{height:58vh;min-height:380px}}@media(max-width:470px){.brand{font-size:13px}.brand-mark{width:25px;height:25px}.nav-play{font-size:0}.nav-play span{font-size:16px}.hero{padding-inline:22px}.intro{font-size:16px}.hero-actions .button{width:100%}.game-shell{border-width:5px;border-radius:15px}.game-shell iframe{min-height:330px;height:54vh}.features article{padding:24px}footer{flex-direction:column}}