html,body.cinema{width:100%;height:100%;overflow:hidden;margin:0;background:#000}.cinema:before{display:none}.cinema #stage{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;padding:0;margin:0;overflow:hidden;background:#000}.cinema #frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.cinema #video{display:block;width:100%;height:100%;max-height:none;border-radius:0;object-fit:fill}.cinema #hotspots{position:absolute;inset:0;pointer-events:none}.scene-hit{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:auto;min-width:0;min-height:0;padding:4px;border-radius:999px;line-height:1.1;font-size:clamp(12px,3.5vw,22px);text-decoration:none;overflow:hidden}.scene-hit.hotspot{background:transparent;border:0;color:transparent;box-shadow:none}.scene-hit.hotspot:focus-visible{outline:3px solid white;background:#ffffff25}.scene-hit.gold{color:#161200;background:linear-gradient(#fff7b0,#f8bc35);border:2px solid #ffed89}.scene-hit.blue{color:#fff;background:linear-gradient(#123894,#041a42);border:2px solid #31b4ff}.scene-hit:focus-visible{outline:3px solid white}.play-gate{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(#0009,#000b);backdrop-filter:blur(4px)}.play-gate h2{font-size:clamp(28px,7vw,42px);max-width:500px}.player-controls{position:absolute;z-index:6;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;display:flex;gap:6px;align-items:center;justify-content:center}.glass{background:#0008;color:#fff;border:1px solid #ffffff55;padding:8px 12px;font-size:12px;backdrop-filter:blur(6px)}.seek-box{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:20px;right:20px;z-index:7;background:#000b;border-radius:12px;padding:10px}.seek-box input{padding:0;accent-color:#e5bd60}.seek-box span{font-size:12px}.player-message{position:absolute;left:12px;right:12px;bottom:12px;z-index:8;color:#fff;background:#000b;padding:10px;border-radius:10px;font-size:13px;pointer-events:none}.scene-card{position:absolute;inset:0;overflow:auto;background:radial-gradient(at top,#1a355b,#080f1b 70%);padding:72px 18px max(24px,env(safe-area-inset-bottom))}.scene-sheet{max-width:650px;margin:0 auto;padding:24px 18px;border:1px solid #d5bc8150;border-radius:18px;background:#0d192be8}.scene-sheet h1{font-size:40px;margin:15px 0}.scene-sheet h2{font-size:29px}.scene-sheet input,.scene-sheet textarea,.scene-sheet select{font-size:16px}.scene-sheet .notice{font-size:14px}.scene-sheet #status{white-space:pre-wrap}.cinema #sceneHotspots{position:absolute;inset:0;pointer-events:none}.cinema #sceneHotspots .scene-hit{z-index:5}.cinema .hp{position:absolute;left:-9999px}.cinema #frame:not([hidden])~.scene-card[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}