.cinema-active .brand,.cinema-active #countdown,.cinema-active #helpButton,.cinema-active #previewLabel,.cinema-active #hotspots,.cinema-active #sceneFooter{visibility:hidden;pointer-events:none}.cinema-active .topbar{z-index:15}.cinema{position:absolute;inset:0;z-index:10;pointer-events:none;color:#f5dce9}.cinema-veil{position:absolute;inset:0;background:#08070e;z-index:8;pointer-events:none;transition:opacity .15s linear}.cinema-title{position:absolute;z-index:9;left:20px;right:20px;top:max(115px,14dvh);text-align:center;animation:story-appear 1.2s ease both}.cinema-title .distance{font-family:LittlePixel,monospace;font-size:clamp(38px,11vw,62px);letter-spacing:5px;display:block;color:#f1bfdf;text-shadow:3px 3px #4b2346}.cinema-title h2{font-family:ui-monospace,monospace;font-size:15px;font-weight:400;letter-spacing:2px;line-height:1.8;margin-top:15px;color:#d7a4c9}.cinema-title .story-dateline{font-size:8px;letter-spacing:2px;color:#8f718f;margin-top:14px}.phone-conversation{position:absolute;top:14dvh;left:50%;transform:translateX(-50%);width:min(79vw,310px);max-height:44dvh;z-index:7;overflow:hidden;padding:0 6px 8px;animation:story-appear .65s ease both}.phone-contact{font-size:8px;letter-spacing:3px;text-align:center;display:flex;justify-content:center;align-items:center;gap:9px;color:#bea4bc;margin:0 0 16px}.phone-contact i{width:3px;height:3px;background:#a9d2c2;border-radius:50%}.story-message{max-width:93%;margin-top:10px;opacity:.58;transition:opacity .5s}.story-message.latest{opacity:1;animation:message-arrive .4s ease both}.message-speaker{display:block;font-size:7px;letter-spacing:1.7px;color:#c49ab8;padding:0 8px 5px}.story-message p{font-family:ui-monospace,'SFMono-Regular',monospace;font-size:clamp(12px,3.2vw,14px);line-height:1.65;letter-spacing:.1px;padding:11px 14px;margin:0;box-shadow:3px 3px #07050da8}.from-alex{margin-right:auto;text-align:left}.from-alex p{background:#22172be6;border:1px solid #6e456a;color:#f7dfec;border-radius:9px 9px 9px 0}.from-amber{margin-left:auto;text-align:right}.from-amber p{background:#b483a8ed;border:1px solid #d3aac8;color:#170f22;text-align:left;border-radius:9px 9px 0 9px}.from-amber .message-speaker{color:#b092b1}.story-controls{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:27px;z-index:11;pointer-events:auto}.story-controls button{min-width:53px;min-height:44px;border:0;background:#0e0a15a1;color:#b994b0;font-size:10px;letter-spacing:.7px;padding:8px 12px;border-radius:2px}.story-controls button:hover{color:#ffe0f2;background:#2e1730}.story-end{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;justify-content:center;gap:20px;z-index:11;pointer-events:auto;animation:story-appear 1.8s ease both}.story-end button{min-height:44px;font-size:10px;letter-spacing:.5px;padding:10px 18px;border:1px solid #69445f;background:#150d1bdc;color:#d8b3ce}.story-end .continue-story{background:#3c2038;border-color:#ad7c9e;color:#ffe4f3}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.welcome.chinese-welcome{background:#08070ef5;justify-content:center;padding-top:0;z-index:12}.welcome.chinese-welcome .eyebrow{font-size:9px;margin-bottom:30px}.welcome.chinese-welcome h1{font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;font-size:clamp(23px,6vw,32px);line-height:2.2;letter-spacing:3px;text-shadow:none;font-weight:300}.welcome.chinese-welcome .welcome-sub{max-width:290px;font-size:10px;line-height:1.9;color:#a786a5;margin-top:20px}.welcome.chinese-welcome .enter-button{bottom:max(120px,16dvh)}.welcome.chinese-welcome .sound-note{bottom:max(80px,10dvh)}@keyframes story-appear{from{opacity:0}to{opacity:1}}@keyframes message-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:760px){.cinema-title{top:12dvh}.phone-conversation{width:330px;top:14dvh}.story-message p{font-size:13px}.cinema-title h2{font-size:18px}}@media(max-height:650px){.phone-conversation{top:13dvh;max-height:49dvh;width:min(72vw,300px)}.story-message{margin-top:5px}.story-message p{padding:7px 12px;font-size:11px}.phone-contact{margin-bottom:8px}.cinema-title{top:15dvh}.cinema-title .distance{font-size:35px}.cinema-title h2{font-size:12px;margin-top:9px}.cinema-title .story-dateline{margin-top:6px}.welcome.chinese-welcome .enter-button{bottom:75px}.welcome.chinese-welcome .sound-note{bottom:35px}.welcome.chinese-welcome h1{font-size:23px}}@media(prefers-reduced-motion:reduce){.cinema *, .cinema *::before,.cinema *::after{animation:none!important;transition:none!important}}

.before-entry .topbar{visibility:hidden;pointer-events:none}

.cinema-title{left:50%;right:auto;top:clamp(68px,9dvh,105px);width:calc(100% - 40px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.cinema-title .distance{width:max-content;line-height:1;transform:none;margin:0;letter-spacing:0;display:flex;gap:5px}
.cinema-title h2{margin:0;transform:none;line-height:1.5;letter-spacing:0}
.cinema-title .story-dateline{margin:0;transform:none;line-height:1.4;letter-spacing:0}
.cinema-active.cinema-explore-ready #hotspots{visibility:visible;z-index:11}
.cinema-active #exploreSummary{visibility:hidden;pointer-events:none}
.explore-summary{position:absolute;z-index:3;left:50%;top:max(112px,13dvh);transform:translateX(-50%);text-align:center}
.explore-summary button{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:185px;min-height:78px;padding:13px 20px;border:1px solid #9f718b55;background:#100b18e8;box-shadow:3px 3px #08060c88;border-radius:3px}
#exploreTitle{font-size:12px;letter-spacing:.5px;color:#f0cde2}
.explore-summary #progressText{font-size:14px;font-weight:400;letter-spacing:1px;color:#b4e4d7}
.explore-summary .progress-dots{gap:12px;margin-top:1px}
.scene-footer{bottom:max(28px,env(safe-area-inset-bottom))}
.scene-footer p{margin:0;color:#b99ab4}
.calendar-completion{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #825b7755}
.calendar-completion h3{font-size:15px;line-height:1.6;font-weight:400;color:#eec7df;margin:0 0 12px}
.calendar-completion>p:last-child{font-size:11px;line-height:1.9;color:#baa3bd;margin:0}
.calendar-days{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.calendar-day{min-height:44px}
@media(max-height:650px){.explore-summary{top:93px}.explore-summary button{min-height:65px;gap:7px;padding:10px 18px}.explore-summary #progressText{font-size:12px}.calendar-completion{padding-bottom:15px;margin-bottom:15px}}
@media(max-height:500px) and (min-width:600px){.explore-summary{left:max(110px,16vw);top:112px}.countdown{display:none}}

.story-end{inset:0;display:block;pointer-events:none}
.story-end-copy{position:absolute;top:max(115px,14dvh);left:50%;transform:translateX(-50%);width:min(84vw,350px);padding:23px 18px 20px;text-align:center;background:#0c0813ed;border:1px solid #936a843b;box-shadow:4px 4px #07050a77}
.story-end-copy h2{font-family:ui-monospace,'SFMono-Regular',monospace;font-size:15px;letter-spacing:.2px;line-height:1.6;margin:0 0 12px;color:#f2cfe4}
.story-end-copy p{font-size:11px;line-height:1.8;letter-spacing:.1px;margin:0;color:#d3b0cb}
.story-end-copy .story-daily{border-top:1px solid #a37a922e;padding-top:15px;margin-top:15px;color:#b79bb6;font-size:10px}
.story-end-actions{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));left:16px;right:16px;display:flex;justify-content:center;align-items:center;gap:12px;pointer-events:auto}
.story-end .continue-story{font-size:11px;padding:13px 18px;background:#603451;border-color:#d6a3c3}
.clues-button{width:54px;border-radius:5px;font-size:10px;letter-spacing:.2px}
.calendar-hint{font-size:8px;letter-spacing:.2px;color:#ac8ca8}
.welcome-replay{position:absolute;bottom:max(86px,10dvh);border:0;border-bottom:1px solid #a2799355;background:none;min-height:44px;padding:10px 2px;color:#c09ab5;font-size:10px;pointer-events:auto}
.welcome.returning h1{font-family:ui-monospace,'SFMono-Regular',monospace;font-size:27px;line-height:1.7;letter-spacing:1px}
.welcome.returning .enter-button{bottom:max(142px,18dvh)}
.welcome.returning .sound-note{bottom:max(50px,6dvh)}
.hotspots.show-hints .spark{box-shadow:0 0 0 4px #ca72c84d,0 0 18px #e985c8}
@media(max-height:650px){.story-end-copy{top:14dvh;padding:15px 18px}.story-end-copy h2{font-size:13px;margin-bottom:8px}.story-end-copy p{font-size:10px}.story-end-copy .story-daily{margin-top:10px;padding-top:10px;font-size:9px}.story-end-actions{bottom:max(20px,env(safe-area-inset-bottom))}.calendar-hint{display:none}}
@media(max-height:650px){.welcome.returning .enter-button{bottom:118px}.welcome-replay{bottom:64px}.welcome.returning .sound-note{bottom:30px}}

#hotspots[data-day="18"] .hotspot[data-id="letter"] .hotspot-label{left:0;transform:none}
#hotspots[data-day="18"] .hotspot[data-id="memory"] .hotspot-label{left:34px;bottom:45px;transform:none}
@media(max-height:500px) and (min-width:600px){.story-end-actions{left:auto;right:max(26px,env(safe-area-inset-right));top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;align-items:stretch}}
.story-end-copy h2[lang="zh-Hans"]{font-family:system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;font-size:21px;font-weight:400;letter-spacing:2px;line-height:1.8}