:root{--ink:#272721;--gold:#e9bd27;--cream:#c9c0aa;--paper:#eee9dc}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream);overflow:hidden}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}#app{position:relative;overflow:hidden}#scene{position:absolute;inset:0;z-index:0;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#c9c0aa;font-size:12px;font-weight:800;letter-spacing:.25em;z-index:2}#loading span{color:#c9950d;margin-left:8px}.scene-shade{pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#c9c0aa50,transparent 20%,transparent 72%,#c9c0aa60)}.masthead{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:24px 3.5%;pointer-events:none}.masthead>*{pointer-events:auto}.logo{font:800 27px "Space Grotesk";letter-spacing:-.09em;line-height:.8}.logo span{color:#f0c91d}.logo small{display:block;font:800 8px "DM Sans";letter-spacing:.18em;margin-top:9px}.mast-right{display:flex;align-items:center;gap:13px}.status{font-size:10px;letter-spacing:.13em;font-weight:800;margin-right:15px}.status i,.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d7ac19;margin-right:9px}.mode{background:#ffdb36;border:0;border-radius:30px;padding:13px 21px;font-size:11px;font-weight:800;letter-spacing:.05em;box-shadow:0 5px 15px #8a7c5340}.mode b{margin-left:15px}.circle{width:39px;height:39px;border-radius:50%;background:#f5f0e4;border:0;font-weight:800;box-shadow:0 5px 15px #8a7c5333}.left-rail{position:absolute;left:3.5%;top:30%;z-index:5;display:flex;align-items:center;gap:15px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.17em;font-weight:800;color:#393b35}.rail-line{height:60px;width:1px;background:#393b35}.title-group{position:absolute;z-index:5;left:7.8%;top:13%;pointer-events:none;max-width:700px;text-shadow:0 2px 15px #d5cbbab0}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em}.title-group h1{font:800 clamp(3.1rem,6.6vw,8rem)/.87 "Space Grotesk";letter-spacing:-.095em;margin:17px 0 20px}.title-group em{color:#d2a914;font-style:normal}.subtitle{font-size:12px;max-width:400px;line-height:1.7;font-weight:600}.scene-legend{position:absolute;z-index:5;bottom:114px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#f4f0e4e8;border:1px solid #ffffffb0;border-radius:30px;padding:12px 20px;font-size:9px;letter-spacing:.08em;font-weight:800;box-shadow:0 10px 35px #85745b38}.divider{margin:0 12px;color:#9c988d}.labels{position:absolute;inset:0;pointer-events:none;z-index:6}.labels button{position:absolute;transform:translate(-50%,-100%);border:0;background:transparent;color:#25251e;font:800 clamp(11px,1.4vw,19px) "Space Grotesk";letter-spacing:.11em;text-shadow:0 1px 4px #d9cfb4,0 0 8px #d9cfb4;pointer-events:auto;white-space:nowrap;transition:transform .2s}.labels button:after{content:"";display:block;margin:6px auto 0;width:3px;height:15px;background:#262721}.labels button:hover{transform:translate(-50%,-110%) scale(1.15);color:#9c7410}.toolbar{position:absolute;right:3.5%;top:40%;z-index:7;display:flex;flex-direction:column;gap:7px}.toolbar button{border:1px solid #a7a08d;background:#f3eee3de;width:38px;height:38px;border-radius:50%;font-size:21px;font-weight:700}.toolbar .reset{width:auto;height:auto;padding:10px 12px;font-size:9px;border-radius:30px}.bottom-nav{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#f3f0e9ee;border-radius:40px;padding:7px;z-index:7;box-shadow:0 8px 30px #7d705533;gap:2px}.bottom-nav button{background:none;border:0;padding:13px 20px;border-radius:25px;font-size:10px;letter-spacing:.1em;font-weight:800}.bottom-nav button:hover,.bottom-nav button.active{background:#f8d238}.bottom-left,.bottom-right{position:absolute;z-index:5;bottom:25px;font-size:9px;letter-spacing:.13em;font-weight:800}.bottom-left{left:3.5%;display:flex;flex-direction:column;gap:6px}.bottom-right{right:3.5%}dialog{position:fixed;inset:auto 4% 4% auto;margin:0;width:min(480px,92vw);max-height:85vh;overflow-y:auto;border:1px solid #e5c546;border-radius:12px;background:#262623;color:#f3efdf;padding:32px;z-index:30;box-shadow:0 20px 60px #0008}dialog::backdrop{background:#14151255;backdrop-filter:blur(3px)}.panel-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#f8d239;font-weight:800;letter-spacing:.15em}.panel-head button{border:1px solid #ffffff60;border-radius:50%;background:none;color:white;width:33px;height:33px}.panel-kicker{font-size:10px;letter-spacing:.2em;color:#e5bd2d;font-weight:800;margin:30px 0 10px}dialog h2{font:800 clamp(2rem,4vw,3.6rem)/1 "Space Grotesk";letter-spacing:-.06em;margin:0 0 20px}#panelDescription{font-size:14px;line-height:1.9;color:#c7c6c0}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.chips span{font-size:9px;border:1px solid #e5bd2d;padding:8px 10px;font-weight:800}.panel-links a{display:inline-block;color:#f8d239;font-size:11px;font-weight:800;border-bottom:1px solid #f8d239;padding:10px 0;margin:5px 20px 10px 0}.panel-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;margin-top:20px;padding-top:18px}.panel-foot button{border:0;background:none;color:#e9e6dd;font-size:10px;font-weight:800;letter-spacing:.1em}#toast{position:absolute;z-index:15;top:80px;left:50%;transform:translateX(-50%);pointer-events:none;font-size:12px;font-weight:700}#toast:not(:empty){padding:12px 20px;background:#262623;color:white;border-radius:20px}@media(max-width:900px){.title-group{top:14%;left:8%;max-width:80%}.title-group h1{font-size:clamp(2.9rem,8vw,6rem)}.status,.left-rail,.bottom-left,.bottom-right{display:none}.toolbar{right:2%;top:45%}.scene-legend{bottom:110px;font-size:8px}.labels button{font-size:11px}.bottom-nav button{padding:12px 11px;font-size:9px}}@media(max-width:600px){.masthead{padding:16px 5%}.logo{font-size:22px}.mode{padding:11px 12px;font-size:9px}.mode b{display:none}.mast-right{gap:6px}.circle{width:32px;height:32px}.title-group{top:14%;left:6%}.title-group h1{font-size:clamp(2.6rem,11vw,4.5rem)}.subtitle{font-size:11px;max-width:280px}.scene-legend{bottom:115px;width:95%;white-space:normal;text-align:center;font-size:8px;padding:10px}.scene-legend .divider{margin:0 5px}.bottom-nav{bottom:18px;width:95%;justify-content:space-around}.bottom-nav button{font-size:8px;padding:11px 5px}.toolbar{top:auto;bottom:165px;right:3%;flex-direction:row}.toolbar button{width:30px;height:30px;font-size:16px}.toolbar .reset{font-size:8px;padding:7px}.labels button{font-size:10px}.labels button:after{height:8px}dialog{inset:auto 3% 3%;width:94%;padding:23px;max-height:72vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* NYC landmark wayfinding: projected from true 3D coordinates */
.landmark-labels{position:absolute;inset:0;z-index:5;pointer-events:none}.landmark-tag{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;border:1px solid #ffffffbd;background:#f5efdfeb;color:#37352b;border-radius:4px;padding:6px 9px;font-size:9px;font-weight:800;letter-spacing:.065em;white-space:nowrap;box-shadow:0 3px 9px #0002;transition:background .2s,transform .2s}.landmark-tag:hover,.landmark-tag:focus-visible{background:#f6d03c;transform:translate(-50%,-115%);outline:2px solid #463a16}.landmark-tag:after{content:"";position:absolute;left:50%;top:100%;height:11px;width:1px;background:#665e43}@media(max-width:700px){.landmark-tag{font-size:7px;padding:4px 5px;max-width:115px;white-space:normal;text-align:center}}

/* Clear, Persona-inspired landmark labels and enter interaction */
.title-group{max-width:390px;top:12%}.title-group h1{font-size:clamp(2.5rem,4vw,4.7rem)}.title-group .subtitle{max-width:290px}.landmark-tag{background:#f2df9a;color:#25221b;font-size:13px;padding:8px 12px;box-shadow:0 3px 12px #0003}.bottom-nav a{background:none;border:0;padding:13px 20px;border-radius:25px;font-size:10px;letter-spacing:.1em;font-weight:800}.bottom-nav a:hover{background:#f8d238}#enterPrompt{position:absolute;z-index:9;transform:translate(-50%,-100%);background:#ffcf3c;border:2px solid #56451d;min-width:160px;text-align:center;padding:10px 18px;box-shadow:0 8px 20px #0003;cursor:pointer;pointer-events:auto}#enterPrompt[hidden]{display:none}#enterPrompt strong{display:block;font:800 24px "Space Grotesk"}#enterPrompt span{display:block;font-size:12px;font-weight:700}#enterPrompt:after{content:"";position:absolute;top:100%;left:50%;height:20px;width:2px;background:#56451d}@media(max-width:650px){.title-group{top:13%;max-width:200px}.title-group h1{font-size:2.2rem}.title-group .subtitle{display:none}.landmark-tag{font-size:9px;padding:5px}.bottom-nav a{padding:11px 5px;font-size:8px}}

/* Keep the city unobstructed: compact upper-left title only */
.title-group{left:3.5%;top:89px;max-width:255px;background:#efe9d7c9;padding:12px 15px;border-radius:10px;box-shadow:0 5px 20px #756c5830}.title-group .eyebrow{font-size:8px;letter-spacing:.08em;margin:0}.title-group h1{font-size:clamp(18px,1.65vw,25px);line-height:1.05;letter-spacing:-.045em;margin:6px 0}.title-group h1 br{display:none}.title-group .subtitle{display:none}.scene-legend{font-size:8px;bottom:106px}.landmark-tag{background:#f7dc68ed}@media(max-width:700px){.title-group{left:3%;top:77px;max-width:170px;padding:9px}.title-group h1{font-size:17px}.title-group .eyebrow{font-size:7px}}