@font-face{font-family:"Cinema Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/cinema-serif.woff2) format("woff2")}:root{font-family:Arial,Microsoft JhengHei,sans-serif;color:#fff1d3;background:#101e35;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,.player:focus-visible{outline:2px solid #f5cc7b;outline-offset:5px}.cinema{min-height:100svh;background:#101e35 url(/assets/starry-background.png) center center/cover no-repeat;overflow:hidden;padding:clamp(38px,5vw,84px) 0 120px}.cinema-content{width:75%;max-width:1360px;margin:0 auto}.film-heading{margin:0 0 21px 7px;font-family:"Cinema Serif","Noto Serif TC",PMingLiU,serif;font-weight:400}.eyebrow{display:flex;align-items:center;gap:13px;margin:0;font-size:24px;line-height:1.4;letter-spacing:4px}.eyebrow svg{color:#efb85f;flex-shrink:0}h1{font-weight:400;font-size:38px;line-height:1.3;letter-spacing:4px;margin:7px 0 0}.player{position:relative;aspect-ratio:16/9;width:100%;border:2px solid #ecdfb5;background:#060a10;isolation:isolate}.player video,.poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.poster{pointer-events:none;z-index:1}.center-play{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:78px;height:78px;border:2px solid #faf2df;border-radius:50%;display:grid;place-items:center;background:#102031ae;transition:background .2s}.center-play:hover{background:#102031e8}.center-play svg{width:35px;height:35px;margin-left:4px}.controls{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;height:54px;padding:0 14px;background:#070c16ba;color:#fff8e8;opacity:1;transition:opacity .18s}.icon-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:44px;padding:0;border:0;background:transparent;border-radius:4px}.icon-button svg{width:26px;height:26px}.icon-button:hover{background:#ffffff15}.time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:17px;line-height:1;min-width:105px}.seek{flex:1;min-width:20px}input[type=range]{height:24px;margin:0;cursor:pointer;accent-color:#fff1d3;touch-action:pan-y}.volume{width:78px;flex:0 0 78px}.volume-button{margin-left:8px}.player.is-playing:not(.controls-visible):not(:focus-within) .controls{opacity:0;pointer-events:none}.player:fullscreen{border:0;width:100vw;height:100dvh;aspect-ratio:auto;background:#000}.player:fullscreen video{object-fit:contain}.player:fullscreen .controls{padding-bottom:env(safe-area-inset-bottom);height:calc(58px + env(safe-area-inset-bottom))}.player-error{position:absolute;z-index:4;top:12px;left:12px;right:12px;width:fit-content;margin:0 auto;padding:12px 18px;color:#fff;background:#172538f2;border:1px solid #eed8ad;font-size:15px;line-height:1.5}@media(min-width:1700px){.cinema{padding-top:65px}.film-heading{margin-bottom:22px}}@media(max-width:900px){.cinema-content{width:86%}.cinema{padding-top:54px;background-position:center bottom}.eyebrow{font-size:20px;letter-spacing:3px}h1{font-size:38px}.controls{gap:7px;padding:0 8px}.time{font-size:14px;min-width:90px}.volume{width:60px;flex-basis:60px}}@media(max-width:600px){.cinema{padding:clamp(50px,11svh,96px) 0 100px;background-position:50% 50%;background-size:auto 100%}.cinema-content{width:94%}.film-heading{margin-left:10px;margin-bottom:23px}.eyebrow{font-size:17px;letter-spacing:3px;gap:10px}.eyebrow svg{width:20px;height:20px}h1{font-size:34px;letter-spacing:6px;margin-top:8px}.player{border-width:1px}.controls{height:44px;gap:3px;padding:0 4px}.icon-button{width:36px;flex-basis:36px;height:40px}.icon-button svg{width:22px;height:22px}.time{font-size:12px;min-width:71px}.volume{display:none}.volume-button{margin-left:3px}.center-play{width:60px;height:60px}.center-play svg{width:28px;height:28px}.time-separator{letter-spacing:-1px}}@media(max-height:600px)and (orientation:landscape){.cinema{padding:18px 0 34px}.cinema-content{width:min(78%,calc((100svh - 118px)*16/9))}.film-heading{display:flex;align-items:center;gap:18px;margin-bottom:12px}.eyebrow{font-size:16px;letter-spacing:2px}h1{font-size:25px;letter-spacing:4px;margin:0}.center-play{width:56px;height:56px}.controls{height:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:600px)and (orientation:portrait){.cinema{background-image:url(/assets/starry-background-mobile.png);background-size:cover;background-position:center center}}