.fruit-rain-game{width:min(100%,620px);margin:0 auto;color:#173d37;--fruit-shadow:0 8px 22px rgba(35,94,64,.16)}
.fruit-rain-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 9px}.fruit-rain-header p{margin:0;color:#247052;font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.fruit-rain-header h1{margin:2px 0 0;font-size:clamp(25px,5vw,35px)}
.fruit-rain-exit{display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #d6e9dc;border-radius:50%;background:#fff;color:#315b4a;box-shadow:0 4px 0 #c6dccd;font-size:28px;line-height:1;cursor:pointer}
.fruit-rain-progress{position:relative;height:18px;margin-bottom:9px;border:2px solid #d8eadf;border-radius:999px;background:#fff;box-shadow:0 3px 0 #cbe0d2;overflow:hidden}.fruit-rain-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#64c88e,#f2c84b);transition:width .3s ease}.fruit-rain-progress span{position:absolute;inset:0;display:grid;place-items:center;color:#173d37;font-size:11px;font-weight:1000}
.fruit-rain-task{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;padding:10px 12px 10px 16px;border:2px solid #d8eadf;border-radius:20px;background:#fff;box-shadow:0 4px 0 #cbe0d2}.fruit-rain-task-copy{flex:1;min-width:0}.fruit-rain-task strong,.fruit-rain-task small{display:block}.fruit-rain-task strong{font-size:18px}.fruit-rain-task small{margin-top:2px;color:#5a7569;font-size:12px}.fruit-rain-repeat{display:flex;align-items:center;gap:7px;flex:none;min-height:43px;padding:9px 13px;border:0;border-radius:15px;background:#e5f4e9;color:#17664c;font-weight:900;cursor:pointer}.fruit-rain-repeat svg{width:20px;height:20px}
.fruit-rain-scene{position:relative;height:min(62svh,620px);min-height:430px;border:4px solid #fff;border-radius:29px;background:linear-gradient(#92d9f5 0%,#d7f4f8 54%,#dff1c8 78%,#9bc86e 79%,#78b653 100%);box-shadow:0 14px 32px rgba(42,102,75,.2);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;outline:none;cursor:ew-resize;isolation:isolate}
.fruit-rain-scene:focus-visible{box-shadow:0 0 0 5px #f2c84b,0 14px 32px rgba(42,102,75,.2)}.fruit-rain-sun{position:absolute;right:8%;top:7%;width:54px;height:54px;border-radius:50%;background:#ffe57b;box-shadow:0 0 0 12px rgba(255,229,123,.24)}
.fruit-rain-branches{position:absolute;z-index:3;left:0;right:0;top:-25px;height:105px;background:linear-gradient(9deg,transparent 0 45%,#805432 46% 51%,transparent 52%) left top/55% 100% no-repeat,linear-gradient(-9deg,transparent 0 45%,#805432 46% 51%,transparent 52%) right top/55% 100% no-repeat}.fruit-rain-branches::before,.fruit-rain-branches::after,.fruit-rain-branches i{content:"";position:absolute;width:92px;height:66px;border-radius:54% 46% 55% 45%;background:#3f9959;box-shadow:46px 5px 0 #57ac63,90px -4px 0 #348b50}.fruit-rain-branches::before{left:-18px;top:8px}.fruit-rain-branches::after{right:75px;top:-4px;transform:scaleX(-1)}.fruit-rain-branches i:nth-child(1){left:25%;top:-18px}.fruit-rain-branches i:nth-child(2){right:31%;top:-15px}.fruit-rain-branches i:nth-child(n+3){width:15px;height:15px;border-radius:50%;background:#ffb83e;box-shadow:75px 11px 0 #ef635e,132px -2px 0 #ffcf4e;z-index:2}.fruit-rain-branches i:nth-child(3){left:5%;top:49px}.fruit-rain-branches i:nth-child(4){left:38%;top:38px}.fruit-rain-branches i:nth-child(5){right:20%;top:44px}
.fruit-rain-field{position:absolute;z-index:4;inset:68px 0 0;pointer-events:none}.fruit-rain-object{position:absolute;left:var(--fruit-x);top:0;display:grid;place-items:center;width:clamp(var(--fruit-object-min,68px),18vw,var(--fruit-object-max,90px));aspect-ratio:1;transform:translate(-50%,var(--fruit-y,-110px));border:4px solid rgba(255,255,255,.9);border-radius:48% 52% 54% 46%;background:linear-gradient(145deg,#ffcc57,#f08a46);box-shadow:0 7px 0 #cc7041,var(--fruit-shadow);color:#fff;text-shadow:0 2px 0 rgba(63,54,35,.18);font-size:clamp(36px,10vw,54px);font-weight:1000;will-change:transform,opacity}.fruit-rain-object::before{content:"";position:absolute;left:52%;top:-12px;width:24px;height:15px;border-radius:90% 15% 90% 15%;background:#4da263;transform:rotate(-18deg)}.fruit-rain-object.is-word{background:transparent;font-size:clamp(38px,11vw,57px)}.fruit-rain-object.is-hint{animation:fruit-rain-hint .68s ease-in-out infinite alternate;box-shadow:0 0 0 7px #fff06a,0 7px 0 #cc7041,var(--fruit-shadow)}.fruit-rain-object.is-wrong{animation:fruit-rain-wrong .3s ease forwards}.fruit-rain-object.is-caught{animation:fruit-rain-caught .38s ease forwards}
.fruit-rain-player{position:absolute;z-index:7;left:var(--fruit-player-x);bottom:2%;width:clamp(116px,31%,178px);height:38%;transform:translateX(-50%);will-change:left;pointer-events:none}.fruit-rain-player .fruit-rain-marius{position:absolute;left:50%;bottom:5px;width:100%;height:100%;transform:translateX(-50%)}.fruit-rain-player .character-stage{background:transparent}.fruit-rain-basket{position:absolute;z-index:9;left:50%;top:55%;font-size:clamp(47px,13vw,67px);line-height:1;filter:drop-shadow(0 5px 2px rgba(65,65,30,.22));transform:translateX(-50%);transform-origin:50% 80%}.fruit-rain-ground{position:absolute;z-index:2;left:-5%;right:-5%;bottom:-4%;height:18%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 15% 10%,#b4dd7d 0 9%,transparent 10%),radial-gradient(ellipse at 85% 20%,#b4dd7d 0 8%,transparent 9%),#6bad4b}
.fruit-rain-feedback{position:absolute;z-index:10;left:50%;bottom:4px;width:max-content;max-width:84%;min-height:26px;margin:0;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.9);color:#245a43;font-size:12px;font-weight:900;text-align:center;transform:translateX(-50%);pointer-events:none}.fruit-rain-controls{margin:8px 0 0;color:#688076;font-size:12px;font-weight:800;text-align:center}
.fruit-rain-game.is-complete{min-height:560px;padding:26px 20px;text-align:center;border:3px solid #fff;border-radius:30px;background:linear-gradient(#aee6f5,#f7efba 65%,#9dcc70);box-shadow:0 14px 32px rgba(42,102,75,.2);overflow:hidden}.fruit-rain-finish-character{position:relative;width:190px;height:245px;margin:62px auto 0}.fruit-rain-finish-character .fruit-rain-marius{width:100%;height:100%}.fruit-rain-full-basket{position:absolute;left:50%;top:52%;font-size:31px;line-height:.7;filter:drop-shadow(0 4px 2px rgba(50,50,30,.18));transform:translateX(-50%)}.fruit-rain-game.is-complete h1{margin:17px 0 7px}.fruit-rain-game.is-complete p{margin:0 auto 18px;max-width:390px}.fruit-rain-finish-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
@keyframes fruit-rain-hint{to{filter:brightness(1.12);transform:translate(-50%,var(--fruit-y,-110px)) scale(1.08)}}@keyframes fruit-rain-wrong{45%{transform:translate(-50%,var(--fruit-y)) rotate(14deg) scale(.85)}to{transform:translate(-50%,var(--fruit-y)) rotate(-18deg) scale(.45);opacity:0}}@keyframes fruit-rain-caught{50%{transform:translate(-50%,var(--fruit-y)) scale(1.22)}to{transform:translate(-50%,var(--fruit-y)) scale(.2);opacity:0}}
body.fruit-rain-active{overscroll-behavior:none}body.fruit-rain-active .app{max-width:760px}body.fruit-rain-active .footer{display:none}
@media(max-width:520px){body.fruit-rain-active .topbar{min-height:54px}.fruit-rain-game{margin-top:-4px}.fruit-rain-header h1{font-size:24px}.fruit-rain-header p{font-size:10px}.fruit-rain-task{padding:8px 9px 8px 12px}.fruit-rain-task strong{font-size:15px}.fruit-rain-repeat span{display:none}.fruit-rain-repeat{width:45px;padding:9px;justify-content:center}.fruit-rain-scene{height:min(65svh,590px);min-height:420px;border-radius:24px}.fruit-rain-object{width:var(--fruit-object-mobile,66px)}.fruit-rain-controls{font-size:11px}.fruit-rain-player{width:clamp(110px,38%,148px);height:35%}}
@media(max-height:700px){.fruit-rain-scene{height:53svh;min-height:350px}.fruit-rain-task small,.fruit-rain-controls{display:none}.fruit-rain-player{height:35%}.fruit-rain-game.is-complete{min-height:440px}.fruit-rain-finish-character{width:142px;height:184px}}
@media(orientation:landscape) and (max-height:500px){body.fruit-rain-active .app{max-width:980px}.fruit-rain-game:not(.is-complete){display:grid;grid-template-columns:minmax(230px,.74fr) minmax(360px,1fr);grid-template-rows:auto auto 1fr;gap:8px 14px}.fruit-rain-header,.fruit-rain-progress{grid-column:1}.fruit-rain-task{grid-column:1;align-self:start}.fruit-rain-scene{grid-column:2;grid-row:1/4;height:calc(100svh - 82px);min-height:320px}.fruit-rain-controls{display:none}}
@media(prefers-reduced-motion:reduce){.fruit-rain-object.is-hint,.fruit-rain-object.is-wrong,.fruit-rain-object.is-caught{animation:none}}

/* Optional artist assets remain transparent until load succeeds. The orchard,
   fruit emoji and basket emoji underneath are the permanent no-asset fallback. */
[data-fruit-rain-asset]{opacity:0;transition:opacity .16s ease}[data-fruit-rain-asset].is-loaded{opacity:1}[data-fruit-rain-asset][hidden]{display:none!important}
.fruit-rain-background-image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;pointer-events:none}.fruit-rain-leaves,.fruit-rain-branch-art{position:absolute;z-index:4;object-fit:contain;pointer-events:none}.fruit-rain-leaves{width:31%;height:88px}.fruit-rain-leaves.is-loaded{opacity:.72}.fruit-rain-leaves-left{left:-4%;top:12px;object-position:left top}.fruit-rain-leaves-right{right:-4%;top:48px;object-position:right top}.fruit-rain-branch-art{left:24%;top:4px;width:38%;height:74px;object-position:center top}.fruit-rain-branch-art.is-loaded{opacity:.56}.fruit-rain-scene.has-fruit-rain-background .fruit-rain-sun,.fruit-rain-scene.has-fruit-rain-background .fruit-rain-ground{opacity:0}.fruit-rain-scene.has-fruit-rain-background .fruit-rain-branches{background:none}.fruit-rain-scene.has-fruit-rain-background .fruit-rain-branches::before,.fruit-rain-scene.has-fruit-rain-background .fruit-rain-branches::after,.fruit-rain-scene.has-fruit-rain-background .fruit-rain-branches>i{opacity:0}
.fruit-rain-object{border:0;background:transparent;box-shadow:none;text-shadow:none;isolation:isolate;overflow:visible}.fruit-rain-object::before{display:none}.fruit-rain-fruit-fallback,.fruit-rain-fruit-image{position:absolute;inset:0;width:100%;height:100%}.fruit-rain-fruit-fallback{z-index:1;display:grid;place-items:center;font-size:clamp(55px,15vw,82px);line-height:1;filter:drop-shadow(0 7px 3px rgba(70,76,34,.2));transform:rotate(var(--fruit-tilt,0deg));transition:opacity .12s ease}.fruit-rain-object.has-fruit-rain-art .fruit-rain-fruit-fallback{opacity:0}.fruit-rain-fruit-image{z-index:2;object-fit:contain;filter:drop-shadow(0 7px 3px rgba(70,76,34,.2));transform:rotate(var(--fruit-tilt,0deg))}.fruit-rain-object-symbol{position:absolute;z-index:3;left:50%;top:54%;display:grid;place-items:center;box-sizing:border-box;width:40%;min-width:0;min-height:0;aspect-ratio:1;padding:0;border:1.5px solid rgba(255,255,255,.92);border-radius:50%;background:rgba(18,70,49,.91);box-shadow:0 1px 0 rgba(14,53,38,.4),0 2px 6px rgba(15,52,38,.2);color:#fff;font-size:clamp(21px,5.2vw,29px);font-weight:1000;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.16);transform:translate(-50%,-50%)}.fruit-rain-object.is-word .fruit-rain-object-symbol{width:38%;min-width:0;min-height:0;aspect-ratio:1;border-color:rgba(255,255,255,.82);background:rgba(18,70,49,.84);color:#fff;font-size:clamp(20px,5.5vw,28px);text-shadow:0 1px 1px rgba(0,0,0,.16)}
.fruit-rain-object[data-fruit="banana"]{--fruit-tilt:-9deg}.fruit-rain-object[data-fruit="pear"]{--fruit-tilt:7deg}.fruit-rain-object[data-fruit="grapes"]{--fruit-tilt:-5deg}.fruit-rain-object[data-fruit="pineapple"]{--fruit-tilt:4deg}.fruit-rain-object[data-fruit="banana"] .fruit-rain-object-symbol{top:56%}.fruit-rain-object[data-fruit="pear"] .fruit-rain-object-symbol,.fruit-rain-object[data-fruit="grapes"] .fruit-rain-object-symbol,.fruit-rain-object[data-fruit="strawberry"] .fruit-rain-object-symbol{top:57%}.fruit-rain-object[data-fruit="pineapple"] .fruit-rain-object-symbol{top:59%}.fruit-rain-object.is-hint{animation:none;box-shadow:none;filter:none}.fruit-rain-object.is-hint::after{content:"";position:absolute;z-index:0;inset:-23%;border-radius:50%;background:radial-gradient(circle,transparent 0 48%,rgba(255,244,132,.2) 55%,rgba(255,218,53,.72) 64%,transparent 78%);filter:blur(2px);animation:fruit-rain-halo .72s ease-in-out infinite alternate;pointer-events:none}.fruit-rain-hint-image{position:absolute;z-index:0;left:50%;top:50%;width:156%;height:156%;object-fit:contain;pointer-events:none;transform:translate(-50%,-50%);transform-origin:center;animation:fruit-rain-halo-image .72s ease-in-out infinite alternate}.fruit-rain-hint-image.is-loaded{opacity:.78}.fruit-rain-object.is-wrong,.fruit-rain-object.is-caught{pointer-events:none}
.fruit-rain-basket{display:block;width:clamp(78px,20vw,104px);height:clamp(70px,18vw,94px);font-size:0}.fruit-rain-basket>span{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(54px,15vw,76px);transition:opacity .12s ease}.fruit-rain-basket.has-fruit-rain-art>span{opacity:0}.fruit-rain-basket-image{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 2px rgba(65,65,30,.22))}.fruit-rain-player.is-catching .fruit-rain-basket{animation:fruit-rain-basket-catch .5s cubic-bezier(.2,.8,.25,1)}
.fruit-rain-effects{position:absolute;z-index:12;inset:0;overflow:hidden;pointer-events:none}.fruit-rain-burst{position:absolute;left:var(--burst-x);top:var(--burst-y);width:118px;height:118px;transform:translate(-50%,-50%);animation:fruit-rain-burst .58s ease-out forwards}.fruit-rain-burst i{position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;background:var(--burst-color,#ffe45e);box-shadow:28px 0 0 #fff,-28px 0 0 #ff8175,0 28px 0 #75d69a,0 -28px 0 #ffd457,20px 20px 0 #fff,-20px -20px 0 #ff9d5c}.fruit-rain-burst.is-miss{width:82px;height:82px;opacity:.78}.fruit-rain-burst.is-miss i{box-shadow:20px 0 0 #add7c0,-20px 0 0 #cfe8d8,0 20px 0 #d8e6dc,0 -20px 0 #b8d7c4}.fruit-rain-effect-image{position:absolute;inset:-20%;width:140%;height:140%;object-fit:contain}
.fruit-rain-full-basket{width:164px;height:138px;font-size:0;line-height:1}.fruit-rain-full-basket>span{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;line-height:.72;transition:opacity .12s ease}.fruit-rain-full-basket.has-fruit-rain-art>span{opacity:0}.fruit-rain-full-basket-image{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain}
.fruit-rain-reward-animation{position:absolute;z-index:7;inset:-68px -70px 0;overflow:visible;pointer-events:none}.fruit-rain-reward-star{position:absolute;left:var(--star-start-x);top:104%;color:#ffd354;font-size:clamp(32px,7vw,43px);line-height:1;text-shadow:0 2px 0 #b77915,0 0 13px #fff5a8;filter:drop-shadow(0 4px 4px #6a451b55);opacity:0;transform:translate(-50%,-50%) scale(.35);animation:fruit-rain-reward-star 2.15s cubic-bezier(.2,.72,.24,1) var(--star-delay) forwards}.fruit-rain-reward-star-1{--star-start-x:24%;--star-target-x:36%;--star-delay:0s}.fruit-rain-reward-star-2{--star-start-x:50%;--star-target-x:50%;--star-delay:.08s;font-size:clamp(36px,8vw,49px)}.fruit-rain-reward-star-3{--star-start-x:76%;--star-target-x:64%;--star-delay:.16s}.fruit-rain-reward-spark{position:absolute;left:50%;top:18%;width:6px;height:6px;border-radius:2px;background:#fff8bd;box-shadow:0 0 9px 3px #ffd85c;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.2);animation:fruit-rain-reward-spark 1.18s ease-out var(--spark-delay) forwards}
.fruit-rain-catch-progress{display:flex;align-items:center;gap:7px;height:30px;margin-top:5px}.fruit-rain-catch-slot{position:relative;display:block;box-sizing:border-box;width:clamp(24px,7vw,28px);height:clamp(24px,7vw,28px);border:2px solid rgba(39,112,80,.25);border-radius:50%;background:rgba(39,112,80,.1);box-shadow:inset 0 1px 2px rgba(23,61,55,.08);transition:background .16s,border-color .16s,transform .16s}.fruit-rain-catch-slot.is-filled{border-color:transparent;background:transparent;box-shadow:none}.fruit-rain-progress-fruit{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:contain;filter:drop-shadow(0 2px 1px rgba(52,72,38,.22));transform-origin:center bottom}.fruit-rain-catch-slot:not(.is-filled) .fruit-rain-progress-fruit.is-loaded{opacity:0}.fruit-rain-catch-slot.is-new .fruit-rain-progress-fruit{animation:fruit-rain-progress-pop .42s cubic-bezier(.2,.85,.3,1.25)}.fruit-rain-catch-progress.is-complete .fruit-rain-catch-slot.is-filled .fruit-rain-progress-fruit{animation:fruit-rain-progress-complete .56s cubic-bezier(.25,.8,.3,1)}
@keyframes fruit-rain-halo{from{opacity:.62;transform:scale(.96)}to{opacity:1;transform:scale(1.08)}}@keyframes fruit-rain-halo-image{from{opacity:.58;transform:translate(-50%,-50%) scale(.98)}to{opacity:.82;transform:translate(-50%,-50%) scale(1.06)}}@keyframes fruit-rain-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-12deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(4deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45) rotate(12deg)}}@keyframes fruit-rain-basket-catch{0%,100%{transform:translateX(-50%) scale(1)}35%{transform:translateX(-50%) translateY(-7px) scale(1.12,.9)}65%{transform:translateX(-50%) translateY(2px) scale(.96,1.07)}}
@keyframes fruit-rain-progress-pop{0%{opacity:.2;transform:scale(.2)}62%{opacity:1;transform:translateY(-3px) scale(1.24)}82%{transform:translateY(1px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fruit-rain-progress-complete{0%,100%{transform:translateY(0) scale(1)}42%{transform:translateY(-7px) scale(1.1)}70%{transform:translateY(1px) scale(.97)}}
@keyframes fruit-rain-reward-star{0%{left:var(--star-start-x);top:104%;opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-16deg)}8%{opacity:1}42%{left:var(--star-target-x);top:18%;opacity:1;transform:translate(-50%,-50%) scale(1.06) rotate(4deg)}55%{left:var(--star-target-x);top:18%;transform:translate(-50%,-50%) scale(.96) rotate(0)}69%{transform:translate(-50%,-50%) scale(1.13);filter:drop-shadow(0 0 12px #fff4a7)}82%{transform:translate(-50%,-50%) scale(.98);filter:drop-shadow(0 0 6px #fff4a7)}100%{left:var(--star-target-x);top:18%;opacity:1;transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 6px #fff4a7)}}@keyframes fruit-rain-reward-spark{0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.2)}18%{opacity:1;transform:translate(-50%,-50%) rotate(90deg) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--spark-dx)),calc(-50% + var(--spark-dy))) rotate(180deg) scale(.15)}}
@media(max-width:520px){.fruit-rain-object-symbol{font-size:21px}.fruit-rain-object.is-word .fruit-rain-object-symbol{font-size:22px}.fruit-rain-leaves{height:72px}.fruit-rain-branch-art{height:60px}.fruit-rain-basket{width:82px;height:76px}}
@media(prefers-reduced-motion:reduce){.fruit-rain-object.is-hint::after,.fruit-rain-hint-image,.fruit-rain-burst,.fruit-rain-catch-slot.is-new .fruit-rain-progress-fruit,.fruit-rain-catch-progress.is-complete .fruit-rain-progress-fruit{animation:none}.fruit-rain-reward-star{animation:none!important;left:var(--star-target-x);top:18%;opacity:1;transform:translate(-50%,-50%) scale(1)}.fruit-rain-reward-spark{display:none}}