:root{color:#e4e1cf;font-synthesis:none;--ink:#e4e1cf;--muted:#a4a596;--paper:#141722f5;--line:#414552;--gold:#e5bb54;--shadow:0 0 0 2px #0c0e15,0 0 0 3px #696c70,4px 4px 0 #11131d66;background:#9da98f;font-family:Lucida Console,Monaco,Courier New,monospace}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#52586b #171b28}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:hover{color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}svg{flex-shrink:0;width:20px;height:20px}a{color:inherit}button:disabled{opacity:.4;cursor:wait}[hidden]{display:none!important}#app,#map{width:100vw;height:100dvh}#map{touch-action:none;outline:none;position:fixed;inset:0}#map canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.brand{background:var(--paper);box-shadow:var(--shadow);padding:10px;font-size:11px;position:fixed;top:15px;left:14px}.brand a{letter-spacing:.06em;align-items:center;gap:7px;font-weight:700;text-decoration:none;display:flex}.brand span:last-child{color:var(--muted);font-weight:400}.live-dot{background:#91b472;width:6px;height:6px;display:block}.location-bar{background:var(--paper);box-shadow:var(--shadow);text-align:center;z-index:2;min-width:250px;position:fixed;top:15px;left:50%;transform:translate(-50%)}.location-bar button{width:100%;padding:10px 18px}.location-bar h1{letter-spacing:.03em;color:var(--gold);margin:0 0 5px;font-size:16px;font-weight:700}.location-bar span{color:var(--muted);font-size:11px}.location-bar svg{vertical-align:middle;width:11px;height:11px;margin-left:7px;transform:rotate(90deg)}.top-actions{background:var(--paper);box-shadow:var(--shadow);z-index:3;gap:7px;padding:7px;display:flex;position:fixed;top:15px;right:15px}.icon-button{background:#282d40;border:2px solid #080a10;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:inset 1px 1px #687087,inset -1px -1px #171c2a}.icon-button:hover,.icon-button[aria-expanded=true]{color:var(--gold);background:#363c50}.panel{background:var(--paper);box-shadow:var(--shadow);z-index:4;border:1px solid #414552;width:340px;max-height:calc(100dvh - 130px);padding:20px;position:fixed;overflow:auto}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-heading h2{color:var(--gold);letter-spacing:.05em;margin:0;font-size:13px;font-weight:700}.panel-heading .icon-button{width:30px;height:30px}.panel-heading svg{width:15px;height:15px}.explore{width:340px;top:91px;left:50%;transform:translate(-50%)}.place{text-align:left;background:#262b3c;border:1px solid #454958;align-items:center;gap:12px;width:100%;margin:7px 0;padding:15px 10px;display:flex;box-shadow:inset 1px 1px #596174}.place:hover,.place.selected{border-color:var(--gold);color:var(--gold)}.place-number{color:var(--gold);font-size:10px}.place-copy{flex:1;font-size:12px}.place svg{width:14px;height:14px}.settings{top:100px;left:50%;transform:translate(-50%)}.light-panel{top:86px;right:15px}.range-label{justify-content:space-between;gap:15px;margin:19px 0 12px;font-size:12px;display:flex}.range-label output{color:var(--gold);white-space:nowrap}input[type=range]{width:100%;accent-color:var(--gold)}select{width:100%;color:var(--ink);font:inherit;background:#282d40;border:1px solid #667088;border-radius:0;padding:10px;font-size:12px}.toggles{flex-direction:column;gap:16px;padding-top:22px;font-size:12px;display:flex}.toggles label{align-items:center;gap:10px;display:flex}.toggles input{accent-color:var(--gold);width:16px;height:16px}.panel-note{color:var(--muted);margin:18px 0 0;font-size:11px;line-height:1.7}.selection{width:305px;max-height:60dvh;bottom:70px;left:16px}.eyebrow{letter-spacing:.04em;color:var(--gold);font-size:10px}.selection h2{color:var(--gold);margin:10px 0 14px;font-size:19px;line-height:1.3}.selection p{color:#d5d3c4;font-size:12px;line-height:1.7}.source-tag{border-top:1px dashed var(--line);color:var(--muted);padding-top:12px;font-size:11px;line-height:1.6;display:block}.building-links{flex-direction:column;gap:9px;padding-top:16px;display:flex}.building-links a{color:var(--gold);text-underline-offset:3px;font-size:10px;line-height:1.5}.navigation{flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:49px;right:16px}.toolbar{background:var(--paper);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:7px;padding:7px;display:flex}.toolbar .icon-button{width:34px;height:34px}.zoom-label{color:var(--muted);text-align:center;font-size:10px}.divider{background:var(--line);width:25px;height:1px;margin:1px 0}.view-tabs{background:var(--paper);box-shadow:var(--shadow);gap:5px;padding:5px;display:flex;position:fixed;bottom:42px;left:50%;transform:translate(-50%)}.view-tabs button{background:#272c3e;border:1px solid #4a5265;padding:10px 12px;font-size:11px}.view-tabs button.active{background:var(--gold);color:#151722;border-color:#ffdb80;font-weight:700;box-shadow:inset 1px 1px #fff0a5}.gesture-hint{background:var(--paper);box-shadow:var(--shadow);color:var(--muted);margin:0;padding:7px 10px;font-size:9px;position:fixed;bottom:8px;right:16px}.gesture-hint b{color:var(--gold);font-weight:400}.compass{color:#18221b;text-shadow:0 1px #dae0d2;pointer-events:none;flex-direction:column;align-items:center;font-size:10px;display:flex;position:fixed;bottom:345px;right:27px}.compass div{font-size:26px;line-height:1}.compass span{font-weight:700}footer{color:#e5e4d6;background:var(--paper);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:5px;max-width:calc(100vw - 360px);padding:7px 10px;font-size:9px;display:flex;position:fixed;bottom:8px;left:16px}footer button{text-align:left;color:var(--muted);padding:0;font-size:9px}#counts{font-size:9px}.landmark-pins{pointer-events:none;position:absolute;inset:0;overflow:hidden}.landmark-pin{pointer-events:auto;color:#171923;z-index:1;clip-path:polygon(0 0,100% 0,100% 84%,60% 84%,50% 100%,40% 84%,0 84%);background:#e3b64f;border:2px solid #292b2e;width:23px;height:25px;padding:0;font:700 13px Courier New,monospace;position:absolute;transform:translate(-50%,-100%);box-shadow:inset 1px 1px #fff0a5,2px 2px #11111170}.landmark-pin:hover{color:#171923;background:#ffe293;transform:translate(-50%,-100%)scale(1.15)}#loading{z-index:10;text-align:center;background:#151923f5;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#loading h2{color:var(--gold);margin:24px 0 8px;font-size:22px}#loading p{color:var(--muted);max-width:480px;font-size:12px;line-height:1.8}.loading-mark{border:4px solid #42485a;border-top-color:var(--gold);width:28px;height:28px;animation:2s steps(8,end) infinite loading}@keyframes loading{to{transform:rotate(360deg)}}#retry{border:1px solid var(--gold);padding:12px 18px}#toast{background:var(--paper);color:var(--gold);box-shadow:var(--shadow);z-index:9;max-width:90vw;padding:15px 20px;font-size:12px;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}dialog{color:var(--ink);width:min(580px,100vw - 32px);max-height:85dvh;box-shadow:var(--shadow);background:#151923;border:1px solid #535867;border-radius:0;padding:25px}dialog::backdrop{background:#090c154d}.dialog-top{justify-content:space-between;align-items:center;display:flex}dialog h2{color:var(--gold);margin:18px 0 24px;font-size:23px;font-weight:700;line-height:1.3}dialog h3{color:var(--gold);margin:24px 0 10px;font-size:13px}dialog p,dialog li{color:#b7b9ad;font-size:12px;line-height:1.8}dialog ul{padding-left:18px}dialog a{color:var(--gold);text-underline-offset:3px}#capture-download{background:#2b3042;border:1px solid #687088;padding:12px 16px;display:inline-block}@media (width<=800px){.brand{display:none}.location-bar{min-width:0;left:16px;transform:none}.location-bar button{padding:10px 14px}.location-bar h1{font-size:14px}.top-actions{right:16px}.view-tabs button{padding:9px}.selection{width:280px}.gesture-hint{display:none}footer{max-width:calc(100vw - 85px)}.view-tabs{bottom:65px;left:calc(50% - 25px)}}@media (width<=520px){.location-bar{top:14px;left:14px;right:14px}.location-bar h1{font-size:15px}.top-actions{gap:7px;padding:7px;inset:auto auto 51px 14px}.icon-button,.toolbar .icon-button{width:40px;height:40px}.navigation{bottom:51px;right:14px}.toolbar{gap:5px;padding:5px}.toolbar .divider{display:none}.view-tabs{gap:3px;padding:4px;bottom:116px;left:14px;transform:none}.view-tabs button{padding:10px 8px;font-size:10px}.explore,.settings,.light-panel{width:auto;max-height:calc(100dvh - 270px);padding:16px;top:98px;left:14px;right:14px;transform:none}.selection{width:auto;max-height:43dvh;padding:15px;bottom:172px;left:14px;right:78px}.selection h2{font-size:17px}.selection p{font-size:11px}.source-tag{font-size:10px}.panel-heading{margin-bottom:10px}.panel-heading .eyebrow{font-size:9px}.compass{bottom:355px;right:29px}footer{gap:0;max-width:calc(100vw - 28px);padding:6px 8px;bottom:12px;left:14px}#counts{display:none}footer button{font-size:8px}.landmark-pin{width:30px;height:32px;font-size:16px}.light-panel .panel-note{font-size:10px}dialog{padding:18px}dialog h2{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=800px){.selection{width:auto;max-height:26dvh;bottom:174px;left:16px;right:82px}.selection .panel-heading{margin-bottom:6px}.selection h2{margin:8px 0;font-size:16px}.selection p{font-size:11px}}#solar-date,#solar-clock{min-width:0;color:var(--ink);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#282d40;border:1px solid #667088;border-radius:0;padding:9px;font-size:12px}#solar-date{width:100%}.solar-time-row{gap:10px;margin-top:10px;display:flex}.solar-time-row input{flex:1}.solar-now{background:#282d40;border:1px solid #667088;padding:9px 14px;font-size:12px}#solar-error{color:#ffb48c}#solar-status{font-size:10px}#place-search{color:#eee6cf;width:100%;font:inherit;background:#171c26;border:1px solid #4c5361;margin:4px 0 10px;padding:10px}.place[hidden]{display:none}@media (width>=521px) and (width<=1000px){.brand{display:none}.location-bar{min-width:0;max-width:calc(100vw - 330px);left:14px;transform:none}.location-bar h1{overflow-wrap:anywhere}.location-bar button{padding:8px 10px}}@media (width<=380px){.top-actions .icon-button{width:32px;height:36px}.top-actions{gap:2px}}.top-actions{box-shadow:none;background:0 0;flex-direction:column;align-items:flex-end;gap:10px;padding:0}.language-picker{border:1px solid var(--line);background:var(--paper);min-width:0;box-shadow:var(--shadow);margin:0;padding:5px 7px 8px}.language-picker legend{color:var(--muted);background:#171b25;padding:0 5px;font-size:10px}.language-options{gap:4px;display:flex}.language-options button{white-space:nowrap;border:1px solid #0000;padding:7px 8px;font-size:11px;line-height:1.2}.language-options button:hover{background:#282d40}.language-options button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#303229;box-shadow:inset 0 0 0 1px #080a10}.action-buttons{background:var(--paper);box-shadow:var(--shadow);gap:7px;padding:7px;display:flex}.light-panel{top:139px}@media (width<=520px){.top-actions{gap:9px;padding:0;inset:94px 14px auto auto}.language-options button{padding:7px;font-size:11px}.action-buttons{gap:7px;padding:7px}.light-panel,.settings{max-height:calc(100dvh - 375px);top:224px}}@media (width<=380px){.language-options button{padding:6px}.action-buttons{gap:5px}}footer .author-credit{color:var(--gold);text-decoration:none}footer .author-credit:hover{text-decoration:underline}