/* v4.1: the marked layout gaps and the orientation/size of cover sound effects. */
.cover-impact,.cover-impact span{font-style:normal;text-orientation:upright}
.cover-impact span{rotate:0deg;transform:none;display:inline;font-size:1em}
.follow .reveal,.motion-on .follow .reveal.is-visible{animation:none!important;opacity:1!important;translate:0 0;clip-path:none}
@keyframes followWaveSolid{0%{translate:24px 12px;rotate:6deg}75%{translate:-3px -2px;rotate:-2deg}100%{translate:0 0;rotate:0deg}}
.motion-on .follow.in-view .follow-friend{animation:followWaveSolid .8s both}
.follow-friend.ruby-acting{opacity:1!important}
.cast-wall .cast-card[hidden]{display:none!important}
@keyframes impactRail41{0%{translate:0 16px;scale:.85}75%{translate:0 -2px;scale:1.035}100%{translate:0 0;scale:1}}
@media(max-width:700px){
 .cover-v4 .cover-impact,.cover-v4.sequence-ready .cover-impact,.cover-v4.stage-nene .cover-impact,.cover-v4.stage-riko .cover-impact{top:122px;left:20px;font-size:48px;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.13em;line-height:1.02;transform:rotate(-5deg);rotate:0deg;-webkit-text-stroke:5px var(--ink);color:var(--cream);text-shadow:3px 3px 0 var(--pink)}
 .cover-v4.stage-riko .cover-impact{color:var(--yellow)}
 .cover-v4 .cover-impact span{display:inline;rotate:0deg;transform:none;text-orientation:upright;font-size:1em;letter-spacing:0}
 .motion-on .cover-v4.cover-playing .cover-impact{animation:impactRail41 .6s .6s both}
 .motion-on .cover-v4.sequence-ready .cover-impact.phase-pop{animation:impactRail41 .55s both}
 .cover-v4 .cover-side-nene{top:311px}
 .cover-v4.stage-nene .cover-side-nene{top:275px}
 .cover-v4.stage-riko .hero-ruby{translate:-130px 90px;scale:.52;z-index:10}
 .cover-v4.stage-riko .cover-side-riko{translate:calc(-50vw + 83px) -10px}
 .cover-v4.stage-nene .cover-side-riko{translate:calc(110px - 100vw) 36px}
 .cover-v4.stage-nene .cover-side-riko,.cover-v4.stage-riko .cover-side-nene{z-index:10}
 .characters .section-heading{margin-bottom:12px}
 .characters h2 em{display:block;width:100%;padding-right:58px;white-space:nowrap;position:relative}
 .characters h2 em:after{content:'';position:absolute;right:9px;top:1px;width:46px;height:42px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 46'%3E%3Cpath d='M5 6C30 1 38 13 35 29L44 23 39 42 23 32 32 32C36 18 26 11 8 14Z' fill='%23ffdf42' stroke='%23172a31' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
 .characters .cast-instruction{top:24px;right:0;margin:0;width:146px;justify-content:center;padding:7px 6px;rotate:3deg}
 .characters .cast-instruction p{font-size:9px;line-height:1.7}
 .characters .cast-tabs{display:grid;grid-template-columns:.62fr 1.2fr 1.2fr;gap:7px;margin-bottom:8px}
 .characters .cast-tabs button{width:100%;white-space:nowrap;padding:7px 3px;min-height:44px;font-size:9px}
 .characters .cast-tabs .active{font-size:10px}
 .cast-wall[data-view="all"] .cast-card:last-child,.cast-wall[data-view="new"] .cast-card:nth-child(6){grid-column:span 2;display:grid;grid-template-columns:60% 40%;align-items:stretch}
 .cast-wall[data-view="all"] .cast-card:last-child .portrait,.cast-wall[data-view="new"] .cast-card:nth-child(6) .portrait{aspect-ratio:1/1;background-size:300% 200%;align-self:end}
 .cast-wall[data-view="all"] .cast-card:last-child .cast-label,.cast-wall[data-view="new"] .cast-card:nth-child(6) .cast-label{border-top:0;border-left:2px solid var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:6px 4px;gap:8px}
 .cast-wall[data-view="all"] .cast-card:last-child .cast-label b,.cast-wall[data-view="new"] .cast-card:nth-child(6) .cast-label b{font-size:16px}
 .cast-wall[data-view="all"] .cast-card:last-child .cast-label i,.cast-wall[data-view="new"] .cast-card:nth-child(6) .cast-label i{align-self:flex-end}
 .cast-wall:not([data-view="all"]){grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}
 .cast-wall:not([data-view="all"]) .cast-card .portrait{aspect-ratio:1/1}
 .cast-wall:not([data-view="all"]) .cast-card:first-child,.cast-wall[data-view="new"] .cast-card:nth-child(6){grid-template-columns:45% 55%}
 .cast-wall:not([data-view="all"]) .cast-card:first-child .portrait,.cast-wall[data-view="new"] .cast-card:nth-child(6) .portrait{aspect-ratio:1/1;background-size:300% 200%;background-position-y:calc(var(--row)*100%)}
 .cast-wall:not([data-view="all"]) .cast-label{padding:7px}
 .follow{padding-top:16px;padding-bottom:18px}
 .follow h2{margin-top:10px;margin-bottom:10px;font-size:23px}
 .follow-friend.ruby-acting{top:0;right:-14px;width:154px;height:308px}
 .follow .follow-copy{margin-top:10px;margin-bottom:8px;padding:6px 8px;line-height:1.6}
 .follow .button{min-height:56px;padding:9px 14px;line-height:1.5;margin-block:0;max-width:340px}
 .follow .social-grid{margin-top:13px;gap:7px}
}
@media(max-width:360px){.cover-v4 .cover-impact,.cover-v4.sequence-ready .cover-impact,.cover-v4.stage-nene .cover-impact,.cover-v4.stage-riko .cover-impact{font-size:45px}.characters h2{font-size:26px}.characters .cast-instruction{width:136px}.characters .cast-tabs button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.follow-friend,.cover-impact{animation:none!important;transition:none!important}}