/* 同一個 WebGL 世界持續存在，捲動只改變角色與鏡頭位置。 */
#realm-world{position:fixed;inset:0;z-index:0;background:#142a3a;overflow:hidden}#realm-world canvas{display:block;width:100%;height:100%}.realm-vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#030c15b8,transparent 55%),linear-gradient(0deg,#06101a80,transparent 22%,transparent 82%,#06101a55)}#realm-tour{height:690vh;height:690svh;position:relative;pointer-events:none}.realm-waypoint{position:absolute;width:1px;height:1px;pointer-events:none;scroll-margin-top:-110px}.realm-copy{position:fixed;left:6vw;top:28%;width:44vw;max-width:610px;z-index:3;visibility:hidden;pointer-events:auto;opacity:0}.realm-copy:first-of-type{visibility:visible;opacity:1}.realm-copy h1,.realm-copy h2{font-size:clamp(38px,4.1vw,65px);line-height:1.42;margin-bottom:25px}.realm-copy p{font-size:13px;color:#d0d8d8;line-height:2}.realm-copy .text-link{margin-right:24px;gap:22px;font-size:12px}.realm-nav{position:fixed;right:3vw;top:42%;z-index:10;display:grid;gap:8px}.realm-nav a{display:flex;align-items:center;gap:12px;border-left:1px solid #f0d6a84d;background:#07121b66;padding:8px 12px;font-size:10px;color:#b9c9d0}.realm-nav a[aria-current]{border-color:var(--gold);color:var(--gold)}.realm-nav span{font-size:10px}.realm-location{position:fixed;bottom:30px;left:5vw;z-index:10;font-size:10px;letter-spacing:.2em;color:#d2c6ab}#realm-status{position:fixed;bottom:65px;left:5vw;max-width:80vw;z-index:30;padding:12px 20px;background:#0a1726ed;color:#dcc79d;font-size:12px}.home .home-reading,.home .invitation,.home .site-footer{position:relative;z-index:12;background-color:var(--ink)}.past-realm #realm-world,.past-realm .realm-vignette,.past-realm .realm-copy,.past-realm .realm-nav,.past-realm .realm-location{visibility:hidden!important}.realm-failed #realm-tour{height:auto;min-height:100vh;padding:140px 7vw 80px;pointer-events:auto}.realm-failed .realm-copy{position:relative;inset:auto;visibility:visible!important;opacity:1!important;width:auto;margin-bottom:60px}.realm-failed .realm-nav{display:none}.realm-failed #realm-world canvas{display:none}
@media(max-width:700px){#realm-tour{height:650svh}.realm-copy{left:7vw;top:19%;width:86vw;max-width:400px}.realm-copy h1,.realm-copy h2{font-size:clamp(30px,8.2vw,40px);line-height:1.4;margin-bottom:17px}.realm-copy p{font-size:12px;max-width:320px}.realm-copy .eyebrow{font-size:8px;margin-bottom:12px}.realm-copy .text-link{font-size:11px;gap:13px;margin-right:20px}.realm-vignette{background:linear-gradient(180deg,#07111cab,transparent 64%,#07111a80)}.realm-nav{top:auto;bottom:55px;left:7vw;right:7vw;display:flex;justify-content:space-between;gap:4px}.realm-nav a{min-height:44px;min-width:44px;justify-content:center;padding:5px;font-size:9px}.realm-nav span{display:none}.realm-location{bottom:23px;left:7vw;font-size:8px}.realm-waypoint{scroll-margin-top:-95px}}
@media(max-height:650px){.realm-copy{top:22%}.realm-copy h1,.realm-copy h2{font-size:32px;margin-bottom:10px}.realm-copy p{font-size:11px;margin-bottom:7px}}
.realm-nav,.realm-location{z-index:20}
.act-one #realm-tour{height:370svh}
.act-one .realm-nav,.act-one .realm-location,.act-one #main-nav,.act-one .join-link,.act-one .menu-toggle,.act-one .reading-progress{display:none}
.act-one .site-header{background:transparent;border:0;backdrop-filter:none}
.act-one .realm-copy{top:25%;width:38vw}
.act-one .realm-copy .text-link:first-of-type{display:none}
.act-caption{position:fixed;left:0;right:0;top:23%;text-align:center;z-index:4;pointer-events:none;color:#ecdfc6;text-shadow:0 2px 24px #000}
.act-caption span{display:block;font-family:serif;font-size:clamp(25px,3vw,43px);letter-spacing:.15em}
.act-caption small{display:block;margin-top:20px;font-size:11px;letter-spacing:.2em;color:#bcb5a7}
.act-one .realm-vignette{background:linear-gradient(0deg,#05091099,transparent 25%,transparent 75%,#05091088)}
.act-one .home-reading,.act-one .invitation,.act-one .site-footer{display:none}
.act-ending{position:relative;z-index:12;min-height:65svh;padding:18svh 7vw;background:#080f17;text-align:center}
.act-ending h2{font-family:serif;font-size:clamp(27px,3vw,40px);margin:20px 0}.act-ending p{font-size:13px;color:#aeb7bb;margin-bottom:30px}
@media(max-width:700px){.act-one .realm-copy{top:21%;width:85vw}.act-caption{top:25%}.act-one .realm-copy h1{font-size:30px}}