:root{--paper:#e4e3df;--ink:#343c3c;--muted:#666d6a;--green:#394e4d;--white:#f4f3ee;--line:#5c676328}
header{top:26px}.brand{font-size:27px;letter-spacing:3px;background:#eeeee5ed;padding:9px 14px;border:1px solid #ffffff70;border-radius:3px;backdrop-filter:blur(12px)}.brand small{letter-spacing:1px}.top-actions button{border-radius:3px;box-shadow:none}
.room-intro{top:127px;max-width:285px;padding:0;pointer-events:none}.room-intro h1{font-size:30px;max-width:280px;line-height:1.4}.room-intro p{max-width:218px;line-height:1.9}.room-intro .index{font-size:11px;letter-spacing:2px}.room-intro .rule{background:#6a7575}
.room-nav{border-radius:5px;background:#f3f3eef2;box-shadow:0 6px 30px #1b282510;border:1px solid #ffffffb0;bottom:24px;padding:5px;gap:2px}.room-nav button{border-radius:2px;min-width:120px;padding:10px 15px}.room-nav button strong{font-size:13px}.room-nav button span{font-size:9px;letter-spacing:1.2px}
.world-label{border-radius:3px;box-shadow:0 3px 20px #1d282319;font-size:12px;background:#fafaf5f5;border:1px solid #fff;padding:8px 12px;min-height:36px}.world-label:before{width:5px;height:5px;background:#596d6a;border-radius:0}.zone-entry{padding:11px 16px;font-size:13px}.zone-entry:after{content:' ↗';margin-left:14px;color:#778780}.zone-entry:hover{background:#394e4d;color:#fff}
.gesture{padding:9px 12px;background:#eeeee9d9;border:1px solid #fff8;backdrop-filter:blur(8px);border-radius:3px;bottom:27px;left:25px;font-size:10px}.gesture b{font-size:11px}.view-controls{bottom:29px;right:24px}.view-controls button{border-radius:3px;width:36px;min-height:38px;font-size:18px}
.object-dock{border-radius:5px;background:#f5f4eef2}.object-dock button{border-radius:3px}body[data-night=true] .gesture,body[data-night=true] .gesture b{color:#343c3c}body[data-night=true] .brand,body[data-night=true] .room-intro h1{color:#253334}body[data-night=true] .brand small,body[data-night=true] .room-intro p,body[data-night=true] .room-intro .index,body[data-night=true] .scene-tag{color:#3a4849}
@media(max-width:1250px){.gesture{bottom:109px;left:22px}.view-controls{bottom:113px}.room-intro h1{font-size:25px}.room-intro{max-width:245px}.room-intro p{font-size:12px;max-width:195px}}
.room-intro{background:#eeeee5e8;padding:16px 18px;border:1px solid #ffffff70;backdrop-filter:blur(12px);border-radius:3px;max-width:246px}.room-intro h1{font-size:26px;max-width:210px}.room-intro .rule{display:none}.room-intro p{margin-bottom:0}.room-intro .index{letter-spacing:1px}body[data-view=overview] .room-intro h1{max-width:190px;font-size:27px;text-wrap:balance}
@media(max-width:720px){.room-nav{width:calc(100% - 20px);bottom:15px}.room-nav button{min-width:0;padding:9px 5px;flex:1}.room-nav button strong{font-size:10px}.room-nav button span{font-size:8px;letter-spacing:0}.room-intro{top:95px;left:18px;max-width:220px;padding:10px 13px}.room-intro h1{font-size:22px;max-width:210px;margin:5px 0}.room-intro p{font-size:11px;max-width:185px}.gesture{left:15px;bottom:93px;font-size:9px}.view-controls{bottom:97px;right:15px}.world-label{font-size:11px;padding:8px;min-height:36px}.zone-entry:after{margin-left:5px}.brand{font-size:22px}}