/* First chapter: preserve one camera, with a low theatre dialogue panel. */
.agong-opening{position:absolute;inset:0;overflow:hidden;background:#100a07;container-type:inline-size}
.scene01-canvas{display:block;width:100%;height:100%;background-size:100% 100%;background-position:center}
.scene01-pause{position:absolute;right:4%;top:3.8%;width:9cqw;height:9cqw;padding:0;border:1px solid #e2bd79;border-radius:50%;background:#3f2418b8;color:#ffe8b3;display:grid;place-items:center;font:5cqw/1 Georgia,serif;cursor:pointer;z-index:2;box-shadow:0 1px 7px #180c0566}
.scene01-pause:focus-visible{outline:2px solid #fff0c9;outline-offset:3px}
.agong-only-first #app{inset:0;overflow:hidden}
.agong-only-first #poster-layer,.agong-only-first .background-fx,.agong-only-first #scene-footer,.agong-only-first .version-mark,.page-cover #scene-footer,.page-cover .version-mark,.chapter-one-active #scene-footer,.chapter-one-active .version-mark,.chapter-one-active .topbar>button:first-child{display:none!important}
.agong-only-first .topbar{pointer-events:none}
.agong-only-first .topbar .sound-btn{display:none}
.agong-only-first .mini-brand{visibility:hidden}
.chapter-one-active.page-unlock .background-fx,.chapter-one-active .floor-unlock #unlock-status{display:none!important}
.same-shot-unlock{position:absolute;inset:0;pointer-events:none;z-index:6;animation:keyWithLamplight 1.65s ease-out both}
.same-shot-unlock .floor-key{pointer-events:auto;touch-action:none}
.same-shot-unlock .floor-lock{pointer-events:none}
/* Keep the lock's drop target while hiding its rectangular light guide. */
.same-shot-unlock .floor-lock,
.same-shot-unlock .floor-lock.ready{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  animation:none!important;
}
.same-shot-unlock .unlock-hud,.same-shot-unlock .floor-key-help{display:none!important}
.same-shot-unlock .same-shot-flat-key{left:19%;top:82%;width:32%;height:10%;padding:0;transform-origin:94% 52%;opacity:1;background:none;border:0}
.same-shot-flat-key img{width:100%;height:100%;object-fit:contain;pointer-events:none}

.agong-subtitle{position:absolute;left:5%;right:5%;bottom:9%;margin:0;text-align:center;color:#fff3d5;font:4.7cqw/1.6 var(--serif);letter-spacing:.12cqw;text-shadow:0 1px 2px #180b04,0 2px 6px #180b04,0 0 12px #180b04;z-index:12;pointer-events:none;animation:subtitleIn .35s ease both}
.agong-subtitle.spoken{animation:subtitleOut 1.5s ease both}
.key-floor-glow{position:absolute;left:14%;top:85.7%;width:35%;height:3.8%;background:radial-gradient(ellipse,#ffd57766 0%,#eab55324 48%,transparent 72%);filter:blur(3px);transform:rotate(9deg);animation:floorGlow 3.2s ease-in-out infinite;z-index:3;pointer-events:none}
.key-pickup-hint{position:absolute;left:49%;top:82.8%;margin:0;color:#ffe7b0;font:3.5cqw/1.6 var(--serif);letter-spacing:.2cqw;white-space:nowrap;text-shadow:0 1px 4px #201006,0 0 8px #201006;pointer-events:none;z-index:6;transition:opacity .25s}
.key-pickup-hint span{display:block;margin-left:-2.5cqw;font:4.5cqw/1 var(--serif);color:#e8bd77}
.key-is-lifted .key-floor-glow,.key-is-lifted .key-pickup-hint,.unlock-3d-playing .key-floor-glow,.unlock-3d-playing .key-pickup-hint,.unlock-3d-complete .key-floor-glow,.unlock-3d-complete .key-pickup-hint{opacity:0;animation:none}
.same-shot-unlock .same-shot-flat-key{top:84%;height:6%;transform:rotate(10deg) scaleY(.7);filter:drop-shadow(1px 2px 1px #190c08a0)}
@keyframes floorGlow{50%{opacity:.55;filter:blur(5px)}}
@keyframes keyWithLamplight{from{opacity:0}to{opacity:1}}
@keyframes subtitleIn{from{opacity:0}to{opacity:1}}
@keyframes subtitleOut{0%,65%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.same-shot-unlock,.key-floor-glow,.agong-subtitle{animation:none}.agong-subtitle.spoken{animation:subtitleOut 1.5s linear both}}