.cinema{height:100dvh;width:100%;background:#030405;display:grid;place-items:center;overflow:hidden;color:#eee}.cinema-stage{width:min(100vw,177.7778dvh);height:min(56.25vw,100dvh);position:relative;isolation:isolate;overflow:hidden;background:#090c0e}.scene-image{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}.scene-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0005 0%,transparent 22%,transparent 54%,#0008 78%,#000e 100%)}.scene-return{position:absolute;left:2.3%;top:3%;background:#0003;border:0;color:#d4d9dc;font-size:23px;padding:5px 12px;z-index:8;opacity:.65}.scene-utilities{position:absolute;right:2.5%;top:3%;display:flex;gap:12px;z-index:8;opacity:.55}.scene-utilities button{border:0;background:#0003;color:#d8dadd;width:33px;height:30px;font-size:17px}.scene-return:hover,.scene-utilities:hover{opacity:1}.subtitle-wrap{position:absolute;bottom:7%;left:50%;transform:translate(-50%);width:82%;text-align:center;padding:15px 25px;background:#0006;pointer-events:none;max-height:38%;overflow:auto}.subtitle-wrap>span{display:block;color:#c9cdce;font-size:12px;letter-spacing:.15em;margin-bottom:8px;min-height:12px}.subtitle{font:clamp(18px,1.65vw,30px)/1.9 SimSun,"Songti SC",serif;letter-spacing:.055em;margin:0;text-shadow:0 2px 5px #000;white-space:pre-line}.subtitle.narration{color:#b5b9bc;font-size:clamp(15px,1.3vw,24px)}.subtitle.altered{font-family:Microsoft YaHei,sans-serif;letter-spacing:.08em}.mic-button{position:absolute;bottom:4%;right:3%;width:43px;height:43px;padding:11px;border:1px solid #ffffff27;border-radius:50%;background:#05080b75;color:#e8edef;z-index:10;opacity:.45}.mic-button.waiting{opacity:.85}.mic-button:hover{background:#ffffff20;opacity:1}.mic-button svg{width:100%;height:100%}.speech-composer{position:absolute;z-index:9;bottom:4%;left:9%;width:78%;padding:25px 30px;background:#030608c9;backdrop-filter:blur(8px)}.speech-composer>p{font-size:11px;color:#9caaae;margin:0 0 20px;line-height:1.8}.speech-composer label{display:flex;border-bottom:1px solid #95a3aa60;gap:12px;padding-bottom:10px}.speech-composer input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#e9edef;font:20px/1.6 SimSun,serif}.speech-composer input::placeholder{color:#788287}.speech-composer button{background:none;border:0;color:#bcc8cf;font-size:22px}.hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;background:transparent;border:0;pointer-events:auto;cursor:default}.hotspot:focus-visible{outline:1px dotted #ffffff70}.hotspot.face{left:40%;top:22%;width:20%;height:28%}.hotspot.hand{left:35%;top:56%;width:31%;height:14%}.hotspot.phone{left:19%;top:42%;width:14%;height:23%}.hotspot.glass{left:69%;top:28%;width:19%;height:25%}.hotspot.clock{right:7%;top:8%;width:12%;height:18%}.scene-paused{position:absolute;inset:0;background:#050608ba;backdrop-filter:blur(4px);z-index:7;display:grid;place-items:center;color:#c1c5c8;font:22px SimSun,serif;letter-spacing:.2em}.black-ending{height:100dvh;width:100%;background:#000;color:#d2d2d2;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center;font-family:SimSun,Songti SC,serif;animation:black-reveal 1.5s ease}.black-ending p{font-size:clamp(16px,1.7vw,26px);line-height:2;margin:15px 0;letter-spacing:.08em}.black-ending a{position:absolute;bottom:8%;font:11px Microsoft YaHei,sans-serif;color:#7a7a7a;text-decoration:underline;letter-spacing:2px}@keyframes black-reveal{0%{opacity:0}to{opacity:1}}@media(max-width:700px)and (orientation:portrait){.cinema-stage{width:100vw;height:100dvh}.scene-image{background-position:center 28%}.scene-shade{background:linear-gradient(180deg,#0004,transparent 20%,#0002 45%,#000e 85%)}.scene-return{top:3%;left:4%;font-size:21px}.scene-utilities{top:3%;right:4%}.subtitle-wrap{width:90%;bottom:13%;padding:16px 15px;max-height:44%}.subtitle{font-size:21px;line-height:1.9;letter-spacing:.03em}.subtitle.narration{font-size:18px;line-height:2}.subtitle-wrap>span{font-size:11px;margin-bottom:14px}.speech-composer{width:88%;left:6%;bottom:14%;padding:24px 20px}.speech-composer input{font-size:20px}.mic-button{bottom:6%;right:8%;width:45px;height:45px}.hotspot.face{top:24%;left:28%;width:44%;height:25%}.hotspot.hand{top:53%;left:20%;width:60%;height:16%}.hotspot.clock{top:9%;right:2%;width:16%;height:18%}.black-ending{padding:25px}.black-ending p{font-size:18px;line-height:2.1}}@media(max-height:500px)and (orientation:landscape){.subtitle-wrap{bottom:8%;padding:8px 15px}.subtitle{font-size:17px;line-height:1.6}.subtitle.narration{font-size:15px}.subtitle-wrap>span{font-size:9px;margin-bottom:5px}.speech-composer{padding:15px 20px;bottom:6%}.speech-composer>p{margin-bottom:10px}.speech-composer input{font-size:17px}.mic-button{width:34px;height:34px;padding:8px}.scene-return{font-size:17px}.scene-utilities button{font-size:14px}.black-ending p{font-size:16px;margin:10px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}.black-ending p{opacity:0;animation:ending-line .85s ease forwards}.black-ending p:nth-child(2){animation-delay:.8s}.black-ending p:nth-child(3){animation-delay:1.6s}.black-ending p:nth-child(4){animation-delay:2.4s}@keyframes ending-line{to{opacity:1}}@media(prefers-reduced-motion:reduce){.black-ending p{opacity:1}}.scene-image{background:none}.scene-frame{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .22s ease;will-change:opacity}.scene-frame.visible{opacity:1}.scene-shade{background:linear-gradient(180deg,#02040b22 0%,transparent 18%,transparent 66%,#02040b66 82%,#02040be8 100%)}.subtitle-wrap{bottom:3.6%;width:86%;padding:8px 20px;background:transparent;max-height:32%}.subtitle-wrap>span{color:#c2c9d8;font-size:12px;letter-spacing:.23em;margin-bottom:7px}.subtitle{font-size:clamp(18px,1.55vw,28px);line-height:1.75;text-shadow:0 2px 4px #000,0 0 12px #000}.subtitle.narration{font-size:clamp(16px,1.35vw,24px);color:#c4c9d2}.subtitle.altered{font-family:SimSun,Songti SC,serif;letter-spacing:.055em}.cinema-stage[data-tone=still] .scene-shade{background:linear-gradient(180deg,#02040b22,transparent 24%,transparent 64%,#02040bf2 100%)}.cinema-stage[data-reduced=true] .scene-frame{transition:none}.hotspots[hidden]{display:none}.hotspot.face{left:43%;top:18%;width:18%;height:27%}.hotspot.hand{left:42%;top:70%;width:22%;height:13%}.hotspot.phone{left:5%;top:63%;width:22%;height:23%}.hotspot.glass{left:73%;top:34%;width:22%;height:29%}.hotspot.clock{right:7%;top:5%;width:13%;height:23%}@media(max-width:700px)and (orientation:portrait){.scene-image{top:12%;bottom:auto;height:56.25vw}.scene-shade{background:linear-gradient(180deg,#02040b44,transparent 18%,transparent 35%,#02040b 64%)}.hotspots{top:12%;bottom:auto;height:56.25vw}.subtitle-wrap{width:94%;bottom:15%;max-height:35%;padding:12px 16px}.subtitle{font-size:20px;line-height:1.85}.subtitle.narration{font-size:18px}.speech-composer{bottom:15%}.cinema-stage[data-tone=still] .scene-shade{background:linear-gradient(180deg,#02040b44,transparent 18%,transparent 35%,#02040b 64%)}}@media(max-height:500px)and (orientation:landscape){.subtitle-wrap{bottom:3%;padding:4px 16px}.subtitle{font-size:17px;line-height:1.55}.subtitle.narration{font-size:15px}}.cinema-fade-out:after,.first-hearing:after{content:"";position:fixed;inset:0;z-index:20;background:#000;pointer-events:none}.first-hearing:after{animation:hearing-fade-in .45s ease-out both}.cinema.cinema-fade-out:after{animation:hearing-fade-out .55s ease-in both}.court-departure{position:fixed;inset:0;z-index:100000;background:#000;animation:hearing-fade-out .55s ease-in both;cursor:wait}@keyframes hearing-fade-in{0%{opacity:1}to{opacity:0}}@keyframes hearing-fade-out{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.first-hearing:after{opacity:0}}.first-hearing:has([data-reduced=true]):after{animation:none;opacity:0}.press-hall .mic-button,.press-hall .speech-composer{display:none}.scene-a .scene-image{overflow:hidden}.visit-camera,.visit-glass{position:absolute;inset:0;pointer-events:none}.scene-a .scene-frame{transition:opacity 80ms linear}.visit-glass{background:linear-gradient(110deg,transparent 13%,#b2d0ec0a 18%,transparent 25%,transparent 82%,#d4e8ff08 85%,transparent 89%);mix-blend-mode:screen;opacity:.65}@keyframes visit-push{0%{transform:scale(1)}to{transform:scale(1.025)}}@keyframes visit-focus{0%{filter:blur(.9px)}to{filter:blur(0)}}@keyframes visit-reflection{0%{transform:translate(-1%);opacity:.42}to{transform:translate(1%);opacity:.72}}@media(prefers-reduced-motion:no-preference){.scene-a [data-reduced=false] .visit-glass{animation:visit-reflection 12s ease-in-out infinite alternate var(--visit-play-state, running)}.scene-a [data-reduced=false] .scene-image:is([data-camera=witness],[data-camera=reaction]) .visit-camera{transform-origin:50% 38%;animation:visit-push 4.6s ease-out both var(--visit-play-state, running)}.scene-a [data-reduced=false] .scene-image[data-camera=counsel] .visit-camera{transform-origin:44% 42%;animation:visit-push 6s ease-out both var(--visit-play-state, running)}.scene-a [data-reduced=false] .scene-image[data-camera=insert] .visit-camera{animation:visit-focus .4s ease-out both var(--visit-play-state, running)}}.scene-a .cinema-stage:is([data-paused=true],[data-suspended=true]){--visit-play-state: paused}.scene-a .vn-panel{position:absolute;inset:auto 0 0;padding:18px max(6%,calc((100% - 950px)/2)) 3%;background:linear-gradient(transparent,#050a13dc 28%,#050a13f2);max-height:85%;overflow-y:auto}.scene-a .subtitle-wrap{position:static;transform:none;width:auto;max-height:none;padding:16px 4px 8px}.vn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px)and (orientation:portrait){.scene-a .vn-panel{padding:12px 5% max(6%,env(safe-area-inset-bottom))}}@media(max-height:500px)and (orientation:landscape){.scene-a .vn-panel{padding-block:0 6px;max-height:78%}.scene-a .subtitle-wrap{padding:2px 4px}}.black-ending button#restart{margin:28px 0 0;padding:8px 20px;background:transparent;color:#c4c4c4;border:1px solid #555;font:14px Microsoft YaHei,sans-serif;cursor:pointer}.black-ending button#restart:hover{color:#fff;border-color:#999}.ending-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:28px}.black-ending .ending-actions button{margin:0;padding:9px 20px;background:transparent;color:#c4c4c4;border:1px solid #555;font:14px Microsoft YaHei,sans-serif;cursor:pointer}.black-ending .ending-actions button:is(:hover,:focus-visible){color:#fff;border-color:#999}.black-ending .ending-actions #retry-choice{color:#e2e2e2;border-color:#888}.black-ending .ending-actions #restart{margin:0}.scene-a2{outline:none;cursor:pointer;touch-action:manipulation}.scene-a2 .vn-panel{pointer-events:none}.scene-a2 .scene-frame{transition:opacity 60ms linear}.scene-a2 .subtitle-wrap{line-height:1.65}@keyframes a2-counter-impact{0%{transform:translateY(0)}22%{transform:translateY(-3px)}55%{transform:translateY(1px)}to{transform:none}}@keyframes a2-contact-impact{0%{transform:scale(1)}22%{transform:scale(1.013) translate(-2px)}65%{transform:scale(1.004) translate(1px)}to{transform:none}}@keyframes a2-wall-tremor{0%,40%,57%,to{transform:scale(1.006)}44%,51%{transform:scale(1.006) translateY(.8px)}48%,54%{transform:scale(1.006) translateY(-.6px)}}@media(prefers-reduced-motion:no-preference){.scene-a2 [data-reduced=false] [data-shot=contact_brace] .scene-frame.visible{animation:a2-wall-tremor 2.6s linear infinite}.scene-a2 [data-impact=table] .scene-image{animation:a2-counter-impact .22s ease-out}.scene-a2 [data-impact=contact] .scene-image{animation:a2-contact-impact .19s ease-out}}
