/* Landscape first: restrained editorial controls around a full-scale architectural view. */
.hero{height:100svh;min-height:880px;max-height:1200px}.hero.realm-focused{height:100svh;min-height:880px}
.nav-shell{background:linear-gradient(#0b1823e8,#0b182340);border-bottom:1px solid #d5d4c314;backdrop-filter:blur(8px)}
.nav-shell .nav-join{border-color:#dbd1b24a;background:transparent}.nav-shell .brand span{font-weight:600}
.cinema-active .hero-shade,.night-mode .cinema-active .hero-shade{background:linear-gradient(90deg,#0b1828dd 0%,#0b18288a 24%,transparent 55%),linear-gradient(0deg,#081724ed,transparent 28%)}
.cinema-active #realm-panel{top:27%;left:6%;width:310px}.cinema-active #realm-art,.cinema-active #realm-art-caption,.cinema-active #realm-address,.cinema-active .region-detail{display:none!important}
.cinema-active .realm-heading{display:block;margin:20px 0}.cinema-active .realm-heading h2{font-size:48px;font-weight:500;letter-spacing:-2.5px;line-height:1.22;word-break:keep-all;text-shadow:0 2px 28px #0a182a80}.cinema-active .realm-heading>span{display:inline-block;margin-top:18px;border-radius:0;border:0;border-left:1px solid #b6c8c4;padding:0 0 0 10px;font-size:10px;color:#b6c8c4}
.cinema-active #realm-code{font-size:9px;letter-spacing:2.2px;color:#cebda0}.cinema-active #realm-intro{font-size:14px;line-height:1.95;color:#b6c4c5;max-width:280px}.cinema-active .region-list-label{margin:42px 0 10px;color:#ddd6c6;font-size:10px;letter-spacing:1px}
.cinema-active .region-list{display:block;max-width:260px}.cinema-active .region-list button{display:flex;align-items:center;gap:20px;width:100%;border:0;border-bottom:1px solid #c1c9bf26;border-radius:0;padding:14px 0;background:transparent;min-height:48px;color:#c7d3cf;transition:color .2s,padding .2s}.cinema-active .region-list b{font-size:8px;margin:0;color:#b7a782}.cinema-active .region-list span{font-size:12px;letter-spacing:.2px}.cinema-active .region-list button:after{content:'↗';margin-left:auto;color:#b7a782;font-size:13px}.cinema-active .region-list button:hover{padding-left:8px;color:#fff}
.hero #system-return{top:124px;left:6%;background:transparent;border:0;border-radius:0;padding:10px 0;letter-spacing:.8px;color:#c3c8c3;font-size:10px}
.scene-tools{right:5%;top:116px}.scene-tools button{border:1px solid #ccd1c125;background:#10232c60;backdrop-filter:blur(10px);font-size:9px;height:37px;padding:10px 13px;border-radius:2px}
.hero-bottom{left:6%;right:6%;bottom:28px;display:block!important}.scene-selector{display:flex;justify-content:space-between;border:0;border-top:1px solid #c2c5ae3d;border-radius:0;padding:0;background:transparent;backdrop-filter:none;overflow-x:auto;gap:0}.scene-selector button{position:relative;flex:1;min-height:69px;padding:20px 14px 12px;border-radius:0;background:transparent!important;color:#879d9f!important;font-size:11px;white-space:nowrap;border:0;text-align:left}.scene-selector button[aria-pressed=true]{color:#f0e6ce!important;box-shadow:inset 0 1px #ddc599}.scene-selector button:hover{color:#e4ddc9!important}.scene-selector button:first-child{flex:.8}.scene-selector small{font-size:7px;letter-spacing:1px;margin-top:5px}.hero-bottom #scene-status{position:absolute;right:0;top:-25px;max-width:none;font-size:8px;letter-spacing:.6px;color:#849c9f}
#world-study{position:absolute;bottom:142px;right:6%;font-size:9px;letter-spacing:.5px;color:#bdc9c8;z-index:3;text-align:right;pointer-events:none}#world-study span{display:block;margin-top:7px;color:#7d9398;font-size:8px}
.cinema-active .region-marker{font-size:9px;gap:9px;opacity:.78;transition:opacity .2s}.cinema-active .region-marker b{background:#16303b88;border:1px solid #d9dac575;border-radius:0;transform:rotate(45deg);width:23px;height:23px;box-shadow:none;font-size:7px;color:#eee1bd}.cinema-active .region-marker span{background:#10242a88;color:#d4d5c8;font-size:9px;border-radius:0;padding:7px 10px;backdrop-filter:blur(5px)}.cinema-active .region-marker:hover{opacity:1}.cinema-active .region-marker:hover b{box-shadow:0 0 20px #e0eee833;transform:rotate(45deg)}
.hero .scene-fallback{content:url('cinematic-poster-v15.jpg')}.system-invite{background:#d8c9ab;border-radius:1px;box-shadow:none}.system-invite:before{display:none}.hero h1 em{color:#ddd0ad}.ticker{display:none}.world-card .voxel-icon{display:none}.world-card{border-radius:2px}.region-scene-caption #region-scene-title{font-weight:500}.scene-region-nav{border-radius:2px}.scene-region-nav button{border-radius:1px}.scene-region-nav button[aria-pressed=true]{background:#d1c09f}
.scene-unavailable .cinema-active .region-detail{display:block!important}.scene-unavailable #world-study{display:none}
@media(max-width:1100px) and (min-width:761px){.cinema-active #realm-panel{width:260px;left:5%;top:25%}.cinema-active .realm-heading h2{font-size:39px}.cinema-active #realm-intro{font-size:12px}.scene-selector button{padding:17px 9px 10px;font-size:10px}}
@media(max-width:760px){.hero,.hero.realm-focused{height:1100px;min-height:1100px}.scene-tools{top:91px;right:20px}.scene-tools button{height:35px;min-height:35px;padding:8px 11px}.hero #system-return{top:91px;left:24px;font-size:9px}.cinema-active #realm-panel{left:24px;right:24px;top:170px;width:auto}.cinema-active .realm-heading{margin:12px 0 9px;display:flex;align-items:center;gap:14px}.cinema-active .realm-heading h2{font-size:34px;letter-spacing:-1.6px}.cinema-active .realm-heading>span{font-size:8px;margin:0}.cinema-active #realm-intro{font-size:11px;max-width:300px;line-height:1.8}.cinema-active #realm-code{font-size:7px}.cinema-active .region-list-label{margin:20px 0 6px;font-size:8px}.cinema-active .region-list{display:flex;gap:13px;max-width:none}.cinema-active .region-list button{min-height:45px;gap:7px;padding:10px 0;flex:1;justify-content:space-between}.cinema-active .region-list span{font-size:8px}.cinema-active .region-list b{font-size:6px}.cinema-active .region-list button:after{font-size:10px}.cinema-active .region-marker span{font-size:7px;padding:5px}.cinema-active .region-marker b{width:18px;height:18px;font-size:6px}.hero-bottom{left:24px;right:24px;bottom:22px}.scene-selector{gap:20px}.scene-selector button{flex:none;min-width:80px;font-size:9px;padding:16px 0 6px;min-height:62px}.hero-bottom #scene-status{font-size:7px;top:-25px}#world-study{bottom:134px;right:24px;font-size:8px}#world-study span{font-size:7px}.cinema-active .hero-shade,.night-mode .cinema-active .hero-shade{background:linear-gradient(180deg,#0b1827d0,transparent 48%,transparent 70%,#081724 93%)}.hero .scene-fallback{content:url('cinematic-mobile-poster-v15.jpg')}}