/* Desktop world: a continuous field, readable landmarks and direct destinations. */
.architecture-world[hidden] { display:none!important; }
.world-spatial-nav { position:absolute;top:18px;left:50%;transform:translateX(-50%);z-index:12;display:flex;gap:4px;padding:5px;border:1px solid #52796b;border-radius:28px;background:#061b16ed;box-shadow:0 8px 30px #0004; }
.world-spatial-nav button { min-height:44px;padding:9px 17px;border:1px solid transparent;border-radius:22px;background:transparent;color:#c8e4d7;font:500 .875rem/1.3 var(--sans,sans-serif);white-space:nowrap;cursor:pointer; }
.world-spatial-nav button[aria-pressed=true] { background:#caeddb;color:#10372c;border-color:#caeddb; }
.world-spatial-nav button:hover { border-color:#84b79e; }
.world-spatial-readout { position:absolute;bottom:18px;left:24px;margin:0;z-index:4;pointer-events:none;color:#c3d9cf;font:400 .875rem/1.5 var(--sans,sans-serif);padding:7px 12px;border-left:2px solid #87bda1;background:#061a14df; }
.world-reading .world-spatial-nav,.world-reading .world-spatial-readout { display:none; }
.world-expanded:not(.world-reading) .world-info { display:none; }
.architecture-world.world-expanded .world-workspace { display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto; }
.architecture-world.world-expanded .world-workspace .world-viewport { margin:0;grid-column:1;grid-row:1;min-width:0;min-height:0; }
.architecture-world.world-expanded .world-workspace>.world-tools { grid-row:2;grid-column:1;position:relative;inset:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:auto;max-width:none;padding:10px 18px;background:#061b14;border-top:1px solid #365d4d; }
.world-expanded .world-tools .world-more-controls { display:block; }
.world-expanded .world-more-panel { left:0;right:auto;bottom:calc(100% + 12px); }
.world-tools .world-sound-control { width:auto;padding:0 14px;font-size:.875rem;border-radius:22px; }
.world-expanded .world-map-status { top:88px;left:20px;max-width:280px;background:#061b16e8; }
.world-expanded .world-map-status>span { display:none; }
.world-expanded .world-city { font-size:.875rem;background:#08231dea; }
.world-expanded .world-orbit-hint { display:block;position:absolute;bottom:18px;right:24px;left:auto;max-width:45%;margin:0;font-size:.875rem;color:#c3d9cf; }
.world-expanded .world-node { box-shadow:0 5px 22px #0004; }
.world-expanded .world-node small { font-size:.75rem; }
.world-spatial-nav:focus-within { z-index:14; }
.world-section-view .world-spatial-readout { border-color:#b5e8d0; }
.world-fallback { z-index:20;background:#08241c;padding:24px;max-width:440px;font-size:1rem;line-height:1.7; }
.world-fallback a { color:#cbefd9;text-decoration:underline; }
.world-guide-modules { border-top:1px solid #446a57;margin-top:16px;padding-top:10px; }
.world-sound-mixer { position:relative;display:block; }
.world-tools .world-sound-mixer summary { width:auto;display:flex;gap:8px;padding:0 14px;border:1px solid #52796b;border-radius:24px;color:#d2e9dc; }
.world-sound-mixer summary::after { content:'Mixer';font:500 .875rem var(--sans,sans-serif); }
.world-sound-mixer .settings-panel { position:fixed;z-index:90;top:auto;bottom:82px;right:20px;width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 118px);padding:22px;gap:11px;box-sizing:border-box;border-color:#5c8874; }
.world-tools .settings-panel button { width:100%;height:auto;border-radius:7px;font-size:.875rem;padding:10px 12px; }
.settings-panel select { width:100%;min-height:44px;border:1px solid #567864;border-radius:6px;padding:8px 12px;background:#0d2b20;color:#d5eedf;font:inherit;color-scheme:dark; }
.settings-panel .audio-profile-label { margin-top:4px; }
.settings-panel .audio-caption { font-size:.8125rem;line-height:1.5;color:#a8c4b5; }
.settings-panel strong { letter-spacing:-.025em; }
.world-spatial-nav { backdrop-filter:blur(12px); }
.world-spatial-nav button,.world-tools button,.world-city { transition:background-color .16s ease,border-color .16s ease; }
.world-expanded .world-spatial-readout { color:#aac8b9;border-color:#64987e;background:#061a14c9; }
.world-expanded .world-city { border-color:#436b57;box-shadow:0 3px 16px #0002; }
.world-expanded .world-city-issue,.world-expanded .world-city-break { border-color:#c49a65; }
.world-expanded .world-city-core { border-color:#a7d8bc; }
.world-tools .world-sound-control { min-width:90px;white-space:nowrap; }
@media(prefers-reduced-motion:reduce) { .world-spatial-nav button,.world-tools button,.world-city { transition:none; } }
@media(max-width:760px), (max-width:1024px) and (pointer:coarse) {
 .world-spatial-nav { top:10px;width:calc(100% - 24px);max-width:510px;border-radius:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box; }
 .world-spatial-nav button { padding:7px 8px;min-height:44px;white-space:normal;border-radius:8px; }
 .world-spatial-readout { left:12px;right:12px;bottom:10px;font-size:.8125rem; }
 .world-expanded .world-map-status { top:120px;left:12px;max-width:calc(100% - 24px); }
 .world-expanded .world-orbit-hint { display:none; }
 .architecture-world.world-expanded .world-workspace>.world-tools { padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:6px; }
 .world-expanded .world-tools .world-sound-control { display:block;min-width:80px; }
 .world-sound-mixer .settings-panel { left:16px;right:16px;bottom:160px;width:auto;max-height:calc(100dvh - 182px); }
 .world-expanded .world-touch-hint { display:none; }
}
@media(max-height:540px) and (min-width:600px) {
 .world-spatial-nav { top:8px;display:flex;width:auto;max-width:none; }
 .world-spatial-nav button { min-height:38px;font-size:.8125rem; }
 .world-expanded .world-map-status { top:65px; }
 .world-spatial-readout,.world-expanded .world-orbit-hint { display:none; }
}
