:root{font-family:Arial,Helvetica,sans-serif;color:#e8eaeb;background:#10171b;color-scheme:dark;--gold:#d2b57e;--muted:#adbbc1;--border:#35424b}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer;border:1px solid var(--border);border-radius:5px;background:#1d2a32;color:#ecf0f2;min-height:42px;padding:9px 15px;font-size:.875rem}button:hover{background:#31414b}button:focus-visible,a:focus-visible,#viewport:focus-visible{outline:3px solid #72d6ff;outline-offset:3px}button.active{background:var(--gold);border-color:var(--gold);color:#172127}.quiet{background:transparent;border-color:transparent}header{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border)}.wordmark span{font-family:Georgia,serif;letter-spacing:.13em;font-size:1.4rem}.wordmark small{display:block;color:var(--muted);margin-top:5px;font-size:.8rem}nav{display:flex;gap:6px}.disclosure{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#202b2e;color:#ced5d6;padding:10px 28px;font-size:.8rem;line-height:1.5}.disclosure>span:first-child{font-size:.7rem;color:#f0ce88;letter-spacing:.09em}.brand-pending{margin-left:auto;color:#c8b17e}.mode-panel[hidden]{display:none!important}#walk-panel{display:grid;grid-template-columns:minmax(0,1fr) 335px;min-height:640px;height:calc(100dvh - 143px)}.scene-wrap{position:relative;min-height:520px;overflow:hidden;background:#24303a}#viewport{width:100%;height:100%;touch-action:none;outline:none}#viewport canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;background:#18262d;display:grid;place-items:center}#loading[hidden]{display:none}.scene-top{position:absolute;top:24px;left:28px;right:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;pointer-events:none}.scene-top>div{padding:12px 16px;background:#101920de;border:1px solid #5b626280;border-radius:5px}.scene-top button{pointer-events:auto;background:#13222beb}.scene-top small,.reference-heading span,.gallery-heading small,.map-description>small{font-size:.7rem;letter-spacing:.13em;color:var(--gold)}h1{font-family:Georgia,serif;font-weight:400;font-size:1.7rem;margin:8px 0 0}h2{font-weight:400;font-size:1.2rem;line-height:1.4}p{font-size:1rem;line-height:1.65;color:#c0cbd0}.scene-bottom{position:absolute;left:28px;right:28px;bottom:44px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;pointer-events:none}#steps{display:flex;flex-wrap:wrap;gap:7px;pointer-events:auto;max-width:640px}#steps button{background:#13222bec}#steps button.active{background:var(--gold);color:#172127}.movement{display:flex;align-items:center;gap:5px;pointer-events:auto}.movement>div{display:flex;flex-direction:column;gap:5px}.movement button{width:43px;height:43px;padding:0;font-size:1.4rem;background:#14242aeb;touch-action:none}.scene-instruction{position:absolute;left:28px;bottom:9px;font-size:.78rem;text-shadow:0 1px 5px #000;color:#fff;margin:0}.reference{padding:23px;display:flex;flex-direction:column;background:#111d24;border-left:1px solid var(--border);overflow:auto}.reference-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.reference img{width:100%;height:auto;object-fit:contain;cursor:zoom-in;border:1px solid #40505b}.reference h2{margin-bottom:0}.reference p{font-size:.9rem}.reference-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:18px}.reference-bottom p{font-size:.8rem;color:#9faeb6}.reference-bottom span{font-size:.8rem;color:var(--gold)}#map-panel{display:grid;grid-template-columns:minmax(0,1fr) 320px;padding:28px;gap:30px;align-items:start}.map-main{position:relative;max-width:1200px;align-self:center}.map-main>img{width:100%;display:block}#map-pins{position:absolute;inset:0;pointer-events:none}.map-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid #ffe1a2;background:#071e2bef;color:#ffe1a2;min-height:28px;width:28px;border-radius:50%;padding:0;font-size:.78rem;box-shadow:0 0 0 3px #071e2b60}.map-description{padding-top:20px}.map-description .small{font-size:.8rem}.map-description h1{font-size:2.3rem}#map-detail{border-top:1px solid var(--border);margin-top:24px;padding-top:12px}#gallery-panel{padding:35px 28px}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.gallery-heading p{max-width:500px;margin:0}.gallery-heading h1{font-size:2.2rem}#gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.gallery-item{border:0;background:none;padding:0;text-align:left;border-radius:0}.gallery-item:hover{background:none}.gallery-item img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#071116;display:block}.gallery-item span{display:block;margin-top:10px;line-height:1.45}.gallery-item small{display:block;color:#98acb7;font-size:.75rem;line-height:1.5;margin-top:4px}dialog{background:#101b22;border:1px solid #52606a;color:#eef1f2;padding:22px;border-radius:8px;max-width:calc(100vw - 32px)}dialog::backdrop{background:#02080eea}#image-dialog{width:min(1450px,95vw);max-height:94dvh}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px;line-height:1.4}#large-image{display:block;max-width:100%;max-height:76dvh;width:auto;height:auto;margin:auto;object-fit:contain}#original-link{display:inline-block;color:#e6c98f;margin-top:14px;font-size:.875rem}#help-dialog{max-width:600px}#help-dialog h2{font-family:Georgia,serif;font-size:1.7rem}#help-dialog button{float:right}.empty-note{color:#afbbc1}body[data-mode=gallery] .disclosure{position:static}@media(min-width:1800px){#walk-panel{grid-template-columns:minmax(0,1fr) 425px}.reference{padding:30px}}@media(max-width:1000px){header{padding:15px;gap:12px;flex-wrap:wrap}.wordmark{flex:1}header nav{order:3;width:100%}header nav button{flex:1}.disclosure{padding:9px 15px}.brand-pending{margin-left:0}#walk-panel{grid-template-columns:minmax(0,1fr) 270px;height:calc(100dvh - 199px)}.scene-top{left:18px;right:18px}.scene-bottom{left:18px;right:18px}.reference{padding:15px}.scene-instruction{left:18px}#gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.wordmark span{font-size:1.2rem}header{gap:10px}.disclosure{font-size:.72rem}#walk-panel{display:flex;flex-direction:column;height:auto;min-height:0}.scene-wrap{height:66dvh;min-height:460px}.reference{border-left:0;border-top:1px solid var(--border);display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:15px;overflow:visible}.reference-heading{grid-column:1/-1;margin-bottom:8px}.reference img{grid-row:2/5;margin-top:12px}.reference h2{margin-top:8px;font-size:1rem}.reference p{margin:8px 0;font-size:.875rem}.reference-bottom{grid-column:1/-1;margin-top:15px}.scene-top{top:15px;left:14px;right:14px}.scene-top h1{font-size:1.3rem}.scene-top>div{padding:9px 11px}.scene-bottom{left:14px;right:14px;bottom:39px;gap:12px}.scene-instruction{left:14px;font-size:.7rem}#steps{max-width:240px}#steps button{font-size:.78rem;padding:8px;min-height:38px}.scene-top button{font-size:.78rem;padding:8px}.movement button{width:44px;height:44px}#gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}#gallery-panel{padding:25px 15px}.gallery-heading{display:block}.gallery-heading h1{font-size:1.6rem}.gallery-heading p{font-size:.875rem;margin-top:15px}.gallery-item span{font-size:.8rem}.gallery-item small{font-size:.72rem}#map-panel{display:block;padding:15px}.map-description{padding-top:25px}.map-pin{width:24px;min-height:24px;font-size:.7rem}.dialog-heading{font-size:.85rem}dialog{padding:15px}.disclosure>span:first-child{font-size:.65rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}