.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(14px);transition:.3s ease;overflow:hidden;background:#091733}.pond-world.open,.petal-rain-world.open{opacity:1;transform:none}.pond-world[hidden],.petal-rain-world[hidden]{display:none!important}.pond-bg,.petal-night{position:absolute;inset:0;background:center/cover no-repeat url('/assets/rose-pond-moonlit-v33-1-104.png?v=33-1-104');transform:scale(1.025);animation:pond-breathe 14s ease-in-out infinite alternate}.pond-world:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,11,30,.16),transparent 36%,rgba(3,9,25,.34));pointer-events:none}.pond-mist{position:absolute;left:-25%;right:-25%;top:40%;height:28%;background:radial-gradient(ellipse,rgba(203,223,255,.17),transparent 62%);filter:blur(16px);animation:pond-mist 20s linear infinite}.pond-water-light{position:absolute;left:10%;right:8%;top:35%;height:36%;opacity:.45;background:repeating-radial-gradient(ellipse at 55% 0,transparent 0 15px,rgba(160,205,255,.2) 17px,transparent 19px 35px);mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent);animation:pond-water 8s linear infinite}.pond-fireflies i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffe984;box-shadow:0 0 13px 5px rgba(255,224,108,.38);animation:pond-fly 7s ease-in-out infinite}.pond-fireflies i:nth-child(3n){left:20%;top:52%;animation-delay:-2s}.pond-fireflies i:nth-child(3n+1){left:74%;top:39%;animation-delay:-4s}.pond-fireflies i:nth-child(3n+2){left:46%;top:63%;animation-delay:-6s}.pond-fireflies i:nth-child(4n){margin-left:21%;margin-top:18%}.pond-fish-shadows i{position:absolute;width:54px;height:12px;border-radius:50%;background:rgba(8,27,65,.32);filter:blur(3px);top:52%;left:33%;animation:pond-fish 14s linear infinite}.pond-fish-shadows i:nth-child(2){top:61%;left:70%;animation-delay:-5s;transform:scale(.7)}.pond-fish-shadows i:nth-child(3){top:44%;left:52%;animation-delay:-9s;transform:scale(.5)}.pond-fish-shadows i:nth-child(4){top:69%;left:19%;animation-delay:-11s}.pond-fish-shadows i:nth-child(5){top:55%;left:86%;animation-delay:-2s;transform:scale(.6)}.pond-world>header{position:relative;z-index:4;height:84px;display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) 16px 8px;background:linear-gradient(180deg,rgba(2,10,28,.75),transparent)}.pond-world>header button,.petal-rain-world header button{width:42px;height:42px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(4,16,42,.48);color:#fff;font-size:31px}.pond-world>header div{flex:1}.pond-world>header small{opacity:.72}.pond-world>header h1{font-size:20px;margin:2px 0}.pond-world>header strong{padding:9px 12px;border-radius:18px;background:rgba(6,19,49,.62);font-size:14px}.pond-world>main{position:absolute;z-index:3;inset:84px 0 0;display:flex;flex-direction:column}.pond-play{position:relative;flex:1;min-height:230px;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:24px 18px 18px}.pond-play-copy{text-shadow:0 2px 15px #031027}.pond-play-copy small{letter-spacing:.18em;color:#ffe7a6}.pond-play-copy h2{font-size:22px;margin:7px 0}.pond-play-copy p{font-size:13px;margin:0;opacity:.85}.pond-bobber{position:absolute;left:54%;top:42%;width:18px;height:52px;opacity:0;transform:translateY(-120px);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% 100%);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,.35);border-radius:50%;animation:pond-ring 2.4s infinite}.pond-bite-ring{position:absolute;left:calc(54% - 42px);top:calc(42% - 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{margin-top:14px;min-width:190px;padding:13px 22px;border:0;border-radius:22px;background:linear-gradient(135deg,#f5d290,#ff9a9d);color:#33223d;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.28)}.pond-cast:disabled{opacity:.65}.pond-meter{position:relative;width:min(340px,84vw);height:18px;margin-top:14px;border-radius:20px;background:rgba(5,17,42,.72);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,.72);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{height:min(47vh,470px);border-radius:28px 28px 0 0;background:linear-gradient(180deg,rgba(249,246,255,.97),rgba(231,239,255,.97));color:#28304d;box-shadow:0 -18px 50px rgba(2,9,27,.38);padding-bottom:env(safe-area-inset-bottom);overflow:hidden}.pond-panel nav{height:56px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(59,73,117,.11)}.pond-panel nav button{border:0;background:none;color:#67708c;font-weight:700}.pond-panel nav button.active{color:#6b59b8;background:linear-gradient(180deg,rgba(116,90,201,.11),transparent)}#pondPanelBody{height:calc(100% - 56px);overflow:auto;padding:14px 16px 28px}.pond-loading,.pond-error{text-align:center;padding:45px 20px}.pond-error button{padding:10px 18px;border:0;border-radius:18px;background:#6f61c7;color:#fff}.pond-status-row{display:flex;justify-content:space-between;gap:8px}.pond-status-row span{flex:1;padding:10px;border-radius:14px;background:#fff;font-size:12px}.pond-selects{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.pond-selects label{font-size:12px;color:#68708a}.pond-selects select{width:100%;margin-top:5px;padding:10px;border:1px solid #dce1f0;border-radius:12px;background:#fff}.pond-recent article,.pond-gear article,.pond-exchange article{display:flex;align-items:center;gap:10px;margin:8px 0;padding:11px;border-radius:16px;background:#fff;box-shadow:0 4px 16px rgba(40,50,92,.06)}.pond-recent i,.pond-gear span,.pond-exchange span{font-size:28px}.pond-recent div,.pond-gear div,.pond-exchange div{flex:1;display:flex;flex-direction:column}.pond-recent small,.pond-gear small,.pond-exchange small{color:#81889c;font-size:11px}.pond-recent strong{color:#6959bd}.pond-book{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pond-book article{min-height:110px;padding:12px;border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}.pond-book article i{font-style:normal;font-size:30px;filter:drop-shadow(0 5px 8px var(--fish))}.pond-book article small{font-size:10px;color:#7b8398}.pond-book .locked{filter:grayscale(1);opacity:.6}.pond-exchange-head{padding:14px;border-radius:18px;background:linear-gradient(135deg,#e7e2ff,#fff0ec)}.pond-exchange-head b{float:right}.pond-exchange-head p{clear:both;font-size:11px;color:#777f96;margin:8px 0 0}.pond-exchange button,.pond-gear button{border:0;border-radius:13px;padding:8px 11px;background:#7665cc;color:#fff;font-weight:800}.pond-exchange button:disabled,.pond-gear button:disabled{background:#e1e3ea;color:#7c8292}.pond-gear em{font-style:normal;color:#5d9b80}.pond-fair-note{font-size:11px;line-height:1.7;color:#7d8496}.pond-garden-entry,.petal-garden-entry{position:absolute;z-index:27;top:168px;right:16px;width:126px;padding:9px 10px;border:1px solid rgba(255,255,255,.45);border-radius:18px;background:linear-gradient(135deg,rgba(14,32,76,.78),rgba(94,72,143,.72));backdrop-filter:blur(10px);color:#fff;text-align:left;box-shadow:0 9px 26px rgba(0,0,0,.18)}.pond-garden-entry span,.petal-garden-entry span{float:left;font-size:24px;margin-right:7px}.pond-garden-entry b,.petal-garden-entry b{display:block;font-size:13px}.pond-garden-entry small,.petal-garden-entry small{font-size:9px;opacity:.8}.petal-garden-entry{top:226px;background:linear-gradient(135deg,rgba(102,47,108,.78),rgba(220,94,130,.72))}.petal-night{background-image:linear-gradient(rgba(5,8,30,.28),rgba(30,10,42,.32)),url('/assets/rose-pond-moonlit-v33-1-104.png?v=33-1-104');filter:hue-rotate(18deg) saturate(1.2)}.petal-rain-world header{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding:max(16px,env(safe-area-inset-top)) 18px}.petal-rain-world header div{flex:1}.petal-rain-world header small{opacity:.75}.petal-rain-world header h2{margin:2px 0}.petal-rain-world header strong{font-size:27px}.petal-rain-field{position:absolute;z-index:2;inset:80px 0 0;overflow:hidden}.rain-petal{position:absolute;top:-60px;border:0;background:none;font-size:34px;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:1;top:29%;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 3px 15px #130927;pointer-events:none}.petal-rain-copy b{display:block;font-size:64px}.petal-rain-copy span{font-weight:800}.petal-rain-copy p{font-size:12px;opacity:.76}.caught .pond-bobber{filter:drop-shadow(0 0 20px #fff)}
@keyframes pond-breathe{to{transform:scale(1.055) translate3d(-.4%,.3%,0)}}@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(55px,-48px);opacity:1}}@keyframes pond-fish{from{transform:translateX(-160px) scaleX(1)}49%{transform:translateX(160px) scaleX(1)}50%{transform:translateX(160px) scaleX(-1)}to{transform:translateX(-160px) 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 rain-fall{to{transform:translate(var(--drift),calc(100vh + 80px)) rotate(520deg)}}
@media(max-width:560px){.pond-world>header{height:78px}.pond-world>main{inset:78px 0 0}.pond-panel{height:45vh}.pond-play{min-height:210px}.pond-garden-entry,.petal-garden-entry{right:9px;width:114px;z-index:31}.pond-garden-entry{top:270px}.petal-garden-entry{top:326px}.pond-book article{min-height:96px}.pond-bg{background-position:center}.pond-world .pond-fireflies i:nth-child(n+9),.pond-world .pond-fish-shadows i:nth-child(n+4){display:none}}
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){display:none}html[data-rose-quality="ultra"] .pond-bg,html[data-rose-quality="low"] .pond-bg{animation:none}@media(prefers-reduced-motion:reduce){.pond-bg,.pond-mist,.pond-water-light,.pond-fireflies i,.pond-fish-shadows i{animation:none!important}}
.pond-bg,.petal-night{background-image:url('/assets/rose-pond-moonlit-v33-1-104.webp?v=33-1-104')}.petal-night{background-image:linear-gradient(rgba(5,8,30,.28),rgba(30,10,42,.32)),url('/assets/rose-pond-moonlit-v33-1-104.webp?v=33-1-104')}