:root{color:#edf3f3;font-synthesis:none;--ink:#edf3f3;--muted:#b8cdd1;--surface:#173845;--line:#789aaa66;background:#173845;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,canvas:focus-visible{outline-offset:4px;outline:2px solid #edf3f3}button:hover:not(:disabled){background:#31505a}button[hidden],[hidden]{display:none!important}#viewer{background:radial-gradient(at 51% 43%,#31505a 0%,#173845 72%);width:100%;height:100svh;min-height:520px;position:relative;overflow:hidden}#terrain{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#terrain:active{cursor:grabbing}.masthead{top:max(32px,env(safe-area-inset-top));letter-spacing:.13em;pointer-events:none;justify-content:space-between;gap:20px;font-size:.8125rem;display:flex;position:absolute;left:36px;right:36px}.masthead>span:last-child{color:var(--muted);font-size:.75rem}.divider{color:#789aaa;padding:0 10px}.title{pointer-events:none;position:absolute;bottom:110px;left:36px}.title p{letter-spacing:.25em;color:var(--muted);margin:0 0 5px;font-size:.75rem}.title h1{letter-spacing:-.045em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(3.5rem,6.5vw,7rem);font-weight:400;line-height:1.05}.controls{bottom:max(45px,calc(env(safe-area-inset-bottom) + 32px));border:1px solid var(--line);white-space:nowrap;background:#173845ee;border-radius:12px;align-items:center;gap:3px;padding:6px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #102c3733}.controls button{background:0 0;border:0;border-radius:7px;min-width:44px;min-height:44px;padding:8px 13px;font-size:.875rem}.controls button#zoom-in,.controls button#zoom-out{padding:4px 10px;font-size:1.4rem}.control-divider{background:var(--line);width:1px;height:22px;margin:0 5px}.hint{bottom:max(8px,env(safe-area-inset-bottom));text-align:center;color:var(--muted);pointer-events:none;margin:0;font-size:.75rem;position:absolute;left:20px;right:20px}.touch-hint{display:none}.help{border:1px solid var(--line);background:#173845f5;border-radius:12px;width:310px;max-height:calc(100% - 200px);padding:24px;position:absolute;bottom:115px;right:36px;overflow:auto}.help h2{margin:0 0 18px;font-size:1rem;font-weight:500}.help dl{margin:0;font-size:.875rem;line-height:1.5}.help dt{margin-top:12px}.help dd{color:var(--muted);margin:2px 0 0}.loading{text-align:center;flex-direction:column;align-items:center;gap:15px;width:min(300px,80vw);font-size:1rem;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.loading progress{accent-color:#b8cdd1;border:0;width:100%;height:3px}.loading #load-detail{color:var(--muted);font-size:.8125rem;line-height:1.6}.loading #retry{border:1px solid var(--line);background:#31505a;border-radius:6px;padding:10px 18px}.no-script{text-align:center;width:100%;position:absolute;top:40%}@media (width<=650px){.masthead{left:22px;right:22px;top:max(24px,env(safe-area-inset-top));flex-direction:column;gap:8px}.title{bottom:130px;left:22px}.title h1{font-size:3.5rem}.controls{bottom:max(55px,calc(env(safe-area-inset-bottom) + 36px));gap:0;padding:4px}.controls button{padding:8px 10px;font-size:.8125rem}.control-divider{margin:0 1px}.hint{bottom:max(16px,env(safe-area-inset-bottom));font-size:.6875rem}.help{width:auto;bottom:120px;left:22px;right:22px}.desktop-hint{display:none}.touch-hint{display:inline}}@media (pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#detail-status{color:var(--muted);pointer-events:none;margin:0;font-size:.75rem;position:absolute;top:56px;right:36px}@media (width<=650px){#detail-status{top:86px;left:22px;right:auto}}