.cinema{position:relative;height:100dvh;min-height:560px;overflow:hidden;background:#0b1d2e;color:#fff4d5}.cinema-art{position:absolute;inset:-4%;background-size:cover;background-position:center;filter:brightness(.65);transform:scale(1.04)}.cinema.playing .cinema-art{animation:chapter-camera 18s ease-out both}.cinema:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#04182c99,transparent 30%,#07182bbb 80%,#051426)}.cinema-stars{position:absolute;inset:0;background-image:radial-gradient(circle at 22% 25%,#fff9c7 0 2px,transparent 3px),radial-gradient(circle at 75% 40%,#ffffd8 0 2px,transparent 4px);background-size:290px 210px;opacity:.55;animation:chapter-stars 15s linear infinite}.cinema-top,.cinema-copy,.cinema-controls,.cinema-track,.cinema-note{position:absolute;z-index:2}.cinema-top{top:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;letter-spacing:3px;font-size:13px}.cinema button{background:#0d2b3fc9;color:#ffe7b2;border:1px solid #d8bd80;padding:12px 18px;border-radius:8px;min-height:44px}.cinema-copy{left:9%;right:9%;bottom:25%;max-width:1050px}.cinema-copy>small{color:#ead298;letter-spacing:4px;font-size:15px}.cinema-copy h1{font-size:clamp(30px,4vw,60px);line-height:1.35;max-width:880px;text-shadow:0 4px 18px #092335}.cinema-subtitles p{font-size:18px;line-height:1.7;max-width:850px}.cinema-subtitles p[lang]{font-family:Georgia,serif;font-size:25px;color:#f9e6b7}.cinema-controls{bottom:10%;left:9%;right:9%;display:flex;align-items:center;gap:14px}.cinema-controls>span{margin-right:auto;letter-spacing:4px}.cinema-track{height:3px;background:#ffffff33;left:9%;right:9%;bottom:7%}.cinema-track i{display:block;height:100%;background:#f6d490}.cinema-note{bottom:2%;left:9%;font-size:12px;color:#c5d6d8}.signal-loss.playing .cinema-art{animation:chapter-camera 18s ease-out both,chapter-signal 3s steps(2) 2}.chapter-link{padding:9px;color:#ffe6b7;background:#123247de;border:1px solid #b5a77d66;border-radius:6px;width:100%;margin-top:6px;min-height:36px;font-size:12px}.chapter-area-title{position:absolute;left:50%;top:125px;transform:translateX(-50%);color:#ffeac0;text-shadow:0 2px 8px #0c2540;font-size:14px;letter-spacing:3px;pointer-events:none;white-space:nowrap}.chapter-dialogue{display:flex;gap:24px;align-items:flex-start}.chapter-dialogue>.trainer-art{width:120px;height:240px;position:sticky;top:0}.chapter-dialogue>div{flex:1;min-width:0}.chapter-dialogue p{font-size:17px;line-height:1.85}.chapter-dialogue small{color:#9c7841;letter-spacing:3px}.chapter-excerpt{padding:16px;background:#e8f0ec;border:1px solid #c7d7cf;border-radius:10px}.chapter-excerpt p[lang]{font-size:17px;color:#193542;font-family:Georgia,serif}.chapter-options{display:grid;gap:10px}.chapter-options button{padding:14px;text-align:left;background:#edf1e8;border:1px solid #acbfb8;border-radius:8px;color:#203c40;font-size:16px;line-height:1.5}.chapter-options button:hover{background:#d9e9db}.chapter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.chapter-inventory{list-style:none;padding:0}.chapter-inventory li{padding:12px;border-bottom:1px solid #d5dfd5;font-size:17px}.chapter-medal{display:grid;place-items:center;font-size:65px;color:#ad8035;padding:25px;background:#fff1ca;border-radius:16px}.chapter-medal strong{font-size:23px}.chapter-medal small{font-size:12px}.chapter-restored canvas{filter:saturate(1.1) brightness(1.07)}
@keyframes chapter-camera{from{transform:scale(1.04) translateX(-1%)}to{transform:scale(1.17) translateX(1%)}}@keyframes chapter-stars{to{background-position:0 -150px}}@keyframes chapter-signal{0%,90%,100%{filter:brightness(.65)}93%{filter:brightness(.3) hue-rotate(20deg)}96%{filter:brightness(.9)}}
.reduce-motion .cinema-art,.reduce-motion .cinema-stars{animation:none!important}@media(prefers-reduced-motion:reduce){.cinema-art,.cinema-stars{animation:none!important}}
@media(max-width:650px){.cinema{min-height:640px}.cinema-top{font-size:10px;letter-spacing:1px}.cinema-top button{padding:10px}.cinema-copy{left:7%;right:7%;bottom:27%}.cinema-copy h1{font-size:34px}.cinema-subtitles p,.cinema-subtitles p[lang]{font-size:16px}.cinema-controls{left:7%;right:7%;gap:7px;bottom:11%;flex-wrap:wrap}.cinema-controls button{font-size:12px;padding:9px}.cinema-controls>span{width:100%;font-size:12px}.cinema-note{font-size:10px;right:5%}.chapter-area-title{top:245px;font-size:11px;letter-spacing:1px}.realm-travel:has(.chapter-link){top:90px;width:145px;right:3%}.chapter-link{font-size:10px;min-height:28px;padding:5px;margin-top:3px}.chapter-dialogue{display:block}.chapter-dialogue>.trainer-art{display:none}.chapter-dialogue p,.chapter-excerpt p[lang]{font-size:16px}.chapter-excerpt{padding:12px}.chapter-options button{font-size:15px}}