/* ===== Ripple Count ===== */
.rc{background:#eef1fa;overflow:hidden;text-align:center}
.rc-sky{position:absolute;inset:0;background:url(img/pond.webp) 50% 50%/cover}
.rc-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(246,244,253,.2),rgba(246,244,253,.55) 40%,rgba(246,244,253,.92) 62%,#f5f3fc 80%)}
.rc-sky.sum::after{background:linear-gradient(rgba(246,244,253,.15),rgba(246,244,253,.5) 30%,rgba(246,244,253,.9) 55%,#f5f3fc 75%)}
.rc>*:not(.rc-sky):not(.rc-gl){position:relative;z-index:1}
.rc-hd{position:absolute!important;left:0;right:0;top:calc(var(--st) + 14px);height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between}
.rc-hd h2{font-size:20px;font-weight:800;color:#2c2860}.rc-hd span{width:44px}
.rc-h{margin-top:calc(var(--st) + 82px);font-size:28px;font-weight:800;color:#2c2860}
.rc-s{margin-top:8px;font-size:15px;line-height:1.5;color:#5e5a86;font-weight:600}
.rc-ill{height:min(22vh,170px);margin:16px auto 0;width:84%;border-radius:26px;overflow:hidden;background:url(img/pond.webp) 50% 70%/cover;box-shadow:0 12px 28px rgba(80,90,160,.18);border:2px solid rgba(255,255,255,.9)}
.rc-ill .dropl{position:absolute;left:50%;top:6%;width:16px;height:22px;margin-left:-8px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
 background:radial-gradient(circle at 35% 35%,#fff,rgba(170,210,255,.85) 60%,rgba(120,170,230,.7));box-shadow:0 2px 6px rgba(80,120,190,.3);animation:rcDrop 3.2s ease-in infinite}
.rc-ill i{position:absolute;left:50%;top:72%;width:60%;aspect-ratio:3.2;border-radius:50%;border:2px solid rgba(255,255,255,.95);transform:translate(-50%,-50%) scale(.1);opacity:0;
 box-shadow:0 2px 0 rgba(60,80,140,.22),inset 0 -2px 0 rgba(60,80,140,.16);animation:rcRing 3.2s ease-out infinite}
.rc-ill i:nth-of-type(2){animation-delay:.35s}.rc-ill i:nth-of-type(3){animation-delay:.7s}
@keyframes rcDrop{0%{transform:translateY(0);opacity:0}10%{opacity:1}38%{transform:translateY(calc(min(22vh,170px)*.6));opacity:1}40%,100%{transform:translateY(calc(min(22vh,170px)*.6));opacity:0}}
@keyframes rcRing{0%,38%{transform:translate(-50%,-50%) scale(.1);opacity:0}42%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
.rc-pts{margin:14px 26px 0;display:flex;flex-direction:column;gap:10px}
.rc-pts>div{display:flex;align-items:center;gap:14px;text-align:left;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid #fff;box-shadow:0 6px 18px rgba(90,80,170,.08);
 font-size:14.5px;font-weight:700;color:#3a3666;line-height:1.35}
.rc-pts svg{flex:none;width:26px;height:22px;color:#6b5bd6}
.rc-cta{position:absolute!important;left:50%;bottom:calc(var(--sb) + 6%);transform:translateX(-50%);min-width:62%;height:54px;padding:0 26px;border-radius:30px;color:#fff;font-size:17px;font-weight:800;
 display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#8f80f2,#6252d2);box-shadow:0 12px 26px rgba(95,79,207,.35)}
.rc-cta:active{transform:translateX(-50%) scale(.97)}.rc-cta svg{width:18px;height:18px}
/* setup */
.rc-seg{margin:calc(var(--st) + 84px) auto 0;display:inline-flex;padding:4px;border-radius:24px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 6px 18px rgba(90,80,170,.1)}
.rc-seg button{height:38px;padding:0 20px;border-radius:20px;font-size:14.5px;font-weight:800;color:#5b5594}
.rc-seg button.on{background:linear-gradient(180deg,#8f80f2,#6252d2);color:#fff;box-shadow:0 4px 12px rgba(95,79,207,.3)}
.drops{display:flex;justify-content:center;gap:10px;margin-top:min(9vh,70px);padding:0 12px}
.dropb{position:relative;width:68px;height:68px;flex:none}
.dropb::before{content:"";position:absolute;inset:0;border-radius:0 50% 50% 50%;transform:rotate(45deg) scale(.92);
 background:radial-gradient(circle at 62% 62%,rgba(255,255,255,.95),rgba(214,232,255,.75) 45%,rgba(170,200,240,.55));border:1.5px solid rgba(255,255,255,.95);
 box-shadow:0 10px 20px rgba(90,110,170,.18),inset -4px -4px 10px rgba(255,255,255,.8),inset 3px 3px 8px rgba(120,150,210,.25);transition:all .3s}
.dropb span{position:relative;display:grid;place-items:center;height:100%;padding-top:10px;font-size:20px;font-weight:800;color:#3b3a78;font-style:italic}
.dropb.on::before{background:radial-gradient(circle at 62% 62%,#fff,rgba(220,212,255,.9) 45%,rgba(160,146,250,.7));box-shadow:0 0 0 3px rgba(130,115,240,.35),0 12px 24px rgba(95,79,207,.28),inset -4px -4px 10px rgba(255,255,255,.8)}
.dropb.on span{color:#4a3db8}
.dropb.big{width:96px;height:96px;margin:min(9vh,70px) auto 0}.dropb.big svg{width:34px;height:34px;color:#6b5bd6}
.rc-free p{margin-top:18px;font-size:15px;line-height:1.5;color:#5e5a86;font-weight:700}
.rc-cust{margin:26px auto 0;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:24px;background:rgba(255,255,255,.8);border:1px solid #fff;
 box-shadow:0 6px 16px rgba(90,80,170,.1);font-weight:800;font-size:14.5px;color:#4b4690}
.rc-cust svg{width:18px;height:18px}.rc-cust.on{color:#4a3db8;box-shadow:0 0 0 2px rgba(130,115,240,.4),0 6px 16px rgba(90,80,170,.1)}
.rc-in{display:none;justify-content:center;gap:8px;margin-top:12px}.rc-in.on{display:flex}
.rc-in input{width:150px;height:46px;border-radius:16px;border:1.5px solid #d6d0f2;background:#fff;text-align:center;font:inherit;font-size:18px;font-weight:800;color:#2c2860;outline:none}
.rc-in input:focus{border-color:#8f80f2}
.rc-in button{height:46px;padding:0 18px;border-radius:16px;background:#6b5bd6;color:#fff;font-weight:800}
.rc-err{min-height:20px;margin-top:6px;font-size:13px;color:#b0587a;font-weight:700}
/* counting */
#rcCount{background:#cdd8ec;touch-action:none}
.rc-gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:0}
.rc-top{position:absolute!important;left:0;right:0;top:calc(var(--st) + 12px);height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.rc-top>*{pointer-events:auto}.rc-tt{pointer-events:none!important;line-height:1.2}
.rc-tt b{display:block;font-size:18px;font-weight:800;color:#2c2860}.rc-tt small{font-size:12.5px;font-weight:700;color:#5e5a86}
.rc-tr{display:flex;gap:8px}.rc-tr .circ{width:40px;height:40px}.rc-tr svg{width:19px;height:19px}
#rcSnd.off{color:#9b98b8}
.rc-bud{position:absolute!important;left:50%;transform:translateX(-50%);aspect-ratio:720/683;pointer-events:none}
.rb-f{position:absolute;inset:0;animation:rcFloat 7s ease-in-out infinite}
.rb-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .8s;filter:drop-shadow(0 10px 14px rgba(70,60,140,.18))}
.rb-f img.on{opacity:1}
.rb-aura{position:absolute;left:50%;top:50%;width:130%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(230,224,255,.3) 40%,transparent 66%)}
.rc-bud.bow .rb-f img{transition:opacity .8s,transform 1.2s cubic-bezier(.4,.1,.2,1);transform:translateY(3.5%) scale(.97) rotate(-1.5deg)}
.rc-bud .rb-f img{transition:opacity .8s,transform 1.4s cubic-bezier(.4,.1,.2,1)}
@keyframes rcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4%)}}
.rc-num{position:absolute!important;left:50%;top:calc(var(--hz) + 3%);transform:translateX(-50%);pointer-events:none;display:flex;align-items:baseline;gap:6px;
 padding:6px 20px;border-radius:26px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85);box-shadow:0 6px 18px rgba(60,70,140,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.rc-num b{display:inline-block;font-size:40px;font-weight:700;color:#34306e;font-variant-numeric:tabular-nums;min-width:1ch}
.rc-num small{font-size:17px;font-weight:800;color:#6d68a0}
.rc-hint{position:absolute!important;left:0;right:0;top:68%;font-size:15px;font-weight:700;color:rgba(255,255,255,.95);text-shadow:0 1px 10px rgba(40,50,110,.4);pointer-events:none;transition:opacity 1s}
.rc-hint.gone{opacity:0}
#rcCount.paused .rc-num{opacity:.6}
#rcCount.paused .rc-hint{opacity:1}
#rcCount.nudge .rc-hint{animation:rcNudge .5s}
@keyframes rcNudge{0%,100%{transform:none}30%{transform:translateX(-6px)}70%{transform:translateX(6px)}}
.rc-msg{position:absolute!important;left:50%;top:calc(var(--hz) + 14%);transform:translate(-50%,10px);width:84%;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.82);
 border:1px solid #fff;box-shadow:0 10px 30px rgba(60,50,140,.16);opacity:0;transition:opacity .9s,transform .9s;pointer-events:none}
.rc-msg.on{opacity:1;transform:translate(-50%,0)}
.rc-msg b{display:block;font-size:17px;font-weight:800;color:#3b2f9e}.rc-msg small{display:block;font-size:13px;color:#5e5a86;font-weight:700;margin-top:3px}
.rc-bar{position:absolute!important;left:0;right:0;bottom:calc(var(--sb) + 22px);display:flex;justify-content:center;align-items:center;gap:30px;pointer-events:none}
.rc-bar .rb{pointer-events:auto;width:52px;height:52px;background:rgba(255,255,255,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.rc-bar .rb.big{width:68px;height:68px}.rc-bar .rb.big svg{width:26px;height:26px}
#rcFin.ready{background:linear-gradient(180deg,#8f80f2,#6252d2);color:#fff;box-shadow:0 0 0 6px rgba(143,128,242,.25),0 10px 22px rgba(95,79,207,.35)}
/* summary */
.rs-bud{width:44%;aspect-ratio:720/683;margin:calc(var(--st) + 7%) auto 0}
.rs-bud img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:rcFloat 6s ease-in-out infinite;filter:drop-shadow(0 10px 14px rgba(70,60,140,.18))}
.rs-bud .rb-aura{background:radial-gradient(circle,rgba(255,250,230,.95),rgba(255,226,180,.45) 32%,rgba(220,210,255,.3) 50%,transparent 68%)}
.rs-n{font-size:64px;font-weight:800;color:#3b2f9e;line-height:1;margin-top:10px;font-variant-numeric:tabular-nums}
.rs-l{font-size:18px;font-weight:800;color:#2c2860;margin-top:8px}
.rs-q{font-size:14.5px;color:#5e5a86;font-weight:600;font-style:italic;margin-top:6px}
.rs-st{display:flex!important;margin:20px 20px 0;padding:14px 6px}
.rs-st>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.rs-st>div+div{border-left:1px solid #ece9f8}
.rs-st svg{width:22px;height:22px;color:#6b5bd6}.rs-st b{font-size:17px;font-weight:800;color:#2c2860}.rs-st small{font-size:12px;color:var(--mut);font-weight:700}
.rs-note{font-size:13px;color:var(--mut);font-weight:700;margin-top:12px;padding:0 30px;min-height:18px}
#rcSum .rs-bud,#rcSum .rs-n,#rcSum .rs-l,#rcSum .rs-q,#rcSum .rs-st{transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}
#rcSum:not(.in) .rs-n,#rcSum:not(.in) .rs-st{opacity:0;transform:translateY(10px)}
.sheet .opt2{display:block;width:100%;margin-top:6px;height:46px;border-radius:24px;font-weight:800;color:#5b5594}
@media (max-height:700px){.rc-h{margin-top:calc(var(--st) + 70px);font-size:25px}.rc-pts>div{padding:9px 14px;font-size:13.5px}.rc-ill{height:15vh}
 .rs-bud{width:36%}.rs-n{font-size:54px}.drops{margin-top:40px}.dropb.big{margin-top:40px}}
@media (max-width:370px){.dropb{width:60px;height:60px}.dropb span{font-size:18px}.drops{gap:8px}}
@media (prefers-reduced-motion:reduce){.rb-f,.rs-bud img,.rc-ill *{animation:none}}
.rc:not(.on),.rc:not(.on) *{pointer-events:none!important}