/* Reference-inspired first chapter only. */
body:has(#theatre.page-cover){background:radial-gradient(ellipse at 20% 20%,#503455,#142841 65%,#07101c)}
.page-cover .opening-nav{position:absolute;left:22%;right:22%;top:2%;height:5%;z-index:18;display:flex;align-items:center;justify-content:center;gap:2cqw;border:1px solid #9ed9ee80;border-radius:50px;background:#031427ef;color:#e6f3fc;font:3cqw Arial,'Microsoft YaHei',sans-serif;letter-spacing:.15cqw;box-shadow:0 2px 12px #00102266;pointer-events:auto}
.page-cover .opening-nav::before{content:'';width:1.3cqw;height:1.3cqw;background:#f047ae;border-radius:50%;box-shadow:0 0 9px #f047ae77}
.page-cover .opening-nav span{color:#9eb4c6;margin-left:1cqw;font-size:3.6cqw}
.page-cover.agong-only-first .topbar{top:3%;right:3%;left:auto;height:auto;z-index:20}
.page-cover.agong-only-first .topbar .mini-brand{display:none}
.page-cover.agong-only-first .topbar .sound-btn{display:grid!important;width:10cqw;height:10cqw;pointer-events:auto;background:#031427f5;border:1px solid #b3d5e9;border-radius:50%;box-shadow:0 .5cqw 0 #02101e;color:#dff6ff}
.page-cover .music-note{font-size:6cqw}
.page-cover .sound-btn:not(.playing)::before{content:'';position:absolute;width:5cqw;height:1px;background:#dff6ff;transform:rotate(45deg)}
.page-cover .scene01-pause{left:3%;right:auto;top:2.1%;width:8.8cqw;height:8.8cqw;border-radius:50%;background:#041527de;border:1px solid #8eb7d36b;color:#a6d4e9;font-size:3.6cqw;z-index:19}
.page-cover .opening-key-tray{position:absolute;left:14%;top:75%;width:32%;height:8%;border:1px solid #e6c2e9;border-radius:2.4cqw;background:#04162acf;box-shadow:0 4px 14px #00152f77;pointer-events:none;z-index:3}
.page-cover .same-shot-flat-key{left:14%!important;top:79%!important;width:32%!important;height:7%!important}
.page-cover .key-floor-glow,.page-cover .key-pickup-hint{display:none}
.page-cover .opening-lock-label{position:absolute;left:60%;top:69.2%;color:#a2e6f5;background:#06172dbf;padding:.7cqw 1.7cqw;border-radius:2px;font:2.6cqw Arial,'Microsoft YaHei',sans-serif;pointer-events:none;z-index:8}
.page-cover .opening-tutorial{position:absolute;left:7%;right:7%;bottom:3.2%;z-index:15;min-height:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:3.6cqw 3cqw;background:linear-gradient(120deg,#04172af5,#071428eb);border:1px solid #90d6ecb8;box-shadow:0 6px 20px #00102055;color:#e7f3fb;text-align:center;pointer-events:auto}
.page-cover .opening-tutorial::before{content:'';position:absolute;left:-1cqw;top:50%;width:1.6cqw;height:1.6cqw;transform:rotate(45deg);background:#f044ab;border:1px solid #b5e9ff}
.page-cover .opening-tutorial p{font:500 3.7cqw/1.6 Arial,'Microsoft YaHei',sans-serif}
.page-cover .opening-auto{font:3.3cqw/1.5 Arial,'Microsoft YaHei',sans-serif;color:#90e2f5;text-decoration:underline;text-underline-offset:.7cqw;padding:1cqw 2cqw}
.page-cover .opening-progress{position:absolute;left:27%;right:27%;bottom:1.1%;display:flex;gap:1.1cqw;z-index:15;pointer-events:none}
.page-cover .opening-progress i{flex:1;height:.7cqw;border-radius:5px;background:#5373958c}
.page-cover .opening-progress i:first-child{background:#94e8ff;box-shadow:0 0 9px #9ae6ff}
.page-cover.opening-key-accepted .opening-tutorial,.page-cover.opening-key-accepted .opening-key-tray,.page-cover.opening-key-accepted .opening-lock-label{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s}
.page-cover .agong-subtitle{left:7%;right:7%;bottom:4%;padding:4cqw 4cqw 4cqw!important;border:1px solid #8dd5e5;background:#05162deb;text-align:left;font:3.8cqw/1.7 Arial,'Microsoft YaHei',sans-serif;color:#edf7ff;text-shadow:none;pointer-events:none}
.page-cover .agong-subtitle::before{content:'●  陈阿公';display:block;margin-bottom:1.8cqw;font-size:3cqw;color:#96dfee;letter-spacing:.2cqw}
@media(prefers-reduced-motion:reduce){.page-cover .opening-tutorial{transition:none}}