html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#7fc8e8;height:100%;margin:0;font-family:Trebuchet MS,Avenir Next Rounded,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#game{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#game canvas{width:100%;height:100%;display:block}.hidden{display:none!important}.hud-group{top:max(14px, env(safe-area-inset-top));z-index:10;gap:12px;display:flex;position:fixed}.hud-left{left:max(14px, env(safe-area-inset-left))}.hud-right{right:max(14px, env(safe-area-inset-right))}.hud-button{cursor:pointer;touch-action:manipulation;background:#4fa3e0d9;border:4px solid #fffffff2;border-radius:50%;width:68px;height:68px;padding:8px;transition:transform .15s;box-shadow:0 6px #1e508259,0 8px 18px #0000002e}.hud-button svg{width:100%;height:100%;display:block}.hud-time[data-phase=night]{background:#3a4a8ce6}.hud-time[data-phase=evening]{background:#f0825ae6}.hud-weather{background:#7ec8f0e6}.hud-home{background:#ff8a3de6}.hud-sound{background:#7ed957e6}.hud-credits{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:10;background:#78829699;border-width:3px;width:40px;height:40px;padding:6px;position:fixed}.hud-button:active{transform:scale(.9)}.hud-pop{animation:.35s hud-pop}@keyframes hud-pop{40%{transform:scale(1.18)rotate(-8deg)}to{transform:scale(1)}}.start-screen{z-index:20;background:radial-gradient(circle at 50% 40%,#ffffff40,#50a0d28c);flex-direction:column;justify-content:center;align-items:center;gap:6vh;transition:opacity .6s,transform .6s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.start-screen.leaving{opacity:0;pointer-events:none;transform:scale(1.08)}.start-title{letter-spacing:.02em;color:#fff;text-shadow:0 6px #ff8a3d,0 12px 24px #00000040;margin:0;font-size:clamp(56px,13vw,150px);font-weight:900}.start-title span{animation:1.8s ease-in-out infinite bob;animation-delay:calc(var(--i) * .12s);display:inline-block}.start-title span:nth-child(3n){color:#ffe14d}.start-title span:nth-child(3n+1){color:#fff}.start-title span:nth-child(3n+2){color:#b8f28a}@keyframes bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-14px)rotate(3deg)}}.start-play{cursor:pointer;background:#ff8a3d;border:8px solid #fff;border-radius:50%;width:min(34vw,170px);height:min(34vw,170px);padding:30px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 10px #c95e1d,0 18px 30px #00000040}.start-play svg{width:100%;height:100%}@keyframes pulse{50%{transform:scale(1.08)}}.credits{z-index:30;background:#1428468c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.credits-card{color:#3a3550;-webkit-user-select:text;user-select:text;background:#fffaf0;border-radius:24px;max-width:560px;max-height:80vh;padding:24px 28px;position:relative;overflow-y:auto;box-shadow:0 12px 40px #0000004d}.credits-card h2{color:#ff8a3d;margin-top:0}.credits-list{padding-left:18px;font-size:14px;line-height:1.5}.credits-close{cursor:pointer;background:#ff8a3d;border:none;border-radius:50%;width:48px;height:48px;padding:10px;position:absolute;top:12px;right:12px}.loading{z-index:40;background:linear-gradient(#8ed3f2,#bfe8f7);flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading.done{opacity:0;pointer-events:none}.loading-title{color:#fff;text-shadow:0 6px #ff8a3d;font-size:clamp(48px,11vw,120px);font-weight:900}.loading-dots{gap:16px;display:flex}.loading-dots span{background:#fff;border-radius:50%;width:22px;height:22px;animation:.9s ease-in-out infinite loading-hop}.loading-dots span:nth-child(2){background:#ffe14d;animation-delay:.15s}.loading-dots span:nth-child(3){background:#b8f28a;animation-delay:.3s}@keyframes loading-hop{50%{transform:translateY(-18px)}}.unsupported{text-align:center;color:#3a3550;max-width:420px;margin:0 24px;font-size:20px}