/* Floating navigation within the shared Orrery universe. */
body.exploring-tud > main,body.exploring-tud > .nav{visibility:hidden!important;opacity:0!important}
#tud-explorer{position:fixed;inset:0;z-index:80;color:#f4efe7;font-family:var(--font-body);pointer-events:none}
#tud-explorer[hidden],#tud-explorer [hidden]{display:none!important}
#tud-world{position:absolute;inset:0;pointer-events:auto;touch-action:none;cursor:grab}
#tud-explorer button,#tud-explorer select,#tud-explorer a{pointer-events:auto;font:inherit}
#tud-explorer button{cursor:pointer}
#tud-explorer button:focus-visible,#tud-explorer select:focus-visible,#tud-explorer a:focus-visible,#tud-world:focus-visible{outline:2px solid #efb77f;outline-offset:4px}
#tud-explorer button:disabled{opacity:.5;cursor:default}
.tud-topbar{position:absolute;top:26px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.tud-label{display:block;font:10px var(--font-mono);letter-spacing:.2em;color:#e8b382;margin-bottom:15px}
.tud-topbar nav{display:flex;align-items:center;gap:8px;font-size:12px}
.tud-topbar button,.tud-bottom button{border:1px solid #ffffff30;border-radius:24px;background:#101827cc;color:#f4efe7;padding:10px 16px;backdrop-filter:blur(14px)}
#tud-status{position:absolute;top:115px;left:32px;font:10px var(--font-mono);letter-spacing:.14em;color:#bac7d6}
.tud-dock{position:absolute;right:32px;top:140px;bottom:76px;width:280px;max-height:650px;overflow:auto;pointer-events:auto;padding:24px;border:1px solid #d9bd982b;border-radius:18px;background:linear-gradient(140deg,#111c2ae8,#090d18d9);backdrop-filter:blur(18px);box-shadow:0 20px 70px #0003;scrollbar-width:thin}
.tud-dock .eyebrow{font-size:9px;letter-spacing:.16em;color:#e8b382}
.tud-dock h2{font-size:27px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:12px 0}
.tud-dock p{color:#acb8c9;font-size:12px;line-height:1.65;margin:10px 0 20px}
.tud-dock .country-section{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff18}
.tud-dock .section-label{display:flex;justify-content:space-between;font:8px var(--font-mono);color:#acb8c9;margin-bottom:12px}
#tud-country-shortcuts{display:grid;gap:6px}
.tud-dock .country-button{display:flex;align-items:center;gap:9px;width:100%;border:1px solid #ffffff15;border-radius:8px;background:#ffffff03;color:#f4efe7;padding:10px;text-align:left;font-size:11px!important;min-height:43px}
.tud-dock .country-button i{width:6px;height:22px;border-radius:6px;background:var(--country-accent);flex:none}
.tud-dock .country-button small{margin-left:auto;color:#acb8c9;font-size:9px}
.tud-dock .country-button[aria-pressed=true],.tud-dock .country-button:hover{border-color:var(--country-accent);background:#ffffff0a}
.tud-dock label{display:block;font-size:10px;color:#acb8c9;margin-top:20px}
.tud-dock select{width:100%;padding:10px;background:#101827;border:1px solid #ffffff30;color:#f4efe7;border-radius:8px;margin-top:9px;font-size:11px!important}
.tud-dock .key{display:flex;gap:12px;font-size:8px;color:#acb8c9;margin-top:12px}
.tud-dock .key i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78523d;margin-right:4px}
.tud-dock .key .active-dot{background:#c4783e}
.tud-dock .city-card{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:14px;margin-top:10px;background:color-mix(in srgb,var(--city-accent),#101827 85%);border:1px solid var(--city-accent);border-radius:10px;color:#f4efe7}
.tud-dock .city-card strong{display:block;font-size:18px;font-weight:500}
.tud-dock .city-card small{display:block;font-size:10px;color:#c5cbd4;margin-top:6px}
#tud-city-detail{margin-top:18px}#tud-city-detail a{color:#efb77f;font-size:12px}
.tud-dock .swatches{display:flex;gap:5px;margin-bottom:14px}.tud-dock .swatches span{width:32px;height:6px;border-radius:8px}
.tud-dock .empty-state{border:1px dashed #ffffff30;padding:14px;border-radius:8px;font-size:12px;line-height:1.6;color:#acb8c9}
#tud-city-markers{position:absolute;inset:0;overflow:hidden;pointer-events:none}
#tud-explorer .city-pin{position:absolute;display:flex;align-items:center;gap:8px;transform:translate(-8px,-50%);border:1px solid #ffffff56;border-radius:24px;background:#0b1727ed;color:#f4efe7;padding:10px 15px 10px 9px;font-size:12px;white-space:nowrap;box-shadow:0 3px 22px #0008}
.city-pin .pin-dot{width:10px;height:10px;border:2px solid white;border-radius:50%;background:var(--city-accent)}
#tud-tooltip{position:absolute;padding:8px 12px;border:1px solid #ffffff25;border-radius:6px;background:#081323ed;font-size:11px}
.tud-bottom{position:absolute;bottom:24px;left:32px;right:32px;display:flex;align-items:center;gap:20px;color:#acb8c9;font:9px var(--font-mono)}
.tud-bottom a{margin-left:auto;color:#acb8c9;font-size:9px!important}
#tud-map-error{position:absolute;top:30%;left:10%;max-width:350px;padding:24px;background:#111c2a;pointer-events:auto}#tud-map-error a{color:#efb77f}
@media(max-width:700px){
 .tud-topbar{top:18px;left:16px;right:16px}.tud-label{font-size:8px;letter-spacing:.12em}.tud-topbar button{padding:9px 12px;font-size:10px!important}#tud-status{top:103px;left:16px;font-size:8px}
 .tud-dock{left:12px;right:12px;top:auto;bottom:55px;width:auto;max-height:29vh;padding:16px;border-radius:14px}
 .tud-dock h2{font-size:21px;margin:5px 0}.tud-dock p{font-size:11px;margin:7px 0 12px}.tud-dock .country-section{margin-top:13px;padding-top:12px}
 #tud-country-shortcuts{grid-template-columns:1fr 1fr}.tud-dock .country-button{font-size:10px!important;padding:8px}.tud-dock .country-button small{font-size:8px}
 .tud-bottom{left:16px;right:16px;bottom:13px;gap:8px;font-size:7px}.tud-bottom>span{max-width:145px;line-height:1.6}.tud-bottom button{font-size:9px!important;padding:8px 10px}.tud-bottom a{font-size:7px!important}
 #tud-breadcrumb{font-size:10px}
}

/* Keep the destination panel scrollable, styled like the surrounding HUD. */
.tud-dock{scrollbar-width:thin;scrollbar-color:#9b7655 #0d1521}
.tud-dock::-webkit-scrollbar{width:6px;height:6px}
.tud-dock::-webkit-scrollbar-track{background:#0d1521;border-radius:12px;margin:16px 0}
.tud-dock::-webkit-scrollbar-thumb{background:#9b7655;border:1px solid #0d1521;border-radius:12px}
.tud-dock::-webkit-scrollbar-thumb:hover{background:#d3a273}
.tud-dock::-webkit-scrollbar-corner{background:#0d1521}
#tud-explorer[data-level="city"] .country-section,#tud-explorer[data-level="city"] .key,#tud-explorer[data-level="city"] .tud-dock>label,#tud-explorer[data-level="city"] .tud-dock>select{display:none}
#tud-explorer:is([data-level="country"],[data-level="city"]) #tud-reset{border-color:#e8b38280;color:#f5c89f}
.tud-topbar{display:block}
.tud-topbar>#tud-close{position:absolute;top:0;right:0}
.tud-topbar nav{flex-wrap:wrap}
@media(max-width:700px){
 .tud-label{margin-bottom:26px}
}

#tud-explorer[data-level="city"] #tud-detail-cities{display:none}