:root{color-scheme:dark;--ivory:#e7dfc7;--muted:#aaa996;--dark:#111c1c;font-family:"Helvetica Neue","PingFang TC",Arial,sans-serif;color:var(--ivory);background:var(--dark)}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;position:relative}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e8c783;outline-offset:7px}header{height:88px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{font-size:22px;font-weight:600;letter-spacing:-1px}.brand span{color:#c4a76e}.edition,.micro{font-size:9px;letter-spacing:.19em}.edition{color:var(--muted)}.quiet{border:0;background:none;font-size:11px;padding:12px 0}.quiet span{margin-left:16px;color:#c4a76e}main{position:relative;min-height:820px;height:100svh;isolation:isolate;overflow:hidden}canvas,#fallback{position:absolute;inset:0;width:100%;height:100%;z-index:-1}#fallback{display:none;background:radial-gradient(ellipse at 50% 50%,#35413b,#101a1b)}body[data-renderer=fallback] #fallback{display:block}.room-label{position:absolute;left:4vw;top:22%;transition:opacity .6s}.room-label .micro{color:#b2af96}.room-label h1{font-size:24px;letter-spacing:.15em;font-weight:400;margin:19px 0}.room-label p{font-size:11px;line-height:2.1;color:var(--muted)}.paper-title{position:absolute;left:27%;top:33%;color:#5f6359;pointer-events:none;transition:opacity .5s}.paper-title>span{font-size:8px;letter-spacing:.15em}.paper-title p{font-family:"Songti TC",Georgia,serif;font-size:clamp(30px,3.4vw,49px);line-height:1.5;letter-spacing:.16em;margin:26px 0}.paper-title i{font-family:Georgia,serif;font-size:12px;color:#7e8071}.pull{position:absolute;left:calc(51% + var(--opening,0)*35%);top:56%;transform:translate(-50%,-50%);border:0;background:none;padding:25px;touch-action:none;user-select:none;transition:opacity .3s;color:#c4a76e}.pull-ring{display:grid;place-items:center;width:49px;height:49px;border:1px solid currentColor;border-radius:50%;font-size:20px;background:#142020aa;box-shadow:0 0 0 9px #14202033;transition:transform .25s,background .25s}.pull:hover .pull-ring,.pull:focus-visible .pull-ring{transform:scale(1.13);background:#21302c}.pull-label{display:block;position:absolute;white-space:nowrap;font-size:10px;letter-spacing:.1em;left:50%;transform:translateX(-50%);top:93px;color:var(--ivory)}.pull-line{position:absolute;height:84px;width:1px;background:linear-gradient(transparent,#b9b59b);bottom:85%;left:50%}.discovery{position:absolute;left:66%;top:66%;width:29%;opacity:0;transform:translateY(17px);pointer-events:none;transition:opacity .7s,transform .7s}.discovery .micro{font-size:8px;color:#bca77b}.discovery h2{font-family:"Songti TC",Georgia,serif;font-size:clamp(26px,2.7vw,40px);font-weight:400;margin:16px 0;letter-spacing:.05em}.discovery p{font-size:12px;line-height:2;color:#b6b9a9}.discovery button{font-size:11px;border:0;border-bottom:1px solid #b5a57c;background:none;padding:10px 0}.discovery button span{margin-left:20px}.side-note{position:absolute;right:2%;top:37%;font-size:8px;letter-spacing:.16em;writing-mode:vertical-rl;color:#a0a18e}.controller{position:absolute;bottom:6.8%;left:4vw;width:240px}.controller-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em}.controller output{color:#d6bc82;font-size:12px;font-variant-numeric:tabular-nums}.controller input{width:100%;display:block;margin:16px 0;accent-color:#d7c08b;cursor:ew-resize;height:18px}.stages{display:flex;justify-content:space-between;font-size:8px;color:#7b897f}.stages .current{color:#e4d6b2}.controller p{font-size:9px;color:#8b968a;margin-top:17px}.scene-status{position:absolute;bottom:6.8%;left:40%;color:#aab09f;font-size:10px;letter-spacing:.1em}.reset{position:absolute;right:4vw;bottom:6.8%;color:#aeb3a0}footer{position:absolute;bottom:18px;left:4vw;right:4vw;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#7c8c80}body[data-state=opening] .paper-title,body[data-state=inside] .paper-title{opacity:0}body[data-state=inside] .discovery{opacity:1;transform:none;pointer-events:auto}body[data-state=inside] .pull-label{opacity:0}body[data-state=inside] .room-label{opacity:.5}dialog{max-width:540px;width:calc(100% - 36px);color:#dedcc7;background:#182422;border:1px solid #71807066;padding:48px 44px;box-shadow:0 20px 130px #000a}dialog::backdrop{background:#091010b8;backdrop-filter:blur(8px)}dialog h2{font:400 31px/1.5 "Songti TC",Georgia,serif;margin:26px 0}dialog p{font-size:13px;line-height:2;color:#b7bfad}dialog .subtitle{font-family:Georgia,serif;font-style:italic}.close{position:absolute;right:19px;top:14px;border:0;background:none;font-size:28px;padding:3px 10px}.fine{font-size:10px!important;color:#8c9b88!important;margin-top:26px}dl{margin:26px 0;padding-top:20px;border-top:1px solid #76816b44}dl div{margin:14px 0}dt{font-size:9px;color:#8f9c86}dd{margin:5px 0;font-size:12px}.nojs{position:fixed;left:10%;right:10%;top:25%;padding:30px;background:#1e302c;z-index:10;font-size:16px;line-height:2}body{animation:arrive 1s ease both}@keyframes arrive{from{opacity:0}to{opacity:1}}@media(max-width:700px){header{height:74px;padding:0 23px}.brand{font-size:20px}.edition{display:none}.quiet{font-size:10px}main{height:100svh;min-height:800px}.room-label{left:24px;top:14%}.room-label h1{font-size:20px;margin:12px 0}.room-label p{display:none}.room-label .micro{font-size:7px}.paper-title{left:13%;top:32%}.paper-title p{font-size:31px;margin:24px 0}.paper-title>span{font-size:6px}.paper-title i{font-size:9px}.pull{top:50%;left:calc(51% + var(--opening,0)*34%)}.pull-label{font-size:9px}.side-note{right:18px;top:28%;font-size:6px}.controller{left:24px;bottom:8%;width:205px}.controller p{font-size:8px}.scene-status{left:auto;right:24px;bottom:25%;font-size:9px;max-width:170px;line-height:1.8;text-align:right}.reset{right:24px;bottom:8%}.discovery{left:24px;top:auto;bottom:27%;width:calc(100% - 48px);background:linear-gradient(90deg,#111c1ce8,#111c1c00);padding:12px 0}.discovery h2{font-size:27px;margin:10px 0}.discovery p{font-size:11px;margin:8px 0}.discovery .micro{font-size:6px}body[data-state=inside] .scene-status{display:none}footer{bottom:18px;left:24px;right:24px;font-size:6px;letter-spacing:.06em}footer span:first-child{max-width:160px;line-height:1.6}footer span:last-child{text-align:right;max-width:120px;line-height:1.6}dialog{padding:38px 27px;max-height:85svh;overflow:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body[data-state=sealed] .pull-label{color:#415144;background:#d9d8bccc;padding:6px 9px;top:88px}
@media(max-width:700px){.scene-status{top:76%;bottom:auto;margin:0;max-width:210px;font-size:8px;line-height:1.4}}
/* Wave 06 — two objects, two physical verbs. */
[hidden]{display:none!important}
.passage-link{display:block!important;width:100%;margin-top:20px;padding:15px 0!important;border-top:1px solid #b5a57c55!important;border-bottom:0!important;text-align:left;background:none}
.passage-link small{display:block;font-size:7px;letter-spacing:.16em;color:#a4aa91;margin-bottom:8px}
.passage-link>span{display:flex;justify-content:space-between;align-items:center;margin:0!important;font-size:12px;letter-spacing:.03em}
.passage-link b{font-size:21px;font-weight:400;transition:transform .2s}
.passage-link:hover b{transform:translateX(6px)}
#passage-veil{position:fixed;z-index:30;inset:0;background:#e7e2d6;pointer-events:none;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.65,0,.35,1)}
.is-crossing #passage-veil{transform:scaleX(1);pointer-events:auto}
body[data-world=shadow]{background:#eee9df;color:#292f2b;color-scheme:light}
body[data-world=shadow] header .brand span{color:#8c5635}
body[data-world=shadow] header .edition{color:#696c61}
body[data-world=shadow] header .quiet span{color:#915c39}
body[data-world=shadow] footer{color:#777768}
body[data-world=shadow] :focus-visible{outline-color:#80543a}
.second-room{position:relative;min-height:820px;height:100svh;overflow:hidden;isolation:isolate}
#shadow-scene{touch-action:pan-y;cursor:grab}
.is-turning #shadow-scene,.is-turning .dial{cursor:grabbing}
#shadow-fallback{display:none;position:absolute;z-index:-1;inset:0;width:100%;height:100%;background:#ece7dc}
body[data-shadow-renderer=fallback] #shadow-fallback{display:block}
body[data-shadow-renderer=fallback] #shadow-fallback g:first-child{opacity:.18;transform:translateX(calc((var(--shadow-offset,0))*1px))}
body[data-shadow-renderer=fallback][data-aligned=true] #shadow-fallback g:first-child{opacity:.8}
.back-encounter{position:absolute;left:4vw;top:12%;font-size:11px;border:0;background:none;padding:10px 0;color:#555d51}
.back-encounter:hover{color:#9a5633}
.second-label{position:absolute;left:4vw;top:22%;pointer-events:none}
.second-label .micro{font-size:8px;color:#737669;letter-spacing:.15em}
.second-label h1{font:700 37px/1.2 "Helvetica Neue","PingFang TC",Arial,sans-serif;letter-spacing:-.045em;margin:20px 0}
.second-label p{font-size:11px;line-height:1.9;color:#737669}
.second-label h1:focus{outline:0}
.shadow-caption{position:absolute;left:4vw;right:4vw;top:42%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.2em;color:#8c8b7c;pointer-events:none}
.shadow-caption span:last-child{writing-mode:vertical-rl}
.light-console{position:absolute;left:4vw;bottom:8%;display:flex;align-items:center;gap:26px}
.dial{position:relative;width:150px;height:150px;touch-action:none;cursor:grab;border-radius:50%;background:#e8e2d4;box-shadow:1px 5px 10px #615c3924,inset 1px 1px 1px #fff9,inset -1px -1px 2px #716a4b44}
.dial-ticks{position:absolute;inset:10px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#7c7d6a 0deg .8deg,transparent .8deg 10deg);mask:radial-gradient(transparent 64%,#000 65%)}
.dial-needle{position:absolute;inset:4px;border-radius:50%;transform:rotate(var(--azimuth,28deg));pointer-events:none}
.dial-needle::before{content:"";position:absolute;top:4px;left:calc(50% - 3px);width:6px;height:17px;border-radius:2px;background:#985d37;box-shadow:0 1px 2px #0003}
.dial-face{position:absolute;inset:30px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(130deg,#f9f4e9,#d0c9b9);box-shadow:1px 3px 6px #70664930,inset 1px 1px 0 #fff9;cursor:inherit}
.dial-face span{font-size:6px;letter-spacing:.08em;color:#777764}
.dial-face output{font-size:20px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:6px 0;color:#474e42}
.dial input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.dial:focus-within{outline:2px solid #915d3c;outline-offset:7px}
.light-instructions p{font-size:10px;line-height:1.9;color:#666d5e;margin:0 0 12px}
.light-instructions button{background:none;border:0;border-bottom:1px solid #8c785a;padding:6px 0;color:#6e5239;font-size:11px}
.light-instructions button span{margin-left:22px}
.second-discovery{position:absolute;left:68%;right:4%;bottom:14%;max-width:410px}
.second-discovery .micro{font-size:7px;letter-spacing:.13em;color:#83816b}
.second-discovery h2{font:600 clamp(23px,2.3vw,34px)/1.4 "Helvetica Neue","PingFang TC",Arial,sans-serif;letter-spacing:-.04em;margin:17px 0 12px;color:#737666;transition:color .5s}
.second-discovery p{font-size:11px;line-height:1.9;color:#7a7d6c;min-height:22px}
.second-discovery button{border:0;background:none;border-bottom:1px solid #8d8c76;padding:8px 0;font-size:10px;color:#6e715e}
body[data-aligned=true] .second-discovery h2{color:#242f29}
body[data-aligned=true] .second-discovery .micro{color:#935d38}
.light-status{position:absolute;left:43%;bottom:8%;font-size:10px;color:#7e806e;letter-spacing:.04em}
.entrance{position:absolute;right:4vw;bottom:8%;border:0;background:none;padding:12px 0;font-size:10px;color:#686e5d}
body[data-world=shadow] dialog{background:#ede7db;border-color:#9b9a8555;color:#2d392f;box-shadow:0 20px 100px #403a2933}
body[data-world=shadow] dialog h2{font-family:"Helvetica Neue","PingFang TC",Arial,sans-serif;font-weight:600}
body[data-world=shadow] dialog p,body[data-world=shadow] dialog dd{color:#5f6b5a}
body[data-world=shadow] dialog .fine{color:#727e69!important}
body[data-world=shadow] dialog::backdrop{background:#e4e0d5a8}
@media(max-width:700px){
 .passage-link{margin-top:12px;padding:10px 0!important}
 .passage-link small{font-size:6px;margin-bottom:5px}
 .passage-link>span{font-size:11px}
 .discovery{bottom:26%;padding:9px 0}
 .discovery h2{margin:7px 0}
 .discovery p{margin:6px 0;line-height:1.8}
 .second-room{min-height:800px;height:100svh}
 .back-encounter{left:24px;top:11%;font-size:10px}
 .second-label{left:24px;top:18%}
 .second-label .micro{font-size:6px;letter-spacing:.1em}
 .second-label h1{font-size:28px;margin:13px 0}
 .second-label p{font-size:9px;line-height:1.7}
 .shadow-caption{left:24px;right:18px;top:39%;font-size:6px}
 .shadow-caption span:first-child{display:none}
 .light-console{left:24px;bottom:8%;gap:17px;right:24px}
 .dial{width:116px;height:116px;flex:none}
 .dial-ticks{inset:7px}
 .dial-needle{inset:1px}
 .dial-needle::before{height:13px;width:5px}
 .dial-face{inset:24px}
 .dial-face span{font-size:5px}
 .dial-face output{font-size:18px;margin:5px 0}
 .light-instructions p{font-size:8px;line-height:1.8;margin:0 0 7px}
 .light-instructions button{font-size:10px}
 .second-discovery{left:24px;right:24px;bottom:27%;max-width:none}
 .second-discovery .micro{font-size:6px}
 .second-discovery h2{font-size:25px;margin:9px 0}
 .second-discovery p{font-size:10px;margin:7px 0;min-height:19px}
 .second-discovery button{font-size:9px;padding:5px 0}
 .light-status{left:auto;right:24px;bottom:24.5%;font-size:8px;margin:0}
 .entrance{right:24px;bottom:3.8%;font-size:9px;padding:5px 0}
 body[data-world=shadow] footer{bottom:12px}
 body[data-world=shadow] footer span:first-child{font-size:5px;max-width:170px}
 body[data-world=shadow] footer span:last-child{display:none}
}
.dial-needle{transform:rotate(var(--azimuth,164deg))}
@media(max-width:700px){.second-discovery{bottom:26%}}
/* Wave 07 — exposure is a temporal event, not a correct angle. */
body[data-world=shadow]{background:#061011;color:#e8e1d1;color-scheme:dark}
body[data-world=shadow] header .brand span{color:#d2a977}
body[data-world=shadow] header .edition{color:#a09f94}
body[data-world=shadow] header .quiet span{color:#d2a977}
body[data-world=shadow] footer{color:#8f9790}
body[data-world=shadow] :focus-visible{outline-color:#e1bb80}
.cinematic-room{background:#061011;isolation:isolate}
.cinematic-room #shadow-scene{touch-action:pan-y;cursor:crosshair}
.is-exposing .cinematic-room #shadow-scene{cursor:grabbing}
#cinema-matte{display:none;position:absolute;z-index:-1;left:0;top:7.5%;width:100%;height:80%;object-fit:cover;object-position:50% 50%;filter:brightness(calc(.12 + var(--exposure,0)*.95));mask-image:linear-gradient(transparent,#000 15%,#000 75%,transparent)}
body[data-shadow-renderer=fallback] #cinema-matte{display:block}
#cinema-fallback{display:none;position:absolute;z-index:-1;inset:0;width:100%;height:100%;opacity:calc(.15 + var(--exposure,0)*.85)}
body[data-cinema-asset=failed] #cinema-fallback{display:block}
body[data-cinema-asset=failed] #cinema-matte{display:none}
.cinematic-room .back-encounter{color:#bbc0b4;top:11%;z-index:2}
.cinematic-room .back-encounter:hover{color:#edc88b}
.cinematic-room .second-label{top:20%;left:4vw;color:#d6d9cd;max-width:250px}
.cinematic-room .second-label .micro{color:#a5ac9d;font-size:7px;letter-spacing:.17em}
.cinematic-room .second-label h1{font-size:28px;font-weight:500;letter-spacing:.06em;margin:18px 0}
.cinematic-room .second-label p{color:#9da89a;font-size:11px;line-height:1.9}
.motion-toggle{position:absolute;right:4vw;top:11%;border:0;border-bottom:1px solid #a6ad962f;padding:10px 0;background:none;color:#9ea996;font-size:9px;letter-spacing:.04em;z-index:2}
.motion-toggle[aria-pressed=true]{color:#e5c48e;border-color:#d2ad7366}
.motion-toggle:disabled{cursor:default}
.asset-status{position:absolute;left:50%;top:52%;transform:translateX(-50%);font-size:11px;letter-spacing:.1em;color:#cfbc96;max-width:75%;text-align:center}
.exposure-console{position:absolute;left:4vw;bottom:8.2%;display:grid;grid-template-columns:195px 210px;gap:12px 26px;align-items:center;max-width:calc(100% - 8vw)}
.light-press{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:58px;padding:8px 15px;border:1px solid #b4a07d55;background:linear-gradient(135deg,#152020cc,#071111cc);color:#d5c3a1;touch-action:none;user-select:none;box-shadow:inset 0 1px 0 #e0cda412;transition:border-color .2s,background .2s}
.light-press:hover{border-color:#d5b57f}
.shutter-mark{display:block;position:relative;width:25px;height:25px;border:1px solid #c8af80;border-radius:50%;flex:none}
.shutter-mark::after{content:"";position:absolute;inset:6px;border:1px solid #dbc28f;transform:rotate(45deg);transition:background .2s}
.is-exposing .shutter-mark::after{background:#efd09a}
.is-exposing .light-press{border-color:#e7c589;background:#3b3426}
#press-label{font-size:11px;letter-spacing:.02em}
.exposure-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#8f9e8e}
.exposure-heading output{color:#d4b887;letter-spacing:.08em}
.exposure-track input{display:block;width:100%;height:20px;margin:9px 0 6px;accent-color:#ccac76;cursor:ew-resize}
.light-chapters{display:flex;justify-content:space-between;font-size:7px;color:#8b9689;letter-spacing:.1em}
.exposure-console>p{grid-column:1/-1;font-size:9px;line-height:1.8;color:#8a998b;margin:2px 0 0}
.cinematic-room .second-discovery{left:69%;right:4vw;bottom:22%;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .7s,transform .7s;max-width:400px}
.cinematic-room .second-discovery .micro{color:#c6b08a;font-size:7px;letter-spacing:.14em}
.cinematic-room .second-discovery h2{color:#ece1c9;font-family:"Helvetica Neue","PingFang TC",Arial,sans-serif;font-size:30px;font-weight:400;letter-spacing:.055em;margin:17px 0 13px}
.cinematic-room .second-discovery p{color:#adb7a9;font-size:11px;line-height:1.9}
.cinematic-room .second-discovery button{color:#d7c5a2;border-color:#c5af7d77;font-size:10px;padding:10px 0}
body[data-light-phase=afterglow] .cinematic-room .second-discovery{opacity:1;pointer-events:auto;transform:none}
.cinematic-room .light-status{color:#b9b69f;left:43%;bottom:8.1%;font-size:9px;letter-spacing:.05em}
.cinematic-room .entrance{color:#a5af9c;bottom:8.1%}
body[data-world=shadow] #passage-veil{background:#081416}
body[data-world=shadow] dialog{background:#112022;border-color:#8b998155;color:#e5dcc9;box-shadow:0 20px 100px #0009}
body[data-world=shadow] dialog p,body[data-world=shadow] dialog dd{color:#afbdad}
body[data-world=shadow] dialog .fine{color:#91a38f!important}
body[data-world=shadow] dialog::backdrop{background:#03090caa}
@media(max-width:700px){
 .cinematic-room .back-encounter{left:24px;top:11%;font-size:9px}
 .motion-toggle{right:24px;top:11%;font-size:8px;padding:10px 0}
 .cinematic-room .second-label{left:24px;top:19%;max-width:190px}
 .cinematic-room .second-label .micro{font-size:6px;letter-spacing:.09em}
 .cinematic-room .second-label h1{font-size:23px;margin:12px 0}
 .cinematic-room .second-label p{font-size:9px;line-height:1.8;margin-top:8px}
 #cinema-matte{top:20%;height:53%;object-position:43% 50%}
 .exposure-console{left:24px;right:24px;bottom:8%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px 16px;max-width:none}
 .light-press{min-height:56px;padding:8px 11px;gap:9px}
 .shutter-mark{width:21px;height:21px}
 .shutter-mark::after{inset:5px}
 #press-label{font-size:9px;letter-spacing:0}
 .exposure-heading{font-size:8px}
 .light-chapters{font-size:6px}
 .exposure-console>p{font-size:8px;line-height:1.8;margin:0}
 .cinematic-room .second-discovery{left:24px;right:24px;bottom:27%;max-width:none;background:linear-gradient(90deg,#071113bb,#07111300);padding:10px 0}
 .cinematic-room .second-discovery .micro{font-size:6px}
 .cinematic-room .second-discovery h2{font-size:26px;margin:10px 0}
 .cinematic-room .second-discovery p{font-size:10px;line-height:1.8;margin:7px 0}
 .cinematic-room .second-discovery button{font-size:9px;padding:7px 0}
 .cinematic-room .light-status{left:auto;right:24px;bottom:24%;font-size:8px;max-width:240px;text-align:right;margin:0}
 .cinematic-room .entrance{right:24px;bottom:3.8%;font-size:9px}
}
/* Visual review 01: leave the luminous field free of typography. */
.cinematic-room .second-discovery{left:4vw;right:auto;bottom:27%;width:270px;max-width:27vw}
@media(max-width:700px){
 .cinematic-room .second-discovery{left:24px;right:24px;bottom:22%;width:auto;max-width:none;padding:9px 0}
 body[data-light-phase=afterglow] .cinematic-room .light-status{opacity:0}
}
body[data-low-motion=true] .cinematic-room *,body[data-low-motion=true] #passage-veil{transition:none!important;animation:none!important}
/* Both directions use the same dark wipe; no pale full-frame exposure jump. */
#passage-veil{background:#081416}
body[data-world=shadow] footer span:last-child{display:block}

/* Wave 08: one room, two readings. Controls share one quiet horizon. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.after-actions{position:absolute;z-index:5;left:4vw;bottom:23%;display:flex;gap:25px;align-items:center;opacity:0;visibility:hidden;transition:opacity .7s}
.after-actions[aria-hidden="false"]{opacity:1;visibility:visible}
.after-actions button{color:#d6d8c4;background:none;border:0;border-bottom:1px solid #b7c2b36b;padding:9px 0;font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer}
.after-actions #look-again{color:#f0d0a2;font-size:14px}
.after-actions button:hover{color:#fff4dc;border-color:#fff4dc}
.after-actions button:focus-visible{outline:2px solid #f4d6a7;outline-offset:6px}
body[data-view="below"] .cinematic-room .second-discovery{opacity:0;pointer-events:none}
.cinematic-room .second-discovery{transition:opacity .6s}
.depth-alternative{opacity:var(--depth,0);transition:opacity .7s}
body[data-shadow-renderer="fallback"][data-view="below"] #cinema-fallback{display:block;z-index:-1;opacity:.7}
body[data-shadow-renderer="fallback"][data-view="below"] #cinema-matte{opacity:.36}
@media(max-width:699px){
 .cinematic-room .second-discovery{bottom:29%;}
 .after-actions{left:24px;right:24px;bottom:22.5%;gap:24px;}
 .after-actions button{font-size:11px;}
 .after-actions #look-again{font-size:13px;}
}
@media(prefers-reduced-motion:reduce){.after-actions,.depth-alternative{transition:none}}
#depth-matte{display:none;position:absolute;left:0;top:7.5%;width:100%;height:80%;object-fit:cover;object-position:50% 50%;z-index:-1;pointer-events:none;mask-image:linear-gradient(transparent,#000 15%,#000 75%,transparent)}
.depth-asset-status{position:absolute;z-index:6;right:4vw;bottom:23%;font-size:12px;color:#d9c8a5;max-width:240px}
body[data-light-phase="anticipation"] .depth-asset-status,body[data-light-phase="revelation"] .depth-asset-status{display:none}
body[data-shadow-renderer="fallback"][data-view="below"][data-depth-asset="ready"] #depth-matte,
body[data-cinema-asset="failed"][data-view="below"][data-depth-asset="ready"] #depth-matte{display:block}
body[data-shadow-renderer="fallback"][data-view="below"][data-depth-asset="ready"] #cinema-fallback{display:none}
body[data-depth-asset="failed"][data-view="below"] #cinema-fallback{display:block;z-index:-1;opacity:.75}
@media(max-width:699px){.depth-asset-status{top:35%;bottom:auto;left:24px;right:24px;}}
.after-actions button{min-height:44px}
/* Descriptive copy is no longer an input surface; gestures reach the water. */
body[data-world="shadow"] .cinematic-room .second-discovery{pointer-events:none}

@media(max-width:699px){#depth-matte{top:20%;height:53%;object-position:64% 50%;}}