#dream-canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;z-index:0}.webgl-ready .room{background:transparent!important;pointer-events:none}.webgl-ready .wallpaper,.webgl-ready .ambient,.webgl-ready .desk,.webgl-ready .toy-shelf{display:none!important}.webgl-ready .shelves{position:absolute!important;clip-path:inset(50%);width:1px!important;height:1px!important;overflow:hidden!important;top:50%;left:50%}.webgl-ready .site-header,.webgl-ready .library-top,.webgl-ready .library-bottom{pointer-events:auto}.webgl-ready .library-top{position:fixed;top:94px;left:50%;transform:translateX(-50%);width:max-content;max-width:92vw;margin:0}.webgl-ready .library-bottom{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:92vw;padding:10px 20px;border-radius:30px;background:#fff1d7c9;backdrop-filter:blur(12px);color:#70543d}.webgl-ready #detail{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}.webgl-ready #detail::backdrop{background:transparent!important;backdrop-filter:none!important}.webgl-ready .landing-desk,.webgl-ready .landing-lamp,.webgl-ready .landing-train,.webgl-ready .landed-book{display:none!important}.webgl-ready #detail-content{position:absolute;inset:0;pointer-events:none}.webgl-ready .detail-info{position:static!important;display:block!important;transform:none!important}.webgl-ready .landing-card{position:absolute!important;right:5vw!important;bottom:10vh!important;left:auto!important;top:auto!important;width:300px!important;max-width:38vw!important;transform:none!important;pointer-events:auto}.webgl-ready #detail .close,.webgl-ready .landing-caption{z-index:5}.webgl-ready .room.desk-active{filter:none!important;transform:none!important}.webgl-ready.night .library-bottom{background:#392f29d9;color:#f0dcc0}@media(max-width:650px){.webgl-ready .library-top{top:88px}.webgl-ready .library-bottom{bottom:16px;font-size:11px}.webgl-ready .landing-card{right:50%!important;bottom:3vh!important;transform:translateX(50%)!important;width:86vw!important;max-width:360px!important;padding:20px!important}.webgl-ready .landing-card h2{font-size:24px!important}.webgl-ready .detail-note{font-size:14px!important;margin:10px 0!important}.webgl-ready .landing-card .eyebrow{font-size:10px!important}.webgl-ready .detail-notice{margin:10px 0 0!important}.webgl-ready .landing-caption{top:28px!important}}

.webgl-ready .room,.webgl-ready .room main{transform:none!important;filter:none!important;perspective:none!important}.webgl-ready.scene-reading .library-top,.webgl-ready.scene-reading .library-bottom,.webgl-ready.scene-reading .site-header{visibility:hidden}.webgl-ready .library-top{z-index:3;top:94px!important;bottom:auto!important}.webgl-ready .library-bottom{z-index:3;top:auto!important;bottom:24px!important}@media(max-width:850px){.webgl-ready .landing-card{right:50%!important;bottom:3vh!important;transform:translateX(50%)!important;width:82vw!important;max-width:360px!important;padding:18px!important}.webgl-ready .landing-card h2{font-size:24px!important}.webgl-ready .detail-note{font-size:14px!important;margin:8px 0!important}}

body.webgl-ready:has(#reader:not([hidden]))>.library-top,body.webgl-ready:has(#reader:not([hidden]))>.library-bottom{display:none!important}

/* Keep the header aligned with the visible shelf rather than a centered max-width container. */
@media(min-width:760px){
 .webgl-ready .site-header{left:var(--shelf-header-left,24px);right:var(--shelf-header-right,24px);max-width:none;margin:0;padding:0!important;width:auto;gap:24px;align-items:center!important}
 .webgl-ready .site-header nav{display:flex;flex-wrap:nowrap;max-width:none;gap:clamp(6px,1vw,14px)!important;flex-shrink:0}
 .webgl-ready .site-header .brand{flex-shrink:0}
 .webgl-ready [aria-label="灯光测试"]{right:var(--shelf-header-right,24px)!important}
}
@media(min-width:601px) and (max-width:759px){
 .webgl-ready .site-header{max-width:none;margin:0;padding-inline:20px!important}
 .webgl-ready .site-header nav{gap:6px!important}
}

.webgl-ready .site-header #lang-label{display:inline!important}

@media(max-width:600px){.webgl-ready [aria-label="灯光测试"]{top:116px!important;right:14px!important}.webgl-ready.scene-reading [aria-label="灯光测试"]{top:78px!important}}

/* The logo follows the viewport edge, independently of the 3D shelf. */
@media(min-width:760px){.webgl-ready .site-header{left:clamp(20px,2.5vw,48px)}}