.tb{--door:var(--lotus);background:#05070F}
.tb-scene{position:relative;height:calc(100svh - var(--hdr));min-height:560px;overflow:hidden;isolation:isolate;display:grid;place-items:center;background:radial-gradient(60% 45% at 50% 58%,rgba(240,143,149,.16),transparent 70%),linear-gradient(#070a1c 0%,#0d1233 45%,#0b2630 72%,#05141b 100%)}
.tb-sky{position:absolute;inset:0;pointer-events:none}
.tb-moon{position:absolute;top:9%;left:12%;width:clamp(56px,7vw,100px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff8ee,#f6dccb 45%,#d9a9a0 70%);box-shadow:0 0 70px 16px rgba(254,235,221,.14);opacity:.85}
.tb-h1{position:absolute;top:clamp(26px,7vh,70px);left:0;right:0;text-align:center;font-size:clamp(1.8rem,4.4vw,3.6rem);font-weight:300;z-index:3;margin:0;padding:0 16px}
.tb-h1 em{color:var(--lotus);text-shadow:0 0 30px rgba(240,143,149,.5)}
.tb-flower{--s:.86;position:relative;z-index:2;width:min(70vw,52vh,520px);aspect-ratio:320/230;margin-top:2vh}
.tb-lotus{position:relative;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 30px rgba(240,143,149,.55)) drop-shadow(0 0 90px rgba(240,143,149,.25));z-index:2}
.pt{transform-box:view-box;transition:transform var(--dur,4s) cubic-bezier(.45,0,.25,1)}
.tb-halo{position:absolute;left:50%;top:62%;width:120%;aspect-ratio:1;transform:translate(-50%,-50%) scale(var(--s));border-radius:50%;background:radial-gradient(circle,rgba(240,143,149,.32),rgba(240,143,149,.08) 45%,transparent 68%);transition:transform var(--dur,4s) cubic-bezier(.45,0,.25,1),opacity var(--dur,4s);z-index:0}
.tb-pad{position:absolute;left:50%;top:84%;width:96%;height:26%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 40% 40%,#1e6b5a,#0f3a36 60%,#0b2630);box-shadow:0 0 0 1px rgba(155,246,209,.22) inset,0 10px 40px -10px #000;z-index:1;-webkit-mask:conic-gradient(from 160deg at 50% 50%,#000 0 330deg,transparent 330deg 352deg,#000 352deg);mask:conic-gradient(from 160deg at 50% 50%,#000 0 330deg,transparent 330deg 352deg,#000 352deg)}
.tb-rings{position:absolute;left:50%;top:92%;width:150%;aspect-ratio:3.4;transform:translate(-50%,-50%);z-index:0;pointer-events:none}
.tb-rings i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(155,246,209,.35);transform:scale(.3);opacity:0;animation:tbr 8s ease-out infinite}
.tb-rings i:nth-child(2){animation-delay:-2.7s}.tb-rings i:nth-child(3){animation-delay:-5.3s}
@keyframes tbr{0%{transform:scale(.3);opacity:.9}100%{transform:scale(1);opacity:0}}
.tb-gloop{position:absolute;z-index:3;left:calc(50% + min(30vw,24vh,230px));top:58%;width:clamp(74px,10vw,120px);transform:translate(-30%,-10%)}
.tb-cue{position:absolute;z-index:3;bottom:clamp(64px,13vh,120px);left:0;right:0;text-align:center;margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.tb-cue span{font:italic 300 clamp(1.6rem,3.4vw,2.6rem)/1 var(--f-display);color:var(--petal);transition:opacity .6s}
.tb-cue small{font-size:.8rem;color:var(--glow);letter-spacing:.3em}
.tb-water{position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(transparent,rgba(5,20,27,.9));z-index:1;pointer-events:none}
.tb-down{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);color:var(--fg-2);text-decoration:none;font-size:.74rem;letter-spacing:.18em;white-space:nowrap}
.tb-down:hover{color:var(--lotus)}
.tb-pace{max-width:900px;margin:0 auto;padding:14px clamp(16px,4vw,40px);color:var(--fg-2)}
.tb-pace summary{cursor:pointer;font:600 .9rem var(--f-ui);color:var(--fg-2);list-style:none;text-align:center}
.tb-pace summary::before{content:"⚙ ";color:var(--lotus)}
.tb-paceb{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0}
.tb-paceb button{border:0;cursor:pointer;font:600 .85rem var(--f-ui);padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--fg);box-shadow:0 0 0 1px var(--line) inset}
.tb-paceb button[aria-pressed=true]{background:var(--lotus);color:#3a1520}
.tb-pace p{text-align:center;font-size:.74rem}
/* stones */
.tb-stones{padding:clamp(50px,8vw,100px) clamp(16px,5vw,80px) 90px;background:radial-gradient(70% 40% at 50% 0%,rgba(240,143,149,.08),transparent 70%),linear-gradient(#05070F,#0a0f1e)}
.tb-stones h2{font-size:clamp(1.9rem,4vw,3.2rem);font-weight:300;text-align:center;max-width:20ch;margin:0 auto .4em}
.tb-stones h2 em{color:var(--lotus);font-weight:400}
.tb-sp{text-align:center;color:var(--fg-2);max-width:56ch;margin:0 auto 46px}
.tb-list{list-style:none;margin:0 auto;padding:0;max-width:1240px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px 18px}
.st{position:relative;border-radius:46% 54% 42% 58%/58% 46% 54% 42%;padding:30px 24px 22px;background:radial-gradient(circle at 30% 22%,#2a3045,#151a2b 55%,#0d1120);box-shadow:inset 0 2px 0 rgba(255,255,255,.06),inset 0 0 0 1px rgba(240,143,149,.18),inset 0 -14px 30px rgba(0,0,0,.5),0 18px 30px -18px #000;transition:transform .5s var(--ease-spring),box-shadow .4s}
.st:nth-child(3n+1){border-radius:56% 44% 52% 48%/48% 56% 44% 52%}
.st:nth-child(4n+2){border-radius:40% 60% 56% 44%/52% 40% 60% 48%}
.st:nth-child(5n+3){transform:rotate(-1.4deg)}
.st:hover{transform:translateY(-4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.08),inset 0 0 0 1.5px rgba(240,143,149,.55),inset 0 -14px 30px rgba(0,0,0,.5),0 0 40px -12px var(--lotus)}
.st-n{font:200 2.4rem/1 var(--f-display);color:rgba(240,143,149,.55)}
.st h3{font-size:1.3rem;margin:.2em 0 .15em}
.st p{color:var(--fg-2);font-size:.9rem;margin:0 0 10px}
.st-tag{font:500 .68rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--glow)}
.st-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}
.st-play{font:600 .85rem var(--f-ui);text-decoration:none;padding:8px 14px;border-radius:999px;background:var(--lotus);color:#3a1520}
.st details{flex:1 1 100%}
.st summary{cursor:pointer;font:600 .8rem var(--f-ui);color:var(--fg-2);margin-top:4px;list-style:none}
.st summary::before{content:"♥ ▲ 💬  ";color:var(--lotus)}
.st details[open] summary{margin-bottom:8px}
.st .lmrate button{padding:7px 10px;font-size:.8rem}
@media (max-width:760px){
 .tb-scene{height:calc(100svh - var(--hdr) - 74px);min-height:520px}
 .tb-flower{width:min(84vw,46vh)}
 .tb-gloop{left:auto;right:4%;top:auto;bottom:24%;transform:none;width:72px}
 .tb-list{grid-template-columns:1fr 1fr;gap:14px 10px}
 .st{padding:22px 14px 16px}.st h3{font-size:1.05rem}.st p{font-size:.8rem}.st-n{font-size:1.8rem}
}
@media (max-width:380px){.tb-list{grid-template-columns:1fr}}
@media (max-width:760px){.tb-moon{left:auto;right:7%;top:70px;bottom:auto;width:40px;opacity:.7}.tb-h1{top:22px}}
.st-tag{display:block;margin-top:4px}
.tb-gloop .g-lid{transform-box:fill-box;transform-origin:50% 0}

/* F-wave s2: break-page quality upgrade */
.tb-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:0 auto 10px;max-width:900px}
.tb-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tb-chips button,.tb-surp{border:0;cursor:pointer;font:600 .85rem var(--f-ui);padding:10px 14px;min-height:44px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--fg);box-shadow:0 0 0 1px var(--line) inset}
.tb-chips button[aria-pressed=true]{background:var(--glow);color:#0A1024}
.tb-surp{background:var(--lotus);color:#3a1520}
.tb-note{text-align:center;color:var(--fg-2);font-size:.8rem;margin:0 0 26px}
.st[hidden]{display:none}
.st-min{font-size:.72rem;color:var(--fg-2);margin:-4px 0 8px}

/* lm-puba-20261029a: footer */
.ld-foot{position:relative;padding:22px clamp(16px,4vw,40px);background:var(--ink-0);border-top:1px solid var(--line);color:var(--fg-2);font-size:.78rem;text-align:center}

/* lm-puba-20261029a: no demo/preview tag on live pages */
.preview-tag{display:none!important}
