:root { --pond-shell: min(100vw, 620px); }
.pond-world,.petal-rain-world{position:fixed;inset:0;z-index:10020;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease;overflow:hidden;background:#071127}
.pond-world.open,.petal-rain-world.open{opacity:1;transform:none}.pond-world[hidden],.petal-rain-world[hidden]{display:none!important}
.pond-desktop-backdrop,.petal-desktop-backdrop{position:absolute;inset:-30px;background:linear-gradient(rgba(4,8,25,.74),rgba(4,8,25,.88)),url('/assets/rose-pond-moonlit-v33-1-104.webp?v=33-1-105-layout') center/cover no-repeat;filter:blur(18px);transform:scale(1.08)}
.pond-game-shell,.petal-game-shell{position:relative;width:var(--pond-shell);height:100dvh;min-height:560px;margin:0 auto;overflow:hidden;background:#07162f;box-shadow:0 0 80px rgba(0,0,0,.68)}
.pond-bg,.petal-night{position:absolute;inset:0;background:url('/assets/rose-pond-moonlit-v33-1-104.webp?v=33-1-105-layout') center 45%/cover no-repeat;transform:scale(1.015);animation:pond-breathe 16s ease-in-out infinite alternate}
.pond-sky-glow{position:absolute;left:12%;right:12%;top:4%;height:42%;background:radial-gradient(ellipse at 50% 30%,rgba(131,184,255,.16),transparent 62%);animation:pond-sky 7s ease-in-out infinite alternate}
.pond-game-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,25,.34),transparent 28%,rgba(2,8,25,.08) 56%,rgba(4,10,28,.52));pointer-events:none}
.pond-mist{position:absolute;z-index:1;left:-35%;right:-35%;top:28%;height:32%;background:radial-gradient(ellipse,rgba(211,231,255,.2),transparent 63%);filter:blur(20px);animation:pond-mist 18s linear infinite}
.pond-water-light{position:absolute;z-index:1;left:9%;right:8%;top:29%;height:35%;opacity:.58;background:repeating-radial-gradient(ellipse at 55% 0,transparent 0 14px,rgba(170,216,255,.22) 16px,transparent 19px 36px);mask-image:linear-gradient(transparent,#000 18%,#000 72%,transparent);animation:pond-water 8s linear infinite}
.pond-fireflies,.pond-fish-shadows{position:absolute;z-index:2;inset:0;pointer-events:none}.pond-fireflies i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe98c;box-shadow:0 0 14px 5px rgba(255,224,108,.4);animation:pond-fly 7s ease-in-out infinite}.pond-fireflies i:nth-child(3n){left:18%;top:48%;animation-delay:-2s}.pond-fireflies i:nth-child(3n+1){left:74%;top:37%;animation-delay:-4s}.pond-fireflies i:nth-child(3n+2){left:46%;top:58%;animation-delay:-6s}.pond-fireflies i:nth-child(4n){margin-left:21%;margin-top:13%}.pond-fireflies i:nth-child(5n){margin-left:-11%;margin-top:22%;transform:scale(.7)}
.pond-fish-shadows i{position:absolute;width:54px;height:11px;border-radius:50%;background:rgba(8,27,65,.4);filter:blur(3px);top:43%;left:31%;animation:pond-fish 13s linear infinite}.pond-fish-shadows i:nth-child(2){top:50%;left:67%;animation-delay:-5s;transform:scale(.7)}.pond-fish-shadows i:nth-child(3){top:38%;left:49%;animation-delay:-9s;transform:scale(.5)}.pond-fish-shadows i:nth-child(4){top:55%;left:16%;animation-delay:-11s}.pond-fish-shadows i:nth-child(5){top:44%;left:82%;animation-delay:-2s;transform:scale(.6)}.pond-fish-shadows i:nth-child(6){top:58%;left:38%;animation-delay:-7s;transform:scale(.45)}
.pond-header{position:relative;z-index:5;height:86px;box-sizing:border-box;display:flex;align-items:center;gap:11px;padding:max(13px,env(safe-area-inset-top)) 15px 8px;background:linear-gradient(180deg,rgba(3,10,28,.8),rgba(3,10,28,.08))}.pond-back,.petal-game-shell header button{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(5,17,44,.5);color:#fff;font-size:31px;line-height:1;backdrop-filter:blur(10px)}.pond-header>div{flex:1;min-width:0}.pond-header small{font-size:10px;opacity:.75;letter-spacing:.06em}.pond-header h1{margin:2px 0 0;font-family:Georgia,"Noto Serif SC",serif;font-size:20px;letter-spacing:.06em}.pond-header strong{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(6,19,49,.64);font-size:13px;backdrop-filter:blur(10px)}
.pond-main{position:absolute;z-index:4;inset:86px 0 0;display:flex;flex-direction:column}.pond-play{position:relative;flex:1;min-height:215px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:20px 17px 17px;text-align:center}.pond-lanterns{position:absolute;inset:0;pointer-events:none}.pond-lanterns i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff2b2;box-shadow:0 0 15px 6px rgba(255,219,117,.35);animation:pond-lantern 4.5s ease-in-out infinite}.pond-lanterns i:nth-child(1){left:17%;top:34%}.pond-lanterns i:nth-child(2){right:19%;top:19%;animation-delay:-2s}.pond-lanterns i:nth-child(3){right:34%;top:47%;animation-delay:-3.4s}.pond-play-copy{position:relative;z-index:2;max-width:480px;text-shadow:0 3px 16px #02102b}.pond-play-copy small{color:#ffe4a2;font-size:10px;font-weight:800;letter-spacing:.2em}.pond-play-copy h2{margin:7px 0 5px;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(20px,4.8vw,26px)}.pond-play-copy p{max-width:430px;margin:0 auto;font-size:11px;line-height:1.55;opacity:.88}.pond-bobber{position:absolute;z-index:2;left:55%;top:27%;width:18px;height:52px;opacity:0;transform:translateY(-110px);transition:.7s cubic-bezier(.15,.75,.25,1.15)}.pond-bobber.casted{opacity:1;transform:none}.pond-bobber i{display:block;width:8px;height:29px;margin:auto;border-radius:5px;background:linear-gradient(#ff6f83 0 42%,#fff 43%);box-shadow:0 6px 12px #06142e}.pond-bobber span{display:block;width:54px;height:10px;margin-left:-18px;border:2px solid rgba(214,238,255,.42);border-radius:50%;animation:pond-ring 2.4s infinite}.pond-bite-ring{position:absolute;left:calc(55% - 42px);top:calc(27% - 20px);width:84px;height:84px;border:2px solid #ffe07a;border-radius:50%;opacity:0}.pond-bite-ring.bite{animation:pond-bite .65s infinite}.pond-cast{position:relative;z-index:2;min-width:205px;margin-top:12px;padding:13px 22px;border:1px solid rgba(255,255,255,.42);border-radius:23px;background:linear-gradient(135deg,#ffe0a5,#ff9fa9);color:#33223d;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.28)}.pond-cast span{margin-right:4px}.pond-cast:disabled{opacity:.68}.pond-meter{position:relative;z-index:2;width:min(350px,82vw);height:18px;margin-top:12px;border-radius:20px;background:rgba(5,17,42,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.pond-meter i{position:absolute;width:16%;height:100%;border-radius:20px;background:rgba(158,255,184,.75);box-shadow:0 0 18px #71ffc1}.pond-meter b{position:absolute;top:-4px;width:7px;height:26px;border-radius:8px;background:#fff;box-shadow:0 0 12px #fff}
.pond-panel{position:relative;z-index:5;flex:0 0 min(48dvh,480px);border:1px solid rgba(255,255,255,.38);border-radius:28px 28px 0 0;background:linear-gradient(180deg,rgba(247,248,255,.96),rgba(229,236,252,.98));color:#27304d;box-shadow:0 -18px 50px rgba(2,9,27,.46);padding-bottom:env(safe-area-inset-bottom);overflow:hidden;backdrop-filter:blur(22px)}.pond-panel-handle{position:absolute;z-index:2;left:50%;top:7px;width:54px;height:4px;margin-left:-27px;border-radius:99px;background:rgba(67,75,107,.22)}.pond-panel nav{height:64px;display:grid;grid-template-columns:repeat(4,1fr);padding-top:7px;border-bottom:1px solid rgba(59,73,117,.1)}.pond-panel nav button{border:0;background:none;color:#788099;font-size:10px;font-weight:800}.pond-panel nav button span{display:block;margin-bottom:2px;font-size:19px;filter:grayscale(.35)}.pond-panel nav button.active{color:#6553b7;background:linear-gradient(180deg,rgba(116,90,201,.12),transparent)}.pond-panel nav button.active span{filter:none;transform:translateY(-1px)}#pondPanelBody{height:calc(100% - 64px);box-sizing:border-box;overflow:auto;padding:13px 14px 32px;overscroll-behavior:contain}.pond-loading,.pond-error{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.pond-loading i,.pond-error i{font-style:normal;font-size:36px}.pond-loading b,.pond-error b{margin:8px 0 3px}.pond-loading span,.pond-error p{color:#788097;font-size:11px}.pond-error button{padding:10px 18px;border:0;border-radius:18px;background:#6f61c7;color:#fff;font-weight:800}
.pond-tool-card,.pond-recent-card,.pond-book-intro,.pond-shop-hero{margin-bottom:11px;padding:13px;border:1px solid rgba(89,105,157,.1);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 7px 24px rgba(45,54,94,.06)}.pond-tool-card>header,.pond-recent-card>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.pond-tool-card>header div{display:flex;flex-direction:column}.pond-tool-card>header small,.pond-book-intro small,.pond-shop-hero small{color:#8a73b6;font-size:9px;font-weight:800;letter-spacing:.08em}.pond-tool-card>header b{font-size:14px}.pond-tool-card>header em{padding:6px 9px;border-radius:12px;background:#eee9ff;color:#6858b6;font-size:10px;font-style:normal;font-weight:800}.pond-tool-card h3{margin:11px 0 6px;color:#777f96;font-size:10px}.pond-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pond-choice{display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:8px;border:1px solid #e5e7f1;border-radius:14px;background:#fff;color:#3b435f;text-align:left}.pond-choice>span{grid-row:1/3;font-size:23px}.pond-choice b{font-size:11px}.pond-choice small{color:#8a91a5;font-size:8px}.pond-choice.selected{border-color:#8775dc;background:linear-gradient(145deg,#f1edff,#fff);box-shadow:inset 0 0 0 1px rgba(122,100,209,.26)}.pond-recent-card>header h3{margin:0;font-size:13px}.pond-recent-card>header span{color:#8b92a6;font-size:9px}.pond-recent{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.pond-recent article,.pond-gear article{display:flex;align-items:center;gap:8px;padding:9px;border-radius:14px;background:#f7f8fc}.pond-recent i{font-style:normal;font-size:23px;filter:drop-shadow(0 4px 6px var(--fish))}.pond-recent div,.pond-gear div{flex:1;display:flex;min-width:0;flex-direction:column}.pond-recent b,.pond-gear b{font-size:10px}.pond-recent small,.pond-gear small{overflow:hidden;color:#838a9d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.pond-recent strong{color:#6959bd;font-size:10px}.pond-recent>p{grid-column:1/-1;color:#838a9d;font-size:11px;text-align:center}
.pond-book-intro,.pond-shop-hero{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#f7f3ff,#fff3ee)}.pond-book-intro>span,.pond-shop-hero>span{font-size:33px}.pond-book-intro>div,.pond-shop-hero>div{display:flex;flex-direction:column}.pond-book-intro b,.pond-shop-hero b{font-size:12px}.pond-shop-hero p{margin:3px 0 0;color:#80879c;font-size:9px}.pond-book{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pond-book article{min-height:105px;padding:10px;border:1px solid rgba(89,105,157,.09);border-radius:17px;background:rgba(255,255,255,.78);display:flex;flex-direction:column;justify-content:center;text-align:center}.pond-book article i{font-style:normal;font-size:29px;filter:drop-shadow(0 5px 8px var(--fish))}.pond-book article b{font-size:11px}.pond-book article small{color:#7b8398;font-size:8px}.pond-book .locked{filter:grayscale(1);opacity:.55}
.pond-exchange-head{margin-bottom:10px;padding:14px;border:1px solid rgba(112,92,190,.13);border-radius:19px;background:linear-gradient(135deg,#e7e2ff,#fff0ec)}.pond-exchange-head>div{display:flex;align-items:center;justify-content:space-between}.pond-exchange-head small{color:#7867b6;font-size:9px;font-weight:800}.pond-exchange-head b{font-size:16px}.pond-exchange-head p{margin:7px 0 0;color:#737b94;font-size:9px;line-height:1.55}.pond-exchange{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pond-exchange article{position:relative;min-height:245px;display:flex;flex-direction:column;padding:10px;border:1px solid rgba(91,108,162,.1);border-radius:18px;background:rgba(255,255,255,.84);overflow:hidden}.pond-exchange article.owned{box-shadow:inset 0 0 0 1px rgba(111,93,190,.22)}.pond-exchange article>div{flex:1}.pond-exchange article>div small{display:block;color:#7d71a6;font-size:8px;font-weight:800}.pond-exchange article>div b{display:block;margin:3px 0;font-size:11px}.pond-exchange article>div p{margin:0;color:#82899b;font-size:8px;line-height:1.45}.pond-exchange article>button,.pond-gear button{width:100%;margin-top:8px;padding:8px;border:0;border-radius:12px;background:linear-gradient(135deg,#7766c9,#9886e2);color:#fff;font-size:9px;font-weight:800}.pond-reward-art{height:123px;display:grid;place-items:center;margin:-5px -3px 6px;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 50% 72%,rgba(159,171,225,.26),transparent 50%),linear-gradient(#f7faff,#e9edfb)}.pond-reward-art img{width:100%;height:145px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 6px 6px rgba(26,40,85,.2))}.pond-reward-art.rod img{width:82%;transform:rotate(-7deg)}.pond-reward-icon{height:123px;display:grid;place-items:center;margin:-5px -3px 6px;border-radius:14px;background:linear-gradient(#f7faff,#e9edfb);font-size:50px}.pond-gear{display:grid;gap:8px}.pond-gear article{background:rgba(255,255,255,.8)}.pond-gear article>span{font-size:27px}.pond-gear em{color:#568d72;font-size:9px;font-style:normal}.pond-gear button{width:auto;min-width:58px;margin:0}.pond-gear button:disabled{background:#e1e3ea;color:#7c8292}
.pond-garden-entry,.petal-garden-entry{position:absolute;z-index:27;right:12px;width:128px;padding:9px 10px;border:1px solid rgba(255,255,255,.45);border-radius:18px;background:linear-gradient(135deg,rgba(14,32,76,.8),rgba(94,72,143,.76));backdrop-filter:blur(10px);color:#fff;text-align:left;box-shadow:0 9px 26px rgba(0,0,0,.18)}.pond-garden-entry{top:168px}.petal-garden-entry{top:226px;background:linear-gradient(135deg,rgba(102,47,108,.82),rgba(220,94,130,.76))}.pond-garden-entry span,.petal-garden-entry span{float:left;margin-right:7px;font-size:24px}.pond-garden-entry b,.petal-garden-entry b{display:block;font-size:12px}.pond-garden-entry small,.petal-garden-entry small{font-size:8px;opacity:.84}
.petal-game-shell{background:#110e2c}.petal-night{background-image:linear-gradient(rgba(8,7,34,.25),rgba(30,8,42,.45)),url('/assets/rose-pond-moonlit-v33-1-104.webp?v=33-1-105-petal-scene');filter:hue-rotate(25deg) saturate(1.18);background-position:center}.petal-game-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,29,.28),transparent 48%,rgba(21,8,40,.55));pointer-events:none}.petal-aurora{position:absolute;left:-15%;right:-15%;top:10%;height:38%;background:conic-gradient(from 210deg at 50% 50%,transparent,rgba(133,99,255,.22),rgba(255,104,181,.18),transparent 55%);filter:blur(20px);animation:petal-aurora 12s ease-in-out infinite alternate}.petal-stars{position:absolute;inset:0}.petal-stars i{position:absolute;left:12%;top:17%;width:3px;height:3px;border-radius:50%;background:white;box-shadow:0 0 10px 3px rgba(166,196,255,.6);animation:petal-star 2.4s ease-in-out infinite}.petal-stars i:nth-child(3n){left:76%;top:22%;animation-delay:-1s}.petal-stars i:nth-child(3n+1){left:45%;top:35%;animation-delay:-1.8s}.petal-stars i:nth-child(4n){margin-left:14%;margin-top:28%}.petal-stars i:nth-child(5n){margin-left:-7%;margin-top:49%;transform:scale(.7)}.petal-game-shell header{position:relative;z-index:5;height:86px;box-sizing:border-box;display:flex;align-items:center;gap:11px;padding:max(13px,env(safe-area-inset-top)) 15px 8px;background:linear-gradient(180deg,rgba(5,6,31,.78),transparent)}.petal-game-shell header div{flex:1}.petal-game-shell header small{font-size:9px;opacity:.72}.petal-game-shell header h2{margin:2px 0;font-family:Georgia,"Noto Serif SC",serif;font-size:20px}.petal-game-shell header strong{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(20,13,54,.55);font-size:20px}.petal-rain-field{position:absolute;z-index:4;inset:82px 0 95px;overflow:hidden}.rain-petal{position:absolute;top:-60px;width:55px;height:55px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.06);font-size:30px;filter:drop-shadow(0 4px 7px rgba(20,5,35,.35));animation:rain-fall linear forwards;touch-action:manipulation}.rain-petal.bad{filter:saturate(.35)}.rain-petal.caught{animation:none;transform:scale(1.8);opacity:0;transition:.2s}.rain-petal.miss{animation:none;transform:rotate(90deg) scale(.5);opacity:0;transition:.2s}.petal-rain-copy{position:absolute;z-index:3;top:26%;left:50%;width:80%;transform:translateX(-50%);text-align:center;text-shadow:0 3px 16px #130927;pointer-events:none}.petal-rain-copy small{color:#ffd8a5;font-size:9px;font-weight:800;letter-spacing:.16em}.petal-rain-copy b{display:block;margin-top:6px;font-size:72px;line-height:1}.petal-rain-copy span{font-size:13px;font-weight:800}.petal-rain-copy p{margin:5px 0;font-size:10px;opacity:.76}.petal-reward-dock{position:absolute;z-index:5;left:14px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:12px 14px;border:1px solid rgba(255,255,255,.25);border-radius:21px;background:rgba(18,14,50,.56);backdrop-filter:blur(17px);box-shadow:0 14px 35px rgba(0,0,0,.28)}.petal-reward-dock>div:first-child{display:grid;grid-template-columns:32px 1fr;grid-template-rows:1fr 1fr;align-items:center}.petal-reward-dock span{grid-row:1/3;font-size:24px}.petal-reward-dock b{font-size:11px}.petal-reward-dock small{font-size:8px;opacity:.7}.petal-progress{height:5px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}.petal-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9fc3,#ffdc8a);box-shadow:0 0 10px #ff9fc3;transition:width .2s}
.caught .pond-bobber{filter:drop-shadow(0 0 20px #fff)}
@keyframes pond-breathe{to{transform:scale(1.055) translate3d(-.4%,.3%,0)}}@keyframes pond-sky{to{opacity:.55;transform:translateY(9px)}}@keyframes pond-mist{50%{transform:translateX(18%)}}@keyframes pond-water{to{background-position:0 110px}}@keyframes pond-fly{0%,100%{transform:translate(0,0);opacity:.25}50%{transform:translate(48px,-42px);opacity:1}}@keyframes pond-fish{from{transform:translateX(-130px) scaleX(1)}49%{transform:translateX(130px) scaleX(1)}50%{transform:translateX(130px) scaleX(-1)}to{transform:translateX(-130px) scaleX(-1)}}@keyframes pond-ring{to{transform:scale(1.6);opacity:0}}@keyframes pond-bite{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes pond-lantern{50%{opacity:.45;transform:translateY(-6px) scale(.85)}}@keyframes petal-aurora{to{transform:translateX(10%) rotate(5deg);opacity:.6}}@keyframes petal-star{50%{opacity:.25;transform:scale(.55)}}@keyframes rain-fall{to{transform:translate(var(--drift),calc(100dvh + 90px)) rotate(520deg)}}
@media(min-width:621px){.pond-game-shell,.petal-game-shell{border-left:1px solid rgba(255,255,255,.13);border-right:1px solid rgba(255,255,255,.13)}.pond-panel{flex-basis:min(45dvh,465px)}}
@media(max-width:560px){.pond-header,.petal-game-shell header{height:78px}.pond-main{inset:78px 0 0}.pond-panel{flex-basis:min(47dvh,440px)}.pond-play{min-height:200px;padding-bottom:12px}.pond-play-copy h2{font-size:19px}.pond-play-copy p{font-size:9px}.pond-cast{min-width:188px;padding:11px 18px}.pond-garden-entry,.petal-garden-entry{right:8px;width:116px;z-index:31}.pond-garden-entry{top:270px}.petal-garden-entry{top:326px}.pond-exchange article{min-height:225px}.pond-reward-art,.pond-reward-icon{height:105px}.pond-reward-art img{height:126px}.pond-recent{grid-template-columns:1fr}.pond-book article{min-height:96px}.pond-bg{background-position:center}.pond-world .pond-fireflies i:nth-child(n+10),.pond-world .pond-fish-shadows i:nth-child(n+5){display:none}}
@media(max-height:700px){.pond-header,.petal-game-shell header{height:72px}.pond-main{inset:72px 0 0}.pond-panel{flex-basis:48dvh}.pond-play{min-height:165px}.pond-play-copy p{display:none}.pond-play-copy h2{margin:4px 0;font-size:18px}.pond-cast{margin-top:8px;padding:10px 18px}.petal-rain-copy{top:22%}.petal-rain-copy b{font-size:58px}}
html[data-rose-quality="ultra"] .pond-mist,html[data-rose-quality="ultra"] .pond-water-light,html[data-rose-quality="ultra"] .pond-fish-shadows,html[data-rose-quality="ultra"] .pond-fireflies i:nth-child(n+5),html[data-rose-quality="ultra"] .petal-aurora,html[data-rose-quality="ultra"] .petal-stars i:nth-child(n+7){display:none}html[data-rose-quality="ultra"] .pond-bg,html[data-rose-quality="low"] .pond-bg,html[data-rose-quality="ultra"] .petal-night{animation:none}@media(prefers-reduced-motion:reduce){.pond-bg,.petal-night,.pond-mist,.pond-water-light,.pond-fireflies i,.pond-fish-shadows i,.petal-aurora,.petal-stars i{animation:none!important}}

/* V33.1.108 · three-stage fishing and star-petal arcade polish */
.pond-stage-badge{position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%);padding:6px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(4,17,44,.48);backdrop-filter:blur(10px);color:#fff2bd;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.pond-water-sparkles{position:absolute;z-index:2;inset:12% 5% 8%;pointer-events:none}.pond-water-sparkles i{position:absolute;left:16%;top:44%;width:4px;height:4px;border-radius:50%;background:#fff7c7;box-shadow:0 0 14px 5px rgba(143,202,255,.35);animation:pond-sparkle 4.4s ease-in-out infinite}.pond-water-sparkles i:nth-child(2n){left:71%;top:31%;animation-delay:-1.2s}.pond-water-sparkles i:nth-child(3n){left:42%;top:61%;animation-delay:-2.8s}.pond-water-sparkles i:nth-child(4n){left:84%;top:55%;animation-delay:-3.5s}.pond-water-sparkles i:nth-child(5n){left:28%;top:25%;animation-delay:-.7s}
.pond-cast-line{position:absolute;z-index:2;left:55.5%;top:-8%;width:1px;height:38%;opacity:0;background:linear-gradient(transparent,rgba(235,246,255,.82));transform-origin:top;transform:rotate(-15deg) scaleY(.4);transition:opacity .35s,transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}.pond-cast-line.casted{opacity:.8;transform:rotate(-4deg) scaleY(1)}.pond-cast-line.tight{background:linear-gradient(transparent,#fff5bd);filter:drop-shadow(0 0 5px #fff)}
.pond-bobber.hooked{animation:pond-hooked .34s ease-in-out infinite alternate}.pond-meter{overflow:visible;margin-bottom:17px}.pond-meter i{transition:left .15s ease;width .15s ease}.pond-meter b{transition:background .12s,box-shadow .12s}.pond-meter span{position:absolute;left:0;right:0;top:23px;color:#fff4c7;font-size:9px;font-weight:800;text-align:center;text-shadow:0 2px 7px #020b20}.pond-meter.stable b{background:#d9ffe7;box-shadow:0 0 16px 5px #75ffb3}.pond-cast{touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .12s,filter .12s,box-shadow .12s}.pond-cast.holding{transform:scale(.96);filter:saturate(1.25);box-shadow:0 5px 17px rgba(0,0,0,.32),0 0 20px rgba(111,255,183,.22)}
.pond-catch-card{position:absolute;z-index:9;left:50%;top:19%;width:min(300px,78vw);transform:translateX(-50%);padding:16px;border:1px solid rgba(255,255,255,.38);border-radius:24px;background:linear-gradient(145deg,rgba(7,24,59,.9),rgba(64,44,93,.84));backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.42);animation:pond-catch-in .42s cubic-bezier(.2,.9,.3,1.2);text-align:center}.pond-catch-card .pond-catch-fish{display:block;font-size:48px;filter:drop-shadow(0 8px 9px rgba(0,0,0,.35));animation:pond-catch-float 1.8s ease-in-out infinite}.pond-catch-card .pond-catch-fish.escaped{filter:none}.pond-catch-card small,.pond-catch-card b,.pond-catch-card p{display:block}.pond-catch-card small{color:#ffe6a5;font-size:9px;letter-spacing:.12em}.pond-catch-card b{margin:4px 0;font-family:Georgia,"Noto Serif SC",serif;font-size:20px}.pond-catch-card p{margin:0;font-size:10px;opacity:.82}
.petal-combo-pill{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(52,24,92,.5);font-size:8px;font-weight:800;white-space:nowrap}.petal-combo-pill b{display:block;color:#ffdf8c;font-size:13px;text-align:center}.petal-comets{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.petal-comets i{position:absolute;left:-25%;top:18%;width:120px;height:2px;background:linear-gradient(90deg,transparent,#d8ecff,transparent);filter:drop-shadow(0 0 5px #9cc8ff);transform:rotate(-18deg);animation:petal-comet 8s linear infinite}.petal-comets i:nth-child(2){top:39%;animation-delay:-4.8s;animation-duration:11s}.petal-comets i:nth-child(3){top:65%;animation-delay:-7s;animation-duration:13s}
.rain-petal{cursor:pointer;will-change:transform}.rain-petal.rare{border-color:rgba(255,233,157,.68);background:radial-gradient(circle,rgba(255,245,187,.35),rgba(255,255,255,.05));color:#fff0a5;font-size:36px;box-shadow:0 0 24px rgba(255,218,120,.26)}.rain-petal.meteor{width:66px;height:66px;border-color:rgba(179,218,255,.7);background:radial-gradient(circle,rgba(165,202,255,.36),rgba(255,135,218,.08));font-size:37px;box-shadow:0 0 32px rgba(142,192,255,.35)}.petal-rain-world.fever .petal-aurora{opacity:1;filter:blur(13px) saturate(1.45);animation-duration:3.2s}.petal-rain-world.fever .petal-progress i{background:linear-gradient(90deg,#8ad9ff,#ff9fe4,#ffe28b);box-shadow:0 0 18px #d9a9ff}.petal-rain-world.danger .petal-game-shell{animation:petal-danger .24s linear}
.petal-result{position:absolute;z-index:12;inset:0;display:grid;place-items:center;padding:22px;background:rgba(7,5,29,.5);backdrop-filter:blur(10px);animation:petal-result-fade .28s ease}.petal-result[hidden]{display:none}.petal-result-loading,.petal-result-card{width:min(360px,88vw);box-sizing:border-box;padding:24px 18px;border:1px solid rgba(255,255,255,.3);border-radius:29px;background:linear-gradient(155deg,rgba(40,24,87,.95),rgba(89,37,93,.92));box-shadow:0 25px 70px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.17);text-align:center}.petal-result-loading span,.petal-result-orbit{display:block;margin:auto;font-size:52px;animation:petal-result-orbit 2s ease-in-out infinite}.petal-result-loading b{display:block;margin-top:10px}.petal-result-card small{color:#ffdba1;font-size:9px;font-weight:800;letter-spacing:.15em}.petal-result-card h3{margin:7px 0 2px;font-family:Georgia,"Noto Serif SC",serif;font-size:28px}.petal-result-card p{margin:0 0 12px;font-size:11px;opacity:.78}.petal-result-card strong{display:block;padding:11px;border-radius:16px;background:rgba(255,255,255,.1);color:#fff0bd;font-size:11px}.petal-result-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.petal-result-card button{padding:11px 8px;border:1px solid rgba(255,255,255,.26);border-radius:16px;background:rgba(255,255,255,.09);color:#fff;font-weight:800}.petal-result-card button:last-child{border:0;background:linear-gradient(135deg,#ff9fca,#ffb071);color:#3f2448}
@keyframes pond-sparkle{0%,100%{opacity:.1;transform:scale(.45)}50%{opacity:1;transform:translate(7px,-8px) scale(1)}}@keyframes pond-hooked{to{transform:translateY(12px) rotate(7deg)}}@keyframes pond-catch-in{from{opacity:0;transform:translate(-50%,20px) scale(.86)}}@keyframes pond-catch-float{50%{transform:translateY(-7px) rotate(-4deg)}}@keyframes petal-comet{0%{transform:translateX(0) rotate(-18deg);opacity:0}8%{opacity:.9}22%,100%{transform:translateX(900px) rotate(-18deg);opacity:0}}@keyframes petal-danger{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes petal-result-fade{from{opacity:0}}@keyframes petal-result-orbit{50%{transform:translateY(-8px) rotate(7deg);filter:drop-shadow(0 0 16px #ffd68c)}}
@media(max-width:560px){.pond-stage-badge{top:5px}.pond-catch-card{top:15%}.petal-game-shell header{gap:7px}.petal-combo-pill{padding:6px}.petal-game-shell header strong{width:39px;height:39px;font-size:17px}.rain-petal{width:50px;height:50px;font-size:27px}.rain-petal.meteor{width:60px;height:60px}.petal-rain-copy{top:24%}}
@media(max-width:360px){.petal-game-shell header h2{font-size:16px}.petal-game-shell header small{font-size:8px}.petal-combo-pill{font-size:7px}.pond-stage-badge{font-size:8px}.pond-play-copy h2{font-size:17px}}
html[data-rose-quality="ultra"] .pond-water-sparkles i:nth-child(n+4),html[data-rose-quality="ultra"] .petal-comets,html[data-rose-quality="ultra"] .rain-petal:not(.meteor){box-shadow:none}html[data-rose-quality="low"] .pond-water-sparkles i:nth-child(n+7),html[data-rose-quality="low"] .petal-comets i:nth-child(n+2){display:none}@media(prefers-reduced-motion:reduce){.pond-water-sparkles i,.pond-catch-fish,.petal-comets i,.petal-result-orbit{animation:none!important}}