:root{--wine:#a34752;--wine-light:#d58a91;--cream:#f5eee4;--ink:#111612;--muted:#aeb9b2;--glass:rgba(11,19,17,.72);--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030807;color:var(--cream);font-family:"DM Sans",sans-serif}button,input{font:inherit}button{color:inherit}#globe{position:fixed;inset:0;cursor:grab}#globe:active{cursor:grabbing}canvas{display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 49% 50%,transparent 35%,rgba(0,4,3,.14) 62%,rgba(0,3,2,.82) 110%)}.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar{position:fixed;z-index:10;top:22px;left:30px;right:30px;height:66px;border-radius:6px;display:grid;grid-template-columns:260px minmax(280px,560px) 1fr;align-items:center;padding:0 15px 0 22px}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-family:"Playfair Display";font-size:17px}.brand strong{display:block;letter-spacing:.18em;font-size:13px}.brand small{display:block;margin-top:3px;color:#97a39d;font-family:"Playfair Display";font-style:italic;font-size:10px;letter-spacing:.08em}.search{position:relative;height:42px;border-left:1px solid var(--line);border-right:1px solid var(--line);display:flex;align-items:center;padding:0 17px;gap:12px}.search svg,.icon-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.5}.search input{width:100%;background:none;border:0;outline:0;color:#fff;font-size:13px}.search input::placeholder{color:#87938d}.search kbd{font-size:10px;color:#78837d;border:1px solid var(--line);padding:3px 6px;border-radius:4px}.icon-button{justify-self:end;background:none;border:0;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.search-results{position:absolute;top:51px;left:0;right:0;background:rgba(8,14,12,.96);border:1px solid var(--line);border-radius:6px;padding:6px;box-shadow:0 20px 50px #000}.search-result{width:100%;border:0;background:none;text-align:left;padding:11px;border-radius:4px;display:flex;justify-content:space-between;cursor:pointer}.search-result:hover,.search-result.active{background:rgba(163,71,82,.25)}.search-result small{color:var(--muted)}
.intro{position:fixed;z-index:4;left:8%;top:48%;transform:translateY(-50%);pointer-events:none;text-shadow:0 2px 18px #000;transition:opacity .8s,transform .8s}.intro.hidden{opacity:0;transform:translate(-20px,-50%)}.intro p{font-size:10px;letter-spacing:.3em;color:#d7b6ab}.intro h1{font-family:"Playfair Display";font-size:clamp(44px,5vw,72px);line-height:1.02;font-weight:600;margin:15px 0 24px}.intro h1 em{color:#c68987;font-weight:400}.intro span{font-size:11px;letter-spacing:.08em;color:#9aa69f}
.layers-panel{position:fixed;z-index:12;right:30px;top:98px;width:290px;border-radius:6px;padding:19px;transform:translateX(340px);opacity:0;transition:.35s}.layers-panel.open{transform:none;opacity:1}.panel-heading{font-size:10px;letter-spacing:.2em;color:#b5c0b9;display:flex;justify-content:space-between;margin-bottom:13px}.panel-heading button,.sidebar-close{border:0;background:none;font-size:20px;cursor:pointer}.layer-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid rgba(255,255,255,.07);font-size:12px}.switch{width:31px;height:17px;border-radius:10px;background:#39413e;padding:2px;cursor:pointer;transition:.2s}.switch::after{content:"";display:block;width:13px;height:13px;border-radius:50%;background:white;transition:.2s}.switch.on{background:var(--wine)}.switch.on::after{transform:translateX(14px)}.legend{border-top:1px solid var(--line);margin-top:9px;padding-top:15px;font-size:10px;color:#8f9a94}.legend-line{display:flex;align-items:center;gap:8px;margin-top:9px}.legend-line i{width:45px;height:2px;background:linear-gradient(90deg,#6f3038,var(--wine-light))}.legend-line b{color:#ddd;font-weight:500}
.sidebar{position:fixed;z-index:15;right:0;top:0;height:100%;width:min(430px,100%);background:rgba(8,13,11,.96);box-shadow:-20px 0 70px rgba(0,0,0,.5);transform:translateX(105%);transition:transform .5s cubic-bezier(.2,.8,.2,1);overflow:auto}.sidebar.open{transform:none}.sidebar-close{position:absolute;z-index:2;right:20px;top:20px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.5)}.hero-image{height:220px;background-size:cover;background-position:center;position:relative}.hero-image::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#080d0b)}.sidebar-body{padding:0 32px 40px;margin-top:-12px;position:relative}.eyebrow{color:#c98b90;font-size:9px;letter-spacing:.24em}.sidebar h2{font-family:"Playfair Display";font-size:40px;margin:7px 0}.location{font-size:12px;color:#9ba69f}.stats{display:grid;grid-template-columns:1fr 1fr;margin:26px 0;border:1px solid var(--line);border-width:1px 0}.stat{padding:15px 0}.stat:nth-child(even){padding-left:19px;border-left:1px solid var(--line)}.stat small{display:block;color:#89958e;font-size:9px;letter-spacing:.15em}.stat b{font-family:"Playfair Display";font-size:20px;font-weight:400}.detail h3{font-size:10px;letter-spacing:.18em;color:#c5cec9;margin-top:25px}.detail p{font-size:12px;line-height:1.7;color:#aab5ae}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{border:1px solid rgba(199,137,144,.4);color:#e0b3b7;padding:6px 9px;border-radius:20px;font-size:10px}.official{display:inline-block;margin-top:25px;color:#e8d8ce;font-size:11px;text-decoration:none;border-bottom:1px solid var(--wine);padding-bottom:4px}
.hud{position:fixed;z-index:8;bottom:24px;left:30px;right:30px;display:flex;align-items:end;pointer-events:none}.coordinates{font-size:11px;letter-spacing:.12em}.coordinates small{display:block;color:#6f7c75;font-size:8px;margin-top:5px}.zoom-control{pointer-events:auto;margin-left:auto;display:flex;align-items:center;border-radius:5px}.zoom-control button{border:0;background:none;width:38px;height:38px;cursor:pointer}.zoom-control i{height:17px;width:1px;background:var(--line)}.compass{pointer-events:auto;margin-left:10px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border-radius:50%;cursor:pointer}.compass b{color:#d99ba1;font-size:8px;position:absolute;transform:translateY(-13px)}.compass span{font-size:22px}.tooltip{position:fixed;z-index:20;pointer-events:none;background:#e9e1d7;color:#1a1e1a;padding:7px 10px;border-radius:3px;font-size:11px;opacity:0;transform:translate(12px,12px);transition:opacity .15s}.loading{position:fixed;z-index:100;inset:0;background:#050a08;display:grid;place-content:center;text-align:center;gap:14px;transition:opacity .7s}.loading.hidden{opacity:0;pointer-events:none}.loading span{font-family:"Playfair Display";font-style:italic;color:#a9b3ad}.grape{color:var(--wine);font-size:30px;animation:pulse 1s infinite alternate}@keyframes pulse{to{transform:scale(1.35);opacity:.55}}
@media(max-width:760px){.topbar{left:12px;right:12px;top:12px;grid-template-columns:52px 1fr 42px;padding-left:10px}.brand>span:last-child{display:none}.intro{left:25px;top:54%}.intro h1{font-size:43px}.layers-panel{right:12px;top:88px}.hud{left:15px;right:15px}.coordinates{display:none}.sidebar{width:100%}.search kbd{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}