:root {
  color-scheme: dark;
  --bg:#0d1118;
  --panel:#131a23;
  --panel2:#10161e;
  --text:#f4efe5;
  --muted:#aca89f;
  --line:rgba(255,255,255,.13);
  --gold:#e6c66f;
  --blue:#608fd1;
  --land:#262f3a;
  --land-hi:#e0bb5e;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:ui-rounded,"SF Pro Rounded","Avenir Next",Avenir,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}
button,select,input{color:var(--text)}
button{cursor:pointer}
#app{min-height:100vh;padding:max(24px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));background:radial-gradient(circle at 17% 8%,rgba(230,198,111,.09),transparent 25%),radial-gradient(circle at 83% 60%,rgba(96,143,209,.08),transparent 28%),linear-gradient(160deg,#0d1118,#131a23 55%,#0b0f15)}
.masthead{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}
.brand{display:flex;align-items:center;gap:18px;min-width:0}.brand-logo{width:82px;height:auto;flex:0 0 auto;filter:drop-shadow(0 3px 14px rgba(0,0,0,.26))}.brand-copy{min-width:0}.eyebrow{color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.brand h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.04em;margin:.12em 0 .15em}.brand p{margin:0;color:var(--muted);font-size:.95rem}
.summary{max-width:360px;text-align:right;color:var(--muted);font-size:.84rem;line-height:1.45;padding-top:8px}.summary strong{color:var(--text);font-size:1.05rem}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.segmented{display:flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035)}.segmented button,.toolbar>button{min-height:42px;border:0;border-radius:999px;background:transparent;padding:8px 15px}.segmented button.active{background:rgba(230,198,111,.15);color:#f4d989}.toolbar>button{border:1px solid var(--line);background:rgba(255,255,255,.04)}.scope-control,.search-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem}.scope-control select,.search-control input{min-height:42px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.045);padding:8px 14px;outline:none}.search-control{margin-left:auto}.search-control input{width:min(240px,42vw);font-size:16px}.scope-control select:focus,.search-control input:focus,button:focus-visible{outline:3px solid rgba(230,198,111,.5);outline-offset:2px}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:16px;align-items:stretch}.map-panel,.detail-panel{border:1px solid var(--line);border-radius:22px;background:rgba(15,21,29,.78);box-shadow:0 18px 50px rgba(0,0,0,.2);overflow:hidden}.map-panel{padding:14px 14px 12px;position:relative}.map-wrap{min-height:520px;width:100%;position:relative}.map-wrap svg{display:block;width:100%;height:auto;max-height:68vh}.map-wrap path.country,.map-wrap path.state{stroke:rgba(255,255,255,.18);stroke-width:.55;vector-effect:non-scaling-stroke;transition:fill .2s ease,opacity .2s ease,stroke .2s ease;cursor:pointer}.map-wrap path.unmapped{fill:#242d37;opacity:.8;cursor:default}.map-wrap path.mapped:hover,.map-wrap path.mapped.selected{stroke:#fff0c2;stroke-width:1.5}.region-dot{stroke:#f8e6ad;stroke-width:1.2;fill:rgba(230,198,111,.82);cursor:pointer;transition:opacity .2s ease,stroke-width .2s ease}.region-dot:hover,.region-dot.selected{stroke:#fff;stroke-width:2.2}.country-dot{stroke:#fff0c2;stroke-width:1.2;fill:#e0bb5e;cursor:pointer;transition:opacity .2s ease,stroke-width .2s ease}.country-dot:hover,.country-dot.selected{stroke:#fff;stroke-width:2.2}.region-label{font-size:10px;fill:#f1eee7;pointer-events:none;text-shadow:0 1px 3px #000}.loading{position:absolute;inset:42% 0 auto;text-align:center;color:var(--muted);z-index:2}.legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted);font-size:.72rem;margin-top:4px}.gradient{width:110px;height:8px;border-radius:999px;background:linear-gradient(90deg,#303b48,#746a49,#e0bb5e)}.map-note{margin:9px 4px 0;color:var(--muted);font-size:.7rem;line-height:1.4}
.detail-panel{padding:22px;min-width:0;position:relative}.detail-kicker{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:700}.detail-panel h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1;margin:.24em 0 .35em;font-weight:500}.detail-panel p{color:var(--muted);line-height:1.5}.detail-count{color:var(--muted);font-size:.85rem;margin-bottom:14px}.close-detail{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:transparent;font-size:2rem;color:var(--muted)}.record-list{display:flex;flex-direction:column;gap:8px;max-height:540px;overflow:auto;padding-right:4px}.record{padding:10px 0 11px;border-bottom:1px solid var(--line)}.record:last-child{border-bottom:0}.record-title{font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;line-height:1.18}.record-meta{color:var(--muted);font-size:.76rem;line-height:1.35;margin-top:4px}.top-places{display:grid;gap:7px;margin-top:20px}.place-chip{display:flex;justify-content:space-between;gap:12px;text-align:left;width:100%;min-height:43px;padding:9px 11px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.place-chip span:last-child{color:var(--gold)}.hidden{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.68rem;line-height:1.4;padding:12px 4px 0}
@media(max-width:900px){.atlas-layout{grid-template-columns:1fr}.map-wrap{min-height:420px}.record-list{max-height:none}.summary{display:none}}
@media(max-width:620px){#app{padding:18px 12px 28px}.masthead{margin-bottom:14px}.brand{gap:10px}.brand-logo{width:50px}.eyebrow{font-size:.56rem;letter-spacing:.12em}.brand h1{font-size:clamp(1.55rem,7vw,2.4rem)}.brand p{font-size:.76rem}.toolbar{gap:8px}.scope-control{order:3;width:100%;justify-content:space-between}.scope-control select{flex:1}.search-control{order:4;width:100%;margin-left:0}.search-control input{width:100%}.map-panel{padding:8px;border-radius:16px}.map-wrap{min-height:310px}.map-wrap svg{max-height:none}.detail-panel{border-radius:16px;padding:18px}.region-label{display:none}.legend{justify-content:center}.map-note{font-size:.66rem}footer{flex-direction:column;gap:3px}}
@media(prefers-reduced-motion:reduce){.map-wrap path.country,.map-wrap path.state,.region-dot{transition:none}}