/* ═══════════════════════════════════════════════════════════════════
   THE CITY — styles for lunara-city.js
   The register drawn as a city at night, full-bleed inside whatever
   column the page gives it. */
html,body{overflow-x:clip}
.lx-cityband{
  position:relative;isolation:isolate;overflow:hidden;
  width:100vw;margin:clamp(28px,4vw,48px) 0 clamp(28px,4vw,48px) calc(50% - 50vw);
  height:560px;
  background:linear-gradient(180deg,#06070A 0%,#080A0F 40%,#0B0E15 72%,#06070A 100%);
  border-top:1px solid rgba(214,222,234,.07);border-bottom:1px solid rgba(214,222,234,.07);
}
.lx-cityband #city-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.lx-cityband-copy{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:64px clamp(24px,5vw,64px) 0}
.lx-cityband-copy .k{
  font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#C4A46B;
}
.lx-cityband-copy .t{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:44px;line-height:1.08;color:#EFEAE0;margin:16px 0 0;max-width:13em;
}
.lx-cityband-copy .t em{font-style:italic;color:#E2C47A}
.lx-cityband-copy .s{font-family:'Inter',system-ui,sans-serif;font-weight:300;font-size:15px;line-height:1.7;color:#A49E93;max-width:34em;margin:16px 0 0}
.lx-cityband-copy .s b{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-weight:500;font-size:13.5px;color:#EFEAE0}
.lx-cityband-copy #city-out{font-family:'Inter',system-ui,sans-serif;font-weight:300;font-size:13.5px;line-height:1.6;color:#B9B3A8;max-width:32em;margin:12px 0 0;min-height:44px}
.lx-cityband-copy #city-out b{font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-weight:500;color:#EFEAE0;font-size:12.5px}
.city-label{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));
  font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.04em;white-space:nowrap;padding:7px 11px;border-radius:3px;
  background:rgba(8,10,14,.9);border:1px solid rgba(214,222,234,.12);color:#EFEAE0;opacity:0;transition:opacity .4s ease}
.city-label.on{opacity:1}
.city-label em{font-style:normal;color:#8D887F;margin-left:8px}
.city-legend{position:absolute;z-index:2;right:clamp(24px,5vw,64px);bottom:22px;display:flex;gap:22px;margin:0;
  font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8D887F}
.city-legend span{display:flex;align-items:center;gap:8px}
.city-legend i{width:8px;height:11px;border-radius:1px;display:block}