html,body{width:100%;height:100%;overflow:hidden;background:#e0eee6}main{height:100dvh;min-height:0}main>header,.chapters,#info{display:none!important}#stage{margin:0;border-radius:0;flex:1;min-height:0}main>footer{padding:0 14px;height:60px;min-height:60px;display:flex;align-items:center;background:#f4f7f3;flex-shrink:0;border-top:1px solid #c7d9d0}.transport{width:100%;margin:0;display:flex;align-items:center;gap:10px}.transport #scrub{flex:1;min-width:35px}.transport button{flex-shrink:0;min-width:44px;min-height:44px;font-size:18px;border-radius:5px}.transport button:hover{background:#e4ece8}.transport #sound{font-size:12px;min-width:66px}.transport #captions{font-size:12px;border:0;padding:8px}.transport #captions[aria-pressed=true]{background:#e4ece8}.transport>span{font-size:12px;color:#526674}
#scrub{appearance:none;height:44px;background:transparent!important;margin:0;touch-action:pan-y}#scrub::-webkit-slider-runnable-track{height:5px;border-radius:4px;background:linear-gradient(to right,#426f89 var(--p,0%),#cbd5db var(--p,0%))}#scrub::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#426f89;margin-top:-6.5px}#scrub::-moz-range-track{height:5px;border-radius:4px;background:#cbd5db}#scrub::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#426f89}
#intro{left:7%;top:20%;max-width:53%}#intro h1{font-size:clamp(34px,6.2vw,88px);line-height:1.04;letter-spacing:-.045em;margin:18px 0 22px}#intro .intro-description{font-size:clamp(14px,1.4vw,18px);line-height:1.55;max-width:360px;margin-bottom:26px}#intro p{margin-top:0}#intro>p:not(.intro-description){font-size:12px;letter-spacing:.13em}#intro #start{padding:16px 20px;font-size:14px;min-height:48px}#start span{font-size:11px;opacity:1}#ending{top:13%}#ending h2{font-size:clamp(38px,5.2vw,74px)}#subtitles{font-size:clamp(15px,1.6vw,21px);color:#526674;bottom:4%;padding:10px 15px;line-height:1.45}#subtitles .current{color:#256884}#audio-status{bottom:18%}
@media(max-width:650px){main>footer{height:106px;min-height:106px;padding:5px 10px}.transport{display:grid;grid-template-columns:44px minmax(40px,1fr) 44px 44px 68px 44px;grid-template-rows:44px 44px;gap:2px}.transport #time{grid-column:1;grid-row:1;text-align:center}.transport #scrub{grid-column:2/6;grid-row:1;width:100%}.transport>span:last-of-type{grid-column:6;grid-row:1;text-align:center}.transport #play{grid-column:1;grid-row:2}.transport #replay{grid-column:3;grid-row:2}.transport #captions{grid-column:4;grid-row:2}.transport #sound{grid-column:5;grid-row:2;min-width:0;font-size:12px}.transport #fullscreen{display:block;grid-column:6;grid-row:2}.transport button{padding:6px;min-width:44px;min-height:44px}.transport #captions{font-size:12px}
#intro{top:8%;left:7%;max-width:88%;right:7%}#intro h1{font-size:34px;line-height:1.06;margin:10px 0 14px}#intro .intro-description{display:none}#intro #start{padding:12px 15px;font-size:13px;min-height:44px}#intro>p:not(.intro-description){font-size:10px}#ending{top:6%;left:7%;right:7%}#ending h2{font-size:30px;line-height:1.08;margin:12px 0}#ending>p{font-size:10px}#ending button{padding:9px;font-size:11px;min-height:44px}#ending small{display:none}#subtitles{bottom:4%;font-size:15px;max-width:94%;padding:8px 12px}.outro-name{font-size:70px}.outro-mark{width:150px}#mode{font-size:11px;padding:7px 10px;top:3%;left:4%}
}
@media(max-width:360px){.transport{grid-template-columns:42px minmax(16px,1fr) 42px 42px 63px 42px;gap:0}.transport button{min-width:42px}.transport>span{font-size:11px}}
@media(max-height:460px) and (min-width:651px){#intro{top:9%}#intro h1{font-size:42px;margin:10px 0}#intro .intro-description{font-size:14px;margin-bottom:16px}#ending{top:8%}#ending h2{font-size:36px}.outro-mark{width:180px}.outro-name{font-size:85px}}
/* Transport already provides replay; leave the closing scene unobstructed. */
#ending>div{display:none!important}