/* Shared, compact destination cards and a responsive 3D game shell. */
dialog{overscroll-behavior:contain}dialog::backdrop{background:#20172b80;backdrop-filter:blur(5px)}
.venue-hub,.community-gallery{font-size:14px;line-height:1.5;padding:22px!important;max-height:82dvh!important}
.venue-hub h2,.community-gallery h1{font-size:23px;margin:0 0 14px}.venue-hub h3,.community-gallery h2{font-size:17px}
.venue-hub article,.community-gallery article{padding:14px!important;border:1px solid #e5dcd0;border-radius:14px;background:#fff;margin:12px 0}
body:has(#scene) header{top:12px;left:14px;right:14px;z-index:10;max-width:1200px;margin:auto}
body:has(#scene) header>div{padding:10px 16px}body:has(#scene) header b{font-size:20px}
body:has(#scene) .progress-hud{top:12px!important;right:14px!important;font-size:12px;z-index:11;padding:8px 12px!important}
body:has(#scene) .progress-hud button{padding:8px 12px;font-size:12px}
body:has(#scene) #detail{top:88px;left:14px;width:225px;padding:14px;z-index:5}
body:has(#scene) .controls{left:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:8px;gap:6px;z-index:20;max-width:calc(100vw - 28px)}
body:has(#scene) button,body:has(#scene) summary{font-size:13px;line-height:1.3}
body:has(#scene) #explore-options{bottom:55px;width:250px;max-height:65dvh;padding:12px;box-shadow:0 12px 40px #20172b30}
body:has(#scene) .community-launchers{display:none}
body:has(#scene) .room-activities{top:82px!important;right:14px!important;width:320px!important;max-height:calc(100dvh - 220px)!important;z-index:15;padding:16px!important;font-size:13px;line-height:1.5}
.room-activities h2{font-size:20px}.room-activities p{overflow-wrap:anywhere}.room-activities button{padding:10px 12px!important}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e6b454;outline-offset:3px}
@media(max-width:600px){
 body:has(#scene) header{top:10px;left:10px}body:has(#scene) header small{letter-spacing:.7px;font-size:8px}
 body:has(#scene) .progress-hud{top:65px!important;left:10px!important;right:10px!important;justify-content:space-between}
 body:has(#scene) .controls{left:10px;max-width:calc(100vw - 20px)}body:has(#scene) .controls button{padding:9px 11px}
 body:has(#scene) .room-activities{top:116px!important;left:10px!important;right:10px!important;width:auto!important;max-height:42dvh!important;padding:14px!important}
 .venue-hub,.community-gallery{width:calc(100vw - 20px)!important;padding:18px!important}.venue-hub h2,.community-gallery h1{font-size:21px}
}