:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#bbd8df;color:#294c4b}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}.scene{position:relative;width:100%;height:100%;height:100svh;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#e0ecebba,#b9d8d950 70%,#abcbb3a0),url("assets/sky.webp") center/cover}.sun{position:absolute;width:clamp(85px,11vw,160px);aspect-ratio:1;border-radius:50%;top:12%;right:18%;background:#fff2cd;box-shadow:3px 7px 3px #536d5b10;opacity:.85}.clouds{position:absolute;inset:0;overflow:hidden}.cloud{position:absolute;width:clamp(130px,20vw,290px);height:auto;filter:drop-shadow(2px 6px 2px #4d6c6318);animation:drift 68s linear infinite}.c1{top:14%;left:-30%;animation-delay:-23s;opacity:.88}.c2{top:47%;left:-30%;width:clamp(100px,15vw,210px);animation-duration:95s;animation-delay:-65s;opacity:.72}.c3{top:29%;left:-30%;width:clamp(85px,13vw,180px);animation-duration:82s;animation-delay:-48s;opacity:.8}.c4{top:63%;left:-30%;width:clamp(150px,23vw,330px);animation-duration:120s;animation-delay:-15s;opacity:.64}.landscape{position:absolute;left:0;bottom:-2px;width:100%;height:30%;filter:drop-shadow(0 -4px 2px #244b3e0b)}.hill.back{fill:#8bab9a}.hill.middle{fill:#9eb77e}.hill.front{fill:#6e947b}.bird{position:absolute;left:50%;top:42%;width:clamp(140px,18vw,240px);aspect-ratio:1;will-change:transform;filter:drop-shadow(8px 15px 7px #375a4929)}.bird img{display:block;width:100%;height:auto;transform-origin:50% 50%;will-change:transform;user-select:none}.grain{position:absolute;inset:0;pointer-events:none;background:url("assets/sky.webp") center/650px;opacity:.075;mix-blend-mode:multiply}.brand{position:absolute;left:max(28px,env(safe-area-inset-left));bottom:max(23px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;font-size:22px;line-height:1;font-weight:700;letter-spacing:-1px;color:#2c514bd4}.brand span{font-size:22px;font-weight:400;color:#a34f39}.motion{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(17px,env(safe-area-inset-bottom));width:44px;height:44px;display:grid;place-items:center;border:1px solid #34574b33;border-radius:50%;background:#f9f4e34d;color:#355b51;cursor:pointer;-webkit-tap-highlight-color:transparent}.motion:hover{background:#fff8e4a6}.motion:focus-visible{outline:2px solid #355b51;outline-offset:5px}.motion svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.scene.paused .cloud{animation-play-state:paused}@keyframes drift{from{transform:translateX(0)}to{transform:translateX(165vw)}}@media(max-width:600px){.sun{top:16%;right:13%}.landscape{height:23%}.brand{font-size:20px;left:22px;bottom:27px}.c1{top:20%}.c2{top:51%}.c3{top:34%}.c4{top:66%}.motion{right:19px;bottom:16px}}@media(prefers-reduced-motion:reduce){.cloud{animation:none}.c1{left:12%}.c2{left:65%}.c3{left:52%}.c4{left:5%}}

.games-link{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(26px,env(safe-area-inset-right));font-size:13px;letter-spacing:1px;line-height:1.5;color:#294c4bd9;text-decoration:none;padding:10px 14px;border:1px solid #34574b25;border-radius:30px;background:#fff9e82b}.games-link:hover{background:#fff9e885}.games-link:focus-visible,.bird:focus-visible{outline:2px solid #355b51;outline-offset:6px}.bird{display:block;cursor:pointer}.bird:focus-visible{border-radius:50%}@media(max-width:600px){.games-link{top:21px;right:20px;font-size:12px;padding:8px 13px}}

/* Keep navigation in one stationary group, clear of the animated bird. */
.home-nav{position:absolute;z-index:2;top:max(21px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px}
.home-nav a{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:13px;letter-spacing:.5px;color:#294c4b;text-decoration:none;border:1px solid #34574b25;border-radius:30px;background:#fff9e84d;padding:10px 14px}
.home-nav a:hover{background:#fff9e8b3}.home-nav a:focus-visible{outline:2px solid #355b51;outline-offset:4px}.scene.offscreen .cloud{animation-play-state:paused}
@media(max-width:600px){.home-nav{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}}