/* Sui: a quieter interval with slow, pale-green motion. */
.showtime[data-scene='5']{--bg:#e4f3e8;--fg:#19453c}
.showtime[data-scene='5'] .character-position{right:5%;bottom:3%;width:49%;height:84%;transform:rotate(0)}
.showtime[data-scene='5'] .character-button{animation-duration:6s;filter:drop-shadow(5px 6px 0 #a4c9b2)}
.showtime[data-scene='5'] .kinetic-title{left:8%;top:33%;font-size:clamp(46px,6.3vw,100px);transform:rotate(-2deg)}
.showtime[data-scene='5'] .kinetic-title .line:nth-child(2){background:#19453c;color:#f3fff5;box-shadow:6px 7px #9bd0b2}
.showtime[data-scene='5'] .scene-tag{left:8%;top:25%;transform:rotate(-2deg)}
.showtime[data-scene='5'] .scene-caption{left:9%;bottom:22%;font-size:14px}
.showtime[data-scene='5'] .color-disc{right:3%;top:22%;width:65vmin;height:65vmin;background:#bfddc4;animation-duration:8s}
.showtime[data-scene='5'] .color-disc.second{left:-18%;top:7%;background:#f6ffdf}
.showtime[data-scene='5'] .circle-rings{opacity:.25;left:70%;width:78vmin;height:78vmin}
.showtime[data-scene='5'] .circle-rings:before{border-width:1px;animation-duration:50s}
.showtime[data-scene='5'] .circle-rings:after{border-width:2px;animation-duration:60s}
.showtime[data-scene='5'] .rear-word{left:0;top:20%;font-size:34vw;opacity:.08;animation-duration:20s}
.showtime[data-scene='5'] .sticker-a{right:9%;top:13%;font-size:100px;color:#91bca0;-webkit-text-stroke:0}
.showtime[data-scene='5'] .sticker-c{font-size:18px;right:5%;top:66%}
.showtime[data-scene='5'] .tape{transform:rotate(-2deg);bottom:14%}
.showtime[data-scene='5'] .tape-track{animation-duration:28s}
.showtime[data-scene='5'] .reaction{right:20%;top:24%;background:#f3fff5;box-shadow:5px 6px #91bca0}
/* Riku: faster entrance, forest/amber palette, reverse composition. */
.showtime[data-scene='6']{--bg:#173f32;--fg:#f5efd3}
.showtime[data-scene='6'] .character-position{right:49%;bottom:3%;width:49%;height:87%;transform:rotate(-8deg)}
.showtime[data-scene='6'] .character-button{animation-duration:2.7s;filter:drop-shadow(6px 7px 0 #f3c665)}
.showtime[data-scene='6'] .kinetic-title{left:53%;top:33%;width:44%;font-size:clamp(45px,5.8vw,94px);transform:rotate(5deg)}
.showtime[data-scene='6'] .kinetic-title .line:nth-child(2){background:#f3c665;color:#173f32;box-shadow:6px 7px #92bd77}
.showtime[data-scene='6'] .scene-tag{left:57%;top:25%;transform:rotate(5deg)}
.showtime[data-scene='6'] .scene-caption{left:58%;bottom:27%;font-size:14px}
.showtime[data-scene='6'] .color-disc{right:52%;top:26%;width:65vmin;height:65vmin;background:#426c46;border-radius:8%;transform:rotate(18deg)}
.showtime[data-scene='6'] .color-disc.second{left:78%;top:-20%;background:#284f3f}
.showtime[data-scene='6'] .circle-rings{opacity:.3;left:27%;width:83vmin;height:83vmin}
.showtime[data-scene='6'] .speed-lines{opacity:.12;animation-duration:60s}
.showtime[data-scene='6'] .rear-word{left:42%;top:20%;font-size:34vw;opacity:.1}
.showtime[data-scene='6'] .sticker-a{right:6%;top:14%;font-size:100px;-webkit-text-stroke:0;color:#f3c665}
.showtime[data-scene='6'] .sticker-b{opacity:1;left:5%;bottom:30%;background:#f3c665;color:#173f32}
.showtime[data-scene='6'] .sticker-c{font-size:18px;right:5%;top:65%}
.showtime[data-scene='6'] .tape{bottom:14%;transform:rotate(3deg)}
.showtime[data-scene='6'] .reaction{right:auto;left:16%;top:22%;box-shadow:5px 6px #f3c665}
/* All five cast members share the final cut. */
.showtime[data-scene='4'] .character-position{right:38%;width:24%;height:58%;bottom:9%;transform:rotate(-4deg)}
.showtime[data-scene='4'] .cast-companion{bottom:9%;width:22%;height:55%}
.showtime[data-scene='4'] .companion-nagi{left:0;transform:rotate(-5deg)}
.showtime[data-scene='4'] .companion-ren{left:19%;transform:rotate(3deg)}
.showtime[data-scene='4'] .companion-sui{left:59%;transform:rotate(-3deg)}
.showtime[data-scene='4'] .companion-riku{left:78%;transform:rotate(5deg)}
.companion-sui img{animation-duration:6s;animation-delay:-2s}
.companion-riku img{animation-duration:3s;animation-delay:-.8s}
.showtime[data-scene='4'] .kinetic-title{left:6%;top:16%;width:88%;font-size:clamp(30px,3.3vw,52px);transform:rotate(-2deg);text-align:center}
.showtime[data-scene='4'] .kinetic-title .line{display:inline-block;vertical-align:middle}
.showtime[data-scene='4'] .kinetic-title .line:nth-child(2){margin:.05em 0 .05em .2em}
.showtime[data-scene='4'] .scene-tag{left:0;right:0;top:10%;max-width:none;width:max-content;margin-left:auto;margin-right:auto;transform:none;font-size:11px}
.showtime[data-scene='4'] .scene-caption{display:none}
.showtime[data-scene='4'] .sticker-a{font-size:35px;top:31%;right:3%}
.showtime[data-scene='4'] .sticker-c{display:none}
.showtime[data-scene='4'] .color-disc{right:30%;top:32%;width:45vmin;height:45vmin}
.showtime[data-scene='4'] .rear-word{top:34%;opacity:.06;font-size:30vw}
.showtime[data-scene='4'] .tape{bottom:13%;transform:rotate(-1deg)}
.showtime[data-scene='4'] .click-hint{display:none}
@media(max-width:1000px) and (min-width:601px){
 .showtime[data-scene='4'] .character-position{width:26%;right:37%;height:58%}
 .showtime[data-scene='4'] .cast-companion{width:24%;height:55%}
 .showtime[data-scene='4'] .kinetic-title{font-size:3.8vw}
 .showtime[data-scene='6'] .kinetic-title{font-size:5.8vw}
}
@media(max-width:600px){
 .cut-buttons{gap:1px}.cut-button{padding:6px 5px 6px 0;margin-right:3px}.timeline-wrapper{min-width:0}.op-bottom{gap:10px}
 .showtime[data-scene='5'] .character-position{right:-17%;bottom:10%;width:94%;height:68%}
 .showtime[data-scene='5'] .kinetic-title{left:5%;top:24%;width:88%;font-size:11vw;transform:rotate(-3deg)}
 .showtime[data-scene='5'] .scene-tag{left:6%;top:18%;font-size:9px}
 .showtime[data-scene='5'] .scene-caption{left:6%;bottom:25%;max-width:32%;font-size:12px}
 .showtime[data-scene='5'] .sticker-a{top:15%;right:7%;font-size:48px}
 .showtime[data-scene='5'] .sticker-c{top:66%;font-size:13px}
 .showtime[data-scene='5'] .color-disc{top:37%;right:-18%;width:90vmin;height:90vmin}
 .showtime[data-scene='5'] .circle-rings{left:65%;top:53%;width:105vmin;height:105vmin}
 .showtime[data-scene='5'] .reaction{right:7%;top:51%}
 .showtime[data-scene='6'] .character-position{right:16%;bottom:5%;width:92%;height:62%;transform:rotate(-8deg)}
 .showtime[data-scene='6'] .kinetic-title{left:24%;top:19%;width:72%;font-size:11vw;transform:rotate(5deg)}
 .showtime[data-scene='6'] .scene-tag{left:24%;top:14%;font-size:9px}
 .showtime[data-scene='6'] .scene-caption{left:62%;bottom:27%;max-width:33%;font-size:12px}
 .showtime[data-scene='6'] .sticker-a{right:8%;top:46%;font-size:65px}
 .showtime[data-scene='6'] .sticker-b{left:auto;right:4%;bottom:40%;font-size:10px}
 .showtime[data-scene='6'] .sticker-c{display:none}
 .showtime[data-scene='6'] .color-disc{right:19%;top:37%;width:90vmin;height:90vmin}
 .showtime[data-scene='6'] .reaction{left:6%;top:51%}
 .showtime[data-scene='4'] .scene-tag{top:15%;left:0;right:0;max-width:94%;font-size:9px;white-space:nowrap}
 .showtime[data-scene='4'] .kinetic-title{top:21%;left:7%;width:86%;font-size:8.2vw;transform:rotate(-3deg)}
 .showtime[data-scene='4'] .kinetic-title .line{display:block;margin-left:auto;margin-right:auto}
 .showtime[data-scene='4'] .kinetic-title .line:nth-child(2){margin:.08em auto 0}
 .showtime[data-scene='4'] .character-position{right:17%;width:66%;height:47%;bottom:8%;transform:rotate(-3deg)}
 .showtime[data-scene='4'] .companion-sui{left:-2%;width:51%;height:41%;bottom:27%;transform:rotate(-5deg)}
 .showtime[data-scene='4'] .companion-riku{left:51%;width:51%;height:41%;bottom:27%;transform:rotate(5deg)}
 .showtime[data-scene='4'] .companion-nagi{left:-9%;width:47%;height:36%;bottom:8%;transform:rotate(-8deg)}
 .showtime[data-scene='4'] .companion-ren{left:62%;width:47%;height:36%;bottom:8%;transform:rotate(8deg)}
 .showtime[data-scene='4'] .sticker-a{display:none}
 .showtime[data-scene='4'] .reaction{top:40%;right:18%}
}