/* ひデッピークリエ パワーアップ演出（A:案内役 / B:章幕 / C:一日の時計） */
.pu-guide,.pu-bars,.pu-ctag{display:none}

/* ===== A: 案内役ハッピーちゃん ===== */
body[data-fx="guide"] .pu-guide{display:block}
.pu-guide{position:fixed;left:18px;bottom:0;z-index:45;width:112px;transform:translateY(110%);transition:transform .7s cubic-bezier(.3,1.4,.5,1)}
.pu-guide.is-on{transform:translateY(18%)}
.pu-guide.is-on.is-hop .pu-guide-img{animation:puHop .6s ease}
.pu-guide-img{width:100%;display:block;cursor:pointer;transform-origin:50% 100%;transition:transform .5s ease;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}
.pu-bubble{position:absolute;z-index:1;left:104px;bottom:calc(100% - 56px);width:max-content;max-width:min(300px,calc(100vw - 140px));background:#fff;color:#1d2731;font-size:14px;font-weight:700;line-height:1.7;padding:12px 16px;border-radius:16px 16px 16px 4px;box-shadow:0 12px 30px rgba(0,0,0,.22);opacity:0;transform:translateY(8px) scale(.96);transform-origin:0 100%;transition:opacity .35s ease,transform .35s ease;pointer-events:none}
.pu-bubble small{display:block;font-size:11px;letter-spacing:.2em;color:#c89a4e;margin-bottom:2px}
.pu-guide.is-on .pu-bubble.is-on{opacity:1;transform:none}
@keyframes puHop{0%{transform:translateY(0)}35%{transform:translateY(-16px) rotate(-3deg)}70%{transform:translateY(0) rotate(1deg)}100%{transform:none}}
@media (max-width:720px){.pu-guide{width:76px;left:10px}.pu-bubble{left:72px;bottom:calc(100% - 40px);font-size:13px;padding:10px 13px}}

/* ===== B: 章幕（タイトルカード） ===== */
body[data-fx="curtain"] .pu-bars,body[data-fx="curtain"] .pu-ctag,body[data-fx="guide"] .pu-ctag{display:flex}
.pu-bars{position:fixed;inset:0;z-index:44;pointer-events:none;flex-direction:column;justify-content:space-between}
.pu-bar{height:0;background:#05090e;transition:height .7s cubic-bezier(.6,0,.2,1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pu-bars.is-on .pu-bar{height:9vh}
.pu-bar-cap{color:#fff;font-family:var(--heading-font);font-size:clamp(14px,1.4vw,20px);letter-spacing:.32em;opacity:0;transition:opacity .4s ease .35s;display:flex;gap:18px;align-items:center}
.pu-bar-cap b{color:var(--gold);font-weight:700}
.pu-bars.is-on .pu-bar-cap{opacity:1}
.pu-ctag{justify-content:center;align-items:center;gap:18px;margin-bottom:22px}
.pu-ctag img{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 3px var(--gold),0 0 40px 8px rgba(200,154,78,.35);transform:scale(.6);opacity:0;transition:transform .8s cubic-bezier(.3,1.5,.5,1) .1s,opacity .5s ease .1s}
.pu-ctag time{font-family:var(--heading-font);font-size:clamp(34px,4.4vw,64px);font-weight:700;letter-spacing:.06em;line-height:1;color:var(--scene-ink);opacity:0;transform:translateX(-14px);transition:opacity .7s ease .25s,transform .7s ease .25s}
.chapter.is-in .pu-ctag img{transform:none;opacity:1}
.chapter.is-in .pu-ctag time{opacity:1;transform:none}
body[data-fx="curtain"] .chapter h2 .pu-ch{display:inline-block;opacity:0;transform:translateY(.5em);filter:blur(4px);transition:opacity .5s ease,transform .5s ease,filter .5s ease}
body[data-fx="curtain"] .chapter.is-in h2 .pu-ch{opacity:1;transform:none;filter:none}

@media (prefers-reduced-motion:reduce){.pu-guide,.pu-bar,.pu-ctag img,.pu-ctag time,.pu-ch{transition:none!important;animation:none!important}}