*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;overflow:hidden;background:#141d2b;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--w: 0;--m: 0}.app:active{cursor:grabbing}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2b3d55,#44586e 48%,#7a8a94);pointer-events:none}.storm-dark{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#070c15,#141d2b 55%,#26313c);opacity:calc(var(--m) * .9);pointer-events:none}.rain{position:absolute;top:-12%;right:-22%;bottom:-12%;left:-22%;opacity:calc((var(--m) - .18) * 1.5);rotate:calc(var(--w) * 20deg);pointer-events:none;z-index:3}.rain span{position:absolute;top:-10%;width:1.6px;border-radius:2px;background:linear-gradient(180deg,transparent,rgba(214,232,245,.8));animation:rain-fall linear infinite}@keyframes rain-fall{0%{transform:translateY(-10vh)}to{transform:translateY(118vh)}}.hill{position:absolute;left:-12vw;right:-12vw;bottom:-6vh;height:26vh;border-radius:44% 56% 0 0/30% 26% 0 0;background:#2f4a33;filter:brightness(calc(1 - var(--m) * .45));z-index:6;pointer-events:none}.hill-far{bottom:8vh;height:18vh;background:#3c5a3f;z-index:2;filter:brightness(calc(1 - var(--m) * .5))}.grass{position:absolute;left:0;right:0;bottom:13vh;height:0;z-index:7;pointer-events:none}.grass span{position:absolute;bottom:0;width:2.5px;border-radius:2px;background:#38583c;transform-origin:50% 100%;rotate:calc(var(--w) * 46deg);filter:brightness(calc(1 - var(--m) * .4))}.tree{position:absolute;left:50%;bottom:11vh;translate:-50% 0;width:min(94vw,440px);height:auto;z-index:8;overflow:visible;pointer-events:none;filter:brightness(calc(1 - var(--m) * .32))}.torn{position:absolute;left:50%;bottom:11vh;width:min(94vw,440px);aspect-ratio:368 / 420;translate:-50% 0;z-index:9;pointer-events:none}.torn span{position:absolute;border-radius:60% 10%;animation:tear 1.9s ease-out both}@keyframes tear{0%{opacity:.95;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}.toto-say{position:absolute;left:50%;top:58%;translate:-50% 0;z-index:20;background:#fffffff2;color:#24405c;font-size:.74rem;font-weight:600;white-space:nowrap;padding:5px 11px;border-radius:12px;box-shadow:0 2px 8px #0006;animation:say-pop 2.4s ease-out both;pointer-events:none}@keyframes say-pop{0%{opacity:0;transform:translateY(6px) scale(.7)}10%{opacity:1;transform:translateY(0) scale(1.05)}16%{transform:scale(1)}84%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.hint{position:absolute;left:0;right:0;top:11%;text-align:center;z-index:20;font-size:.85rem;letter-spacing:.08em;color:#ffffffbf;text-shadow:0 1px 8px rgba(0,0,0,.5);animation:hint-pulse 2.6s ease-in-out infinite;pointer-events:none}@keyframes hint-pulse{0%,to{opacity:.45}50%{opacity:1}}.payoff{position:absolute;left:0;right:0;top:12%;padding:0 28px;text-align:center;z-index:20;pointer-events:none}.payoff p{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(1.5rem,6.4vw,2.3rem);line-height:1.35;color:#fff;text-shadow:0 2px 4px rgba(8,14,22,.7),0 0 30px rgba(160,210,255,.35);animation:line-in 1.1s ease-out both}@keyframes line-in{0%{opacity:0;transform:translateY(10px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}.back-link{position:fixed;top:12px;left:12px;z-index:60;width:38px;height:38px;display:grid;place-items:center;font:600 1.15rem Inter,sans-serif;color:#fff;text-decoration:none;background:#0f192873;border:1px solid rgba(255,255,255,.3);border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.page-footer{position:fixed;left:14px;bottom:10px;z-index:60;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#fff6;pointer-events:none}