:root{--ink:#212137;--panel:#fff9ea;--accent:#ff608e;--px:0;--py:0}html,body{width:100%;height:100%;overflow:hidden}body{background:#f5efd8;color:#212137;font-family:'Noto Sans JP','Yu Gothic',sans-serif}.showtime{height:100svh;min-height:510px;position:relative;overflow:hidden;isolation:isolate;--fg:#212137;--bg:#ffde64;background:var(--bg);color:var(--fg);transition:background .65s,color .4s}.showtime:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(circle,currentColor 1px,transparent 1.3px) 0 0/9px 9px;opacity:.085}.op-header{position:absolute;z-index:30;top:0;left:0;right:0;padding:22px 33px;display:flex;justify-content:space-between;align-items:center;gap:22px;color:var(--fg)}.op-logo{font:900 23px/1 'Noto Sans JP',sans-serif;letter-spacing:-.08em;text-decoration:none;background:var(--fg);color:var(--bg);padding:8px 11px;transform:rotate(-3deg)}.op-logo span{font:12px/1 monospace;letter-spacing:.03em;padding-left:8px}.op-nav{display:flex;gap:23px}.op-nav button{background:none;border:0;font-size:13px;padding:6px 0;border-bottom:1px solid transparent}.op-nav button:hover{border-color:currentColor}.op-controls{display:flex;gap:7px}.op-controls button{background:var(--bg);border:1px solid var(--fg);padding:8px 12px;font-size:12px}.op-controls button:hover{background:var(--fg);color:var(--bg)}.ambient-orbit{position:absolute;width:80vmin;height:80vmin;right:-5%;top:2%;border:1px solid currentColor;border-radius:50%;opacity:.2;animation:orbit-spin 32s linear infinite}.ambient-orbit:before{content:'';position:absolute;inset:16px;border:14px dotted currentColor;border-radius:50%}.ambient-orbit:after{content:'';position:absolute;width:30px;height:30px;background:currentColor;border-radius:50%;top:10%;left:10%}.color-disc{position:absolute;z-index:-1;width:78vmin;height:78vmin;right:0;top:17%;background:var(--accent);border-radius:50%;transform:translate(calc(var(--px)*-16px),calc(var(--py)*-12px));transition:background .5s,right 1s,top 1s,transform .2s;animation:disc-breathe 5s ease-in-out infinite alternate}.color-disc.second{width:45vmin;height:45vmin;left:-23vmin;top:60%;right:auto;background:#fff9e9;animation-duration:8s}.rear-word{position:absolute;top:19%;left:-3%;font:900 clamp(110px,24vw,410px)/.8 Impact,'Arial Black',sans-serif;letter-spacing:-.055em;white-space:nowrap;color:transparent;-webkit-text-stroke:2px var(--fg);opacity:.18;z-index:-1;animation:word-drift 12s ease-in-out infinite alternate}.speed-lines{position:absolute;inset:-50%;z-index:-2;background:repeating-conic-gradient(from 5deg,transparent 0deg 13deg,#fff8 13.2deg 13.6deg,transparent 13.8deg 30deg);opacity:0;transform:rotate(0deg);transition:opacity .5s;animation:orbit-spin 100s linear infinite}.kinetic-title{position:absolute;z-index:6;top:30%;left:7%;margin:0;width:65%;font:900 clamp(48px,6.5vw,108px)/1.3 'Noto Sans JP',sans-serif;letter-spacing:-.065em;transform:rotate(-6deg);pointer-events:none;transition:left .75s,top .75s,transform .75s,font-size .5s}.kinetic-title .line{display:block;width:max-content;max-width:100%;position:relative;white-space:nowrap}.kinetic-title .line:nth-child(2){background:var(--fg);color:var(--bg);padding:0 .13em .08em .06em;box-shadow:6px 7px 0 var(--accent);margin:.04em 0 0 .35em}.scene-tag{position:absolute;left:7%;top:23%;z-index:7;font:700 12px/1.4 monospace;letter-spacing:.1em;transform:rotate(-6deg);padding:5px 9px;border:1px solid currentColor;transition:top .75s,left .75s}.scene-caption{position:absolute;bottom:24%;left:9%;z-index:7;font-size:14px;letter-spacing:.05em;max-width:46%;transition:bottom .75s,left .75s}.character-stage{position:absolute;z-index:4;inset:0;pointer-events:none;transform:translate(calc(var(--px)*10px),calc(var(--py)*8px));transition:transform .15s linear}.character-position{position:absolute;right:0;bottom:2%;width:52%;height:91%;transition:right .95s cubic-bezier(.2,.8,.2,1),bottom 1s,width .8s,height .8s,transform 1s;transform:rotate(-7deg);transform-origin:50% 80%}.character-button{width:100%;height:100%;padding:0;border:0;background:none;pointer-events:auto;position:relative;animation:character-float 3.5s ease-in-out infinite;filter:drop-shadow(7px 7px 0 var(--fg)) drop-shadow(12px 12px 0 #fff8);cursor:pointer}.character-button img{height:100%;width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.portrait-strips{position:absolute;inset:18% 3% 19%;display:flex;gap:14px;transform:rotate(-6deg);opacity:0;z-index:2;pointer-events:none;transition:opacity .5s}.portrait-strip{width:19%;height:100%;border:4px solid var(--fg);background:#fff9ea;overflow:hidden;box-shadow:7px 8px 0 #21213744;position:relative;transform:translateY(20%);transition:transform .9s}.portrait-strip:nth-child(2){margin-top:-4%;background:#ff7595;transition-delay:.12s}.portrait-strip:nth-child(3){margin-top:6%;background:#ffe466;transition-delay:.24s}.portrait-strip img{position:absolute;height:190%;width:auto;max-width:none;top:-3%;left:-58%;filter:saturate(.65)}.portrait-strip:nth-child(2) img{left:-112%;top:-7%;height:240%}.portrait-strip:nth-child(3) img{left:-45%;height:170%}.mini-label{position:absolute;z-index:2;bottom:10px;left:8px;writing-mode:vertical-rl;font-size:15px;font-weight:900;background:#212137;color:#fff9ea;padding:6px}.graphic-stickers{position:absolute;inset:0;pointer-events:none;z-index:8}.sticker{position:absolute;font-weight:900;font-family:'Noto Sans JP',sans-serif;animation:sticker-float 4s ease-in-out infinite alternate;transition:top .8s,left .8s,color .5s}.sticker-a{font-size:clamp(50px,9vw,135px);top:10%;right:12%;transform:rotate(13deg);text-shadow:4px 4px var(--bg);-webkit-text-stroke:2px var(--fg);color:var(--accent)}.sticker-b{font-size:13px;left:4%;bottom:27%;background:var(--bg);border:2px solid var(--fg);padding:7px 10px;box-shadow:3px 3px var(--fg);transform:rotate(8deg);animation-delay:-2s;opacity:0;transition:opacity .6s}.sticker-c{font:900 30px monospace;right:5%;top:60%;border:2px solid currentColor;border-radius:50%;width:75px;height:75px;display:grid;place-items:center;transform:rotate(-10deg);animation-delay:-1s}.tape{position:absolute;left:-5%;width:110%;bottom:13%;z-index:5;transform:rotate(-4deg);background:var(--fg);color:var(--bg);padding:9px 0;overflow:hidden;pointer-events:none;transition:transform .8s,bottom .8s}.tape-track{display:flex;width:max-content;white-space:nowrap;animation:tape-run 18s linear infinite;font-weight:900;font-size:20px;line-height:1.4;letter-spacing:.1em}.tape-track span{padding-right:35px}.tape.two{bottom:auto;top:11%;transform:rotate(7deg);opacity:0;transition:opacity .4s}.tape.two .tape-track{animation-direction:reverse;animation-duration:23s}.reaction{position:absolute;z-index:20;right:19%;top:19%;pointer-events:none;font-size:24px;font-weight:900;background:#fff9ea;color:#212137;border:3px solid #212137;box-shadow:5px 6px #ff5489;padding:9px 18px;transform:rotate(8deg);opacity:0}.visual-fx{position:absolute;inset:0;width:100%;height:100%;z-index:12;pointer-events:none}.click-hint{position:absolute;z-index:8;right:4%;bottom:24%;writing-mode:vertical-rl;font-size:12px;letter-spacing:.2em;opacity:.65;pointer-events:none}.crosshair{position:absolute;left:3%;top:50%;font:33px/1 monospace;opacity:.7;animation:orbit-spin 10s linear infinite}.op-bottom{position:absolute;left:32px;right:32px;bottom:20px;z-index:30;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end}.timeline-wrapper{max-width:620px}.cut-buttons{display:flex;gap:5px;align-items:center}.cut-button{border:0;background:none;padding:7px 13px 7px 0;margin-right:7px;color:var(--fg);font:12px monospace;opacity:.5}.cut-button[aria-current=true]{opacity:1;font-weight:900}.cut-button span{padding-left:5px;font-family:'Noto Sans JP',sans-serif;font-size:11px}.timeline{width:100%;height:16px;margin:3px 0 0;accent-color:var(--fg);cursor:pointer;background:transparent}.counter{font:12px/1.6 monospace;letter-spacing:.1em;text-align:right;margin-top:7px}.next-cut{border:1px solid var(--fg);background:var(--bg);padding:10px 17px;font-size:12px}.next-cut:hover{background:var(--fg);color:var(--bg)}.wipe{position:absolute;z-index:25;inset:-20%;background:var(--accent);transform:translateX(-140%) skewX(-12deg);pointer-events:none}.circle-rings{position:absolute;top:50%;left:50%;width:95vmin;height:95vmin;border:2px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s;z-index:0}.circle-rings:before,.circle-rings:after{content:'';position:absolute;inset:30px;border:18px dashed var(--accent);border-radius:50%;animation:orbit-spin 28s linear infinite}.circle-rings:after{inset:90px;border-width:1px;animation-direction:reverse}.scene-index{position:absolute;font:900 260px/1 'Arial Black',sans-serif;bottom:16%;left:3%;opacity:.055;letter-spacing:-.1em;z-index:0}.showtime[data-scene='1']{--bg:#90e7db;--fg:#222137}.showtime[data-scene='1'] .portrait-strips{opacity:1}.showtime[data-scene='1'] .portrait-strip{transform:translateY(0)}.showtime[data-scene='1'] .character-position{right:-16%;width:59%;bottom:-14%;height:118%;transform:rotate(8deg)}.showtime[data-scene='1'] .kinetic-title{top:42%;left:5%;font-size:clamp(48px,6vw,96px);transform:rotate(-8deg)}.showtime[data-scene='1'] .scene-tag{top:23%;left:48%;transform:rotate(4deg);background:#fff9ea}.showtime[data-scene='1'] .scene-caption{bottom:25%;left:9%;background:#fff9ea;padding:3px 10px}.showtime[data-scene='1'] .rear-word{top:10%;opacity:.13}.showtime[data-scene='1'] .sticker-a{top:11%;right:10%;font-size:65px}.showtime[data-scene='1'] .tape{transform:rotate(4deg);bottom:16%}.showtime[data-scene='1'] .color-disc{right:-18%;background:#ff739a}.showtime[data-scene='2']{--bg:#252335;--fg:#eff7d9}.showtime[data-scene='2'] .circle-rings{opacity:.7}.showtime[data-scene='2'] .character-position{right:25%;width:49%;height:88%;bottom:6%;transform:rotate(4deg)}.showtime[data-scene='2'] .character-button{filter:drop-shadow(7px 7px 0 #afff72) drop-shadow(-7px -7px 0 #ff5489);animation-duration:4.5s}.showtime[data-scene='2'] .kinetic-title{top:27%;left:5%;width:94%;font-size:clamp(45px,5.5vw,94px);transform:rotate(-3deg)}.showtime[data-scene='2'] .kinetic-title .line:nth-child(2){margin-top:23vh;margin-left:auto;background:#afff72;color:#252335;box-shadow:6px 7px #ff5489}.showtime[data-scene='2'] .scene-tag{left:66%;top:32%;max-width:27%;transform:rotate(7deg);font-size:11px}.showtime[data-scene='2'] .scene-caption{left:7%;bottom:26%;font-size:12px;max-width:23%;color:#adf774}.showtime[data-scene='2'] .color-disc{width:33vmin;height:33vmin;top:30%;right:34%;background:#463658;opacity:.6}.showtime[data-scene='2'] .color-disc.second{background:#4f3658;left:3%;top:0}.showtime[data-scene='2'] .sticker-a{color:#ff739a;-webkit-text-stroke:0;right:7%;top:15%}.showtime[data-scene='2'] .sticker-b{opacity:1;left:4%;bottom:43%;color:#252335;background:#afff72}.showtime[data-scene='2'] .tape{bottom:12%;transform:rotate(0)}.showtime[data-scene='2'] .tape.two{opacity:1}.showtime[data-scene='2'] .rear-word{font-size:30vw;top:29%;left:1%;opacity:.14}.showtime[data-scene='3']{--bg:#cfb7ef;--fg:#232139}.showtime[data-scene='3'] .speed-lines{opacity:.55}.showtime[data-scene='3'] .character-position{right:-2%;bottom:-4%;height:100%;width:61%;transform:rotate(15deg)}.showtime[data-scene='3'] .kinetic-title{top:32%;left:5%;font-size:clamp(47px,6vw,100px);transform:rotate(-9deg)}.showtime[data-scene='3'] .color-disc{right:7%;top:17%;background:#ff7045;border-radius:0;transform:rotate(20deg);width:58vmin;height:70vmin}.showtime[data-scene='3'] .color-disc.second{background:#ffe465;left:-15%;width:65vmin}.showtime[data-scene='3'] .tape{bottom:15%;transform:rotate(7deg)}.showtime[data-scene='3'] .sticker-a{right:6%;top:17%;font-size:110px;color:#fff9e9}.showtime[data-scene='3'] .sticker-b{opacity:1;bottom:28%;left:5%;background:#ff7045}.showtime[data-scene='3'] .scene-caption{bottom:26%;left:29%;max-width:25%}.showtime[data-scene='3'] .rear-word{top:15%;animation-duration:4s}.showtime[data-scene='4']{--bg:#fff3da;--fg:#26233a}.showtime[data-scene='4'] .character-position{right:48%;width:48%;height:88%;bottom:4%;transform:rotate(-10deg)}.showtime[data-scene='4'] .kinetic-title{left:42%;top:37%;font-size:clamp(40px,5.2vw,86px);transform:rotate(5deg);width:56%}.showtime[data-scene='4'] .kinetic-title .line:nth-child(2){margin-left:.2em;background:#ff5489;color:#fff3da;box-shadow:6px 7px #26233a}.showtime[data-scene='4'] .scene-tag{left:47%;top:27%;transform:rotate(5deg)}.showtime[data-scene='4'] .scene-caption{left:48%;bottom:25%;font-size:14px}.showtime[data-scene='4'] .color-disc{right:50%;width:65vmin;height:65vmin;top:21%;background:#9ce0d5}.showtime[data-scene='4'] .color-disc.second{top:-40%;left:55%;width:70vmin;background:#ffb7cd}.showtime[data-scene='4'] .sticker-a{right:9%;top:16%;color:#ff5489;font-size:75px}.showtime[data-scene='4'] .sticker-c{right:9%;top:65%}.showtime[data-scene='4'] .tape{transform:rotate(-2deg);bottom:13%}.showtime[data-scene='4'] .rear-word{top:18%;left:-1%;font-size:36vw;opacity:.1}.showtime[data-scene='4'] .click-hint{right:auto;left:3%;bottom:32%}.showtime.is-paused *,.showtime.is-paused *:before,.showtime.is-paused *:after{animation-play-state:paused!important}.showtime.reduced *, .showtime.reduced *:before,.showtime.reduced *:after{animation:none!important;transition:none!important}.showtime.reduced .character-button{transform:none}.showtime.reduced .portrait-strip{transition:none}.dialog-head{border-bottom:3px solid #212137}.dialog-body h2{font-family:'Noto Sans JP',sans-serif;font-weight:900}.close{box-shadow:3px 3px #ff608e;border:2px solid #212137}.mono{color:#565369}dialog{max-height:calc(100svh - 30px)}.op-loading{position:absolute;bottom:115px;left:32px;font-size:12px;background:#fff9ea;color:#212137;padding:5px 10px;z-index:40}.op-loading[hidden]{display:none}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes disc-breathe{from{scale:.94}to{scale:1.08}}@keyframes word-drift{to{translate:5% 0}}@keyframes character-float{0%,100%{translate:0 0;rotate:-1.5deg}50%{translate:0 -13px;rotate:1.5deg}}@keyframes sticker-float{to{translate:0 10px;rotate:6deg}}@keyframes tape-run{to{transform:translateX(-50%)}}
@media(min-width:1800px){.character-position{right:8%;width:44%}.kinetic-title{left:12%;font-size:115px}.scene-tag{left:12%}}@media(max-width:1000px){.op-header{padding:20px 25px}.op-nav{gap:15px}.op-controls button{padding:7px 9px}.character-position{right:-9%;width:61%;height:90%}.kinetic-title{font-size:65px;left:5%}.scene-tag{left:5%}.scene-caption{left:7%;font-size:13px}.sticker-c{width:58px;height:58px;font-size:24px}.cut-button span{display:none}.showtime[data-scene='1'] .kinetic-title{font-size:60px}.showtime[data-scene='4'] .kinetic-title{font-size:52px;left:42%}.showtime[data-scene='4'] .character-position{right:43%;width:55%}.showtime[data-scene='4'] .scene-caption{font-size:12px;left:46%}}@media(max-width:600px){.showtime{min-height:560px}.op-header{padding:16px 17px;gap:12px;align-items:start}.op-logo{font-size:20px;padding:7px 9px}.op-logo span{display:none}.op-nav{gap:12px;position:absolute;top:62px;left:20px}.op-nav button{font-size:12px}.op-controls{gap:5px}.op-controls button{font-size:11px;padding:7px 9px}.kinetic-title{top:23%;left:6%;font-size:clamp(42px,11.5vw,70px);width:90%;transform:rotate(-7deg)}.scene-tag{top:18%;left:6%;font-size:10px}.scene-caption{left:6%;bottom:26%;max-width:40%;font-size:12px;line-height:1.8}.character-position{right:-21%;width:92%;height:72%;bottom:7%;transform:rotate(-9deg)}.character-button{filter:drop-shadow(4px 4px 0 var(--fg)) drop-shadow(8px 8px 0 #fff8)}.color-disc{width:86vmin;height:86vmin;top:35%;right:-14%}.color-disc.second{width:62vmin;height:62vmin;left:-37%;top:8%}.ambient-orbit{width:115vmin;height:115vmin;top:26%;right:-37%}.rear-word{font-size:42vw;top:42%;left:-10%}.sticker-a{right:8%;top:12%;font-size:55px;-webkit-text-stroke:1px var(--fg)}.sticker-c{right:5%;top:67%;width:46px;height:46px;font-size:21px}.sticker-b{font-size:11px;padding:5px 8px}.tape{bottom:14%;padding:7px 0;transform:rotate(-6deg);left:-20%;width:140%}.tape-track{font-size:15px}.click-hint{font-size:10px;right:3%;bottom:33%}.op-bottom{left:19px;right:19px;bottom:16px;gap:15px}.cut-button{font-size:11px;padding:6px 9px 6px 0;margin-right:5px}.timeline{height:12px}.counter{font-size:10px}.next-cut{font-size:11px;padding:8px 10px}.reaction{top:43%;right:13%;font-size:17px;padding:6px 12px}.crosshair{font-size:25px;left:3%;top:52%}.op-loading{left:20px;bottom:100px}.portrait-strips{inset:23% -10% 22%;gap:10px;transform:rotate(8deg)}.portrait-strip{width:27%}.portrait-strip img{left:-110%;height:220%}.portrait-strip:nth-child(2) img{left:-150%;height:260%}.portrait-strip:nth-child(3){display:none}.showtime[data-scene='1'] .character-position{right:-36%;width:100%;bottom:-10%;height:91%;transform:rotate(6deg)}.showtime[data-scene='1'] .kinetic-title{left:4%;top:29%;font-size:11vw}.showtime[data-scene='1'] .scene-tag{left:8%;top:18%;font-size:10px;max-width:90%}.showtime[data-scene='1'] .scene-caption{bottom:24%;left:5%;max-width:40%;font-size:12px}.showtime[data-scene='1'] .sticker-a{top:50%;right:5%;font-size:45px}.showtime[data-scene='1'] .tape{bottom:15%}.showtime[data-scene='2'] .character-position{right:1%;width:90%;height:77%;bottom:9%;transform:rotate(4deg)}.showtime[data-scene='2'] .kinetic-title{top:24%;left:5%;font-size:11vw;width:92%}.showtime[data-scene='2'] .kinetic-title .line:nth-child(2){margin-top:32vh;margin-left:auto;font-size:.82em}.showtime[data-scene='2'] .scene-tag{top:21%;left:43%;font-size:9px;max-width:53%}.showtime[data-scene='2'] .scene-caption{bottom:24%;left:4%;max-width:27%;font-size:11px}.showtime[data-scene='2'] .sticker-a{right:8%;top:35%;font-size:47px}.showtime[data-scene='2'] .sticker-b{bottom:44%;left:3%;font-size:10px}.showtime[data-scene='2'] .rear-word{font-size:49vw;top:43%;left:0}.showtime[data-scene='2'] .tape.two{top:15%;padding:5px}.showtime[data-scene='2'] .tape.two .tape-track{font-size:12px}.showtime[data-scene='2'] .circle-rings{width:120vmin;height:120vmin}.showtime[data-scene='2'] .color-disc{right:23%;top:40%;width:60vmin;height:60vmin}.showtime[data-scene='3'] .character-position{right:-25%;bottom:3%;height:80%;width:97%;transform:rotate(13deg)}.showtime[data-scene='3'] .kinetic-title{left:4%;top:26%;font-size:10.7vw;transform:rotate(-9deg)}.showtime[data-scene='3'] .color-disc{right:0;top:32%;height:80vmin;width:58vmin}.showtime[data-scene='3'] .sticker-a{right:10%;top:46%;font-size:55px}.showtime[data-scene='3'] .scene-caption{left:8%;bottom:25%;max-width:30%;font-size:12px}.showtime[data-scene='3'] .sticker-b{bottom:39%;left:4%}.showtime[data-scene='4'] .character-position{right:28%;width:95%;height:77%;bottom:1%;transform:rotate(-10deg)}.showtime[data-scene='4'] .kinetic-title{left:20%;top:27%;font-size:8.8vw;width:77%;transform:rotate(6deg)}.showtime[data-scene='4'] .scene-tag{left:20%;top:21%;font-size:9px}.showtime[data-scene='4'] .scene-caption{left:50%;bottom:28%;max-width:42%;font-size:12px}.showtime[data-scene='4'] .color-disc{right:26%;width:80vmin;height:80vmin;top:34%}.showtime[data-scene='4'] .sticker-a{top:52%;right:8%;font-size:50px}.showtime[data-scene='4'] .sticker-c{top:72%;right:8%}.showtime[data-scene='4'] .rear-word{font-size:54vw;top:42%}.showtime[data-scene='4'] .click-hint{left:3%;bottom:37%}}
@media(max-height:650px) and (min-width:601px){.showtime{min-height:480px}.op-header{padding-top:15px}.kinetic-title{font-size:10.2vh;top:29%}.scene-tag{top:23%;font-size:10px}.character-position{height:87%;bottom:1%}.scene-caption{bottom:27%;font-size:12px}.sticker-a{font-size:15vh}.op-bottom{bottom:12px}.tape{bottom:17%}.showtime[data-scene='1'] .kinetic-title{font-size:10vh}.showtime[data-scene='2'] .kinetic-title{font-size:10vh}.showtime[data-scene='3'] .kinetic-title{font-size:10vh}.showtime[data-scene='4'] .kinetic-title{font-size:8.5vh}.cut-button{padding-top:4px;padding-bottom:3px}}


@media(max-height:560px){.showtime{min-height:0}.op-header{padding-top:10px;padding-bottom:10px}.scene-caption{display:none}.op-bottom{bottom:8px}.op-loading{bottom:90px}}

/* Upper marquee has a top position: never inherit the lower ribbon's bottom. */
.showtime[data-scene='2'] .tape.two{bottom:auto;height:auto}
.showtime[data-scene='2'] .kinetic-title{width:89%}
.showtime[data-scene='2'] .kinetic-title .line:nth-child(2){margin-top:20vh}
.character-button img[hidden]{display:none}
.cast-finale{position:absolute;inset:0;z-index:3;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .65s,visibility .65s}
.showtime[data-scene='4'] .cast-finale{visibility:visible;opacity:1}
.cast-companion{position:absolute;padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;transform:translateY(50px) rotate(-7deg);transition:transform 1s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(4px 4px 0 var(--fg))}
.cast-companion img{width:100%;height:100%;object-fit:contain;animation:character-float 4s ease-in-out infinite;user-select:none}
.companion-nagi{left:-8%;bottom:4%;width:33%;height:67%}
.companion-ren{left:30%;bottom:2%;width:34%;height:67%;transform:translateY(80px) rotate(9deg);transition-delay:.1s}
.companion-ren img{animation-delay:-1.7s}
.showtime[data-scene='4'] .companion-nagi{transform:translateY(0) rotate(-7deg)}
.showtime[data-scene='4'] .companion-ren{transform:translateY(0) rotate(9deg)}
.showtime[data-scene='4'] .character-position{right:60%;width:34%;height:88%}
.showtime[data-scene='4'] .kinetic-title{left:51%;width:46%;font-size:clamp(40px,4.8vw,82px)}
.showtime[data-scene='4'] .scene-tag{left:53%;max-width:42%;font-size:11px}
.showtime[data-scene='4'] .scene-caption{left:56%;bottom:25%}
.showtime[data-scene='1'] .sticker-c{font-size:20px}
@media(max-width:600px){
 .showtime[data-scene='2'] .kinetic-title{width:89%}
 .showtime[data-scene='2'] .kinetic-title .line:nth-child(2){margin-top:28vh}
 .showtime[data-scene='4'] .character-position{right:12%;width:76%;height:70%;bottom:4%}
 .companion-nagi{left:-24%;width:72%;height:56%;bottom:6%}
 .companion-ren{left:48%;width:72%;height:58%;bottom:4%}
 .showtime[data-scene='4'] .kinetic-title{left:9%;top:25%;font-size:9.3vw;width:86%}
 .showtime[data-scene='4'] .scene-tag{left:10%;top:19%;max-width:85%;font-size:9px}
 .showtime[data-scene='4'] .scene-caption{left:auto;right:5%;bottom:23%;max-width:40%;font-size:11px;background:var(--bg);padding:3px 5px}
 .showtime[data-scene='4'] .sticker-a{top:44%;right:5%;font-size:40px}
 .showtime[data-scene='4'] .sticker-c{display:none}
 .showtime[data-scene='1'] .sticker-c{font-size:14px}
}
.showtime[data-scene='2'] .tape.two{z-index:2}
@media(max-width:600px){
 .showtime[data-scene='4'] .kinetic-title{top:19%}
 .showtime[data-scene='4'] .scene-tag{top:14%}
 .showtime[data-scene='4'] .sticker-a{top:60%;font-size:34px}
 .companion-nagi{left:-15%;width:65%}
 .companion-ren{left:50%;width:65%}
}
.showtime{overflow:clip}
@media(max-width:600px){.showtime[data-scene='2'] .scene-tag{left:4%;top:36%;max-width:32%;font-size:9px;transform:rotate(-5deg)}}