/* Seven figures share a single floor; motion is confined to transparent video. */
body.tl-friends-page .friends-fv{padding-bottom:8px}
body.tl-friends-page .friends-fv:after{position:absolute;bottom:0;height:8px;background:#000;z-index:12}
body.tl-friends-page .friends-fv .read{display:block;width:92%;max-width:1400px;padding:0;margin:0 auto 65px;border-radius:0;background:none;box-shadow:none;text-align:center}
body.tl-friends-page .friends-fv .read span{font-size:clamp(36px,4.8vw,64px);line-height:1.4;color:#000;font-weight:700}
body.tl-friends-page .friends-fv .chara_area{position:relative;bottom:auto;width:min(1280px,94%);max-width:1280px;margin:50px auto 0;overflow:visible;z-index:11}
body.tl-friends-page .friends-fv .chara_area:after{display:none}
body.tl-friends-page .friends-fv .chara_area .chara_wrap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:0;width:100%;padding:0;aspect-ratio:auto;transform:none}
body.tl-friends-page .friends-fv .chara_area .chara{display:block;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;margin:0!important;opacity:1;transform:none!important;animation:none!important;overflow:hidden}
body.tl-friends-page .friend-cast .friend-intro-video,body.tl-friends-page .friend-cast .friend-intro-poster{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:contain;transform:none;transition:none;pointer-events:none}
body.tl-friends-page .friend-cast .friend-intro-video{opacity:0;background:transparent}
body.tl-friends-page .friend-cast.is-playing .friend-intro-video{opacity:1}
body.tl-friends-page .friend-cast.is-playing .friend-intro-poster{visibility:hidden}
body.tl-friends-page .tl-shared-bottom .tl-gradient-region{padding-top:clamp(90px,9vw,150px)!important}
@media(max-width:800px){body.tl-friends-page .friends-fv .read{margin-bottom:40px}body.tl-friends-page .friends-fv .read span{font-size:clamp(32px,6.8vw,48px)}body.tl-friends-page .friends-fv .chara_area{width:98%;margin-top:35px}}

/* Balanced title and introduction, with petals starting at the header's top edge. */
body.tl-friends-page .friends-fv .text_wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);width:calc(100% - 100px);max-width:1190px;margin-inline:auto}
body.tl-friends-page .friends-fv .title_area{width:100%;min-width:0;margin:0;text-align:left}
body.tl-friends-page .friends-fv .title_area .tl-page-title{color:#000!important;margin-inline:0!important}
body.tl-friends-page .friends-fv .title_area .welcome{color:#249546}
body.tl-friends-page .friends-fv .text_wrap .text_area{width:100%;max-width:none;margin:0;padding:0;text-align:left}
body.tl-friends-page .friends-fv .text_wrap .text_area p{font-size:clamp(15px,1.35vw,18px);line-height:2}
body.tl-friends-page .friends-fv .sakura-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3;container-type:size}
body.tl-friends-page .sakura-petal{position:absolute;top:-35px;left:var(--x);width:var(--size);height:calc(var(--size)*1.35);opacity:0;animation:tl-sakura-fall var(--duration) var(--delay) linear infinite;will-change:transform;pointer-events:none}
body.tl-friends-page .sakura-petal svg{display:block;width:100%;height:100%;fill:var(--petal-color);animation:tl-sakura-turn 3.8s ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes tl-sakura-fall{0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg)}8%{opacity:.72}85%{opacity:.65}100%{opacity:0;transform:translate3d(var(--drift),calc(100cqh + 65px),0) rotate(260deg)}}
@keyframes tl-sakura-turn{from{transform:rotate(-30deg) scaleX(.5)}to{transform:rotate(45deg) scaleX(1)}}
body.tl-friends-page .sakura-layer.is-paused *,body.tl-friends-page .sakura-layer.is-paused svg{animation-play-state:paused}
@media(max-width:800px){body.tl-friends-page .friends-fv .text_wrap{width:calc(100% - 44px);gap:28px;grid-template-columns:1fr}body.tl-friends-page .sakura-petal:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){body.tl-friends-page .sakura-layer{display:none}}