:root{color-scheme:dark;--bg:#171e20;--panel:#212b2d;--text:#f1eadb;--line:#59625a;--accent:#e9c780}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,sans-serif}a{color:#9fe0e5}button,select{font:inherit;color:inherit;background:#303c3c;border:1px solid #67726a;border-radius:7px;padding:7px 11px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#516365;border-color:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #79dce5;outline-offset:2px}header{display:flex;align-items:center;gap:22px;padding:12px 20px;border-bottom:1px solid var(--line)}header h1{margin:0;font-size:21px}header p{margin:2px 0 0;color:#c6cdbd;font-size:12px}header>button{margin-left:auto}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;height:calc(100dvh - 90px);min-height:620px}#world{position:relative;overflow:hidden;background:#d9d8c5}#canvas{width:100%;height:100%;touch-action:none;outline:none}#canvas canvas{display:block;width:100%;height:100%}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.place-label{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);font-size:12px;padding:3px 7px;white-space:nowrap;max-width:210px;box-shadow:0 2px 8px #0007;background:#263d39e8;border:1px solid #f1dfac;color:#fff}.place-label[data-category=passion]{background:#5d493ae8}.place-label[aria-pressed=true]{background:#8b471d;z-index:2}.place-label::after{content:'';position:absolute;left:50%;bottom:-9px;border:4px solid transparent;border-top-color:#eed7a0}.top-tools,.controls{position:absolute;display:flex;gap:6px;flex-wrap:wrap;z-index:3;background:#172b2bcc;padding:7px;border-radius:10px;max-width:calc(100% - 24px)}.top-tools{top:12px;left:12px}.top-tools label{font-size:12px;display:flex;align-items:center}.controls{bottom:50px;left:12px}.hint{position:absolute;bottom:0;left:0;right:0;margin:0;padding:8px 14px;background:#162828df;color:#fff;font-size:12px;pointer-events:none}.compass{position:absolute;top:76px;left:18px;display:grid;gap:5px;color:#26362c;text-shadow:0 1px 2px #fff}.compass span{display:block;width:34px;font-size:22px;font-weight:800;text-align:center}.compass small{background:#fff9;border-radius:5px;padding:2px 5px}.mini{position:absolute;right:12px;bottom:112px;width:155px;border-radius:9px;background:#f4ecdbdf;color:#2c3a30;padding:6px;box-shadow:0 2px 10px #0003}.mini strong{font-size:10px}.mini svg{display:block;width:100%;height:130px}.mini g[role=button]{cursor:pointer}.mini text{fill:#1b2c23;font-size:86px}aside{padding:14px;overflow:auto;background:var(--panel)}.filter{display:flex;gap:10px;align-items:center;justify-content:space-between}.filter select{max-width:210px}#places{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}#places button{font-size:12px;text-align:left;padding:7px}#places small{display:block;opacity:.8;font-size:10px}#detail{border-top:1px solid var(--line);padding-top:12px;min-height:200px}#detail h2{font-size:18px;margin:0}#detail .status{color:#e9c780;font-size:12px}#detail p{margin:9px 0}details{margin-top:15px;font-size:12px}summary{cursor:pointer;padding:7px 0;font-weight:700}dialog{background:#192425;color:var(--text);border:1px solid #788477;border-radius:10px;max-width:1100px;width:95vw;max-height:94dvh}dialog::backdrop{background:#071212c9}dialog img{display:block;width:100%;height:auto}dialog h2{font-size:18px}#photo-close{float:right}#loading{position:absolute;top:45%;left:15%;right:15%;text-align:center;background:#243c35e0;padding:16px;border-radius:10px}#fallback{position:absolute;inset:30% 10%;background:var(--bg);padding:25px;border-radius:12px}#fallback[hidden],#loading[hidden]{display:none}@media(max-width:800px){header{gap:10px;padding:10px;flex-wrap:wrap}header h1{font-size:17px}header>button{font-size:12px;padding:5px}main{display:block;height:auto;min-height:0}#world{height:66dvh;min-height:490px}aside{overflow:visible;padding:12px}#places{grid-template-columns:repeat(3,1fr)}.top-tools{gap:4px}.top-tools button{font-size:12px;padding:5px}.top-tools label{font-size:11px}.compass{top:100px}.mini{width:116px;bottom:150px}.mini svg{height:98px}.controls{bottom:64px;gap:4px}.controls button{font-size:12px;padding:6px}.hint{font-size:11px}.place-label{font-size:10px}#detail{min-height:0}}

#photo-world{position:absolute;inset:0;background:#222c2e;pointer-events:none;overflow:hidden;z-index:1}#city-photo{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;user-select:none}#photo-points{position:absolute;inset:0}.photo-point{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;padding:4px 8px;font-size:12px;background:#203d36df;border-color:#eee1bb;box-shadow:0 2px 7px #0008;color:#fff}.photo-point::after{content:'';position:absolute;left:50%;bottom:-9px;border:4px solid transparent;border-top-color:#eee1bb}body[data-view=photo] #labels{display:none}body[data-view=photo] .compass{display:none}body[data-view=photo] #loading{z-index:2}body[data-view=photo] .mini{z-index:3}body[data-view=photo] [data-action=up],body[data-view=photo] [data-action=down],body[data-view=photo] #pan-mode{display:none}body[data-view=photo] #mode-photo{background:#997038;color:white}body[data-view=model] #photo-world{display:none}body[data-view=model] #mode-model{background:#356e78;color:white}.detail-view-button{display:block;margin-top:10px;width:100%}#photo-points[hidden]{display:none}@media(max-width:800px){.photo-point{font-size:10px}.top-tools{max-width:calc(100% - 20px)}.mini{bottom:150px}}

body[data-view=photo] .route-control{display:none}

.district-chooser{position:absolute;top:70px;left:12px;right:12px;z-index:3;max-width:860px;pointer-events:none}#photo-scenes{display:flex;gap:5px;overflow-x:auto;padding:4px;border-radius:8px;background:#172b2bd9;pointer-events:auto;scrollbar-width:thin}#photo-scenes button{display:flex;gap:6px;align-items:center;flex:0 0 132px;text-align:left;padding:4px;font-size:11px;background:#243936}#photo-scenes button[aria-pressed=true]{background:#8a6533;border-color:#f1d796}#photo-scenes img{width:43px;height:32px;object-fit:cover;border-radius:4px}#photo-caption{display:inline-block;background:#172b2bdd;color:#fff;padding:2px 7px;border-radius:4px;margin:3px 0;font-size:11px}body[data-view=model] .district-chooser{display:none}@media(max-width:800px){.district-chooser{top:105px}#photo-scenes button{flex-basis:120px}#photo-scenes img{width:35px;height:29px}.compass{top:150px}}

/* Connected city explorer. Photos are retained only in a separate reference dialog. */
main{height:calc(100dvh - 82px);min-height:600px}#world{background:#c6c8bb}#canvas{position:absolute;inset:0;z-index:0;cursor:grab}#canvas:active{cursor:grabbing}#canvas:focus-visible{outline:2px solid #e5c486;outline-offset:-3px}#labels{z-index:1}.top-tools{max-width:calc(100% - 24px);align-items:center}.top-tools nav{display:flex;gap:4px;padding-right:6px;border-right:1px solid #b6b9a655}.top-tools button[aria-pressed=true]{background:#946a34;color:#fff}.view-settings{position:absolute;top:70px;left:12px;display:flex;gap:12px;align-items:center;background:#172b2bdf;color:#fff;padding:5px 9px;border-radius:7px;z-index:3;font-size:12px}.view-settings label{display:flex;align-items:center;gap:4px}.view-settings select{padding:1px 6px;font-size:12px}.compass{top:117px;z-index:2;color:#24352d}.compass small{background:#f5eedce6;text-shadow:none}.mini{bottom:180px;z-index:2;background:#f4ecdbef}#mini-target{fill:#fff5df;stroke:#c2461d;stroke-width:20}#mini-points circle{fill:#257b77;stroke:#eee1be;stroke-width:7}.controls{bottom:84px;z-index:3}.controls button{padding:6px 11px}.viewer-info{position:absolute;bottom:0;left:0;right:0;z-index:2;background:#162828eb;color:#fff;padding:7px 12px;pointer-events:none}.viewer-info p{margin:0;font-size:11px}#position{color:#e4cb99}.move-pad{position:absolute;bottom:85px;right:12px;z-index:4;text-align:center;background:#172b2bcc;border-radius:10px;padding:6px;touch-action:none}.move-pad>button{margin-bottom:3px}.move-pad button{min-width:39px;padding:7px;user-select:none;touch-action:none}.move-pad div{display:flex;gap:4px;margin-top:3px}.move-pad .fly-only button{font-size:10px}.speed-control{position:absolute;bottom:52px;right:12px;display:flex;align-items:center;gap:6px;font-size:11px;z-index:3;background:#172b2bcc;padding:2px 5px;border-radius:5px}.speed-control select{font-size:11px;padding:1px 5px}body[data-navigation=orbit] .move-pad,body[data-navigation=orbit] .speed-control,body[data-navigation=walk] .fly-only,body:not([data-navigation=orbit]) .orbit-only{display:none}.place-actions{display:flex;gap:6px;flex-wrap:wrap}.place-actions button{font-size:12px}#loading{z-index:5;pointer-events:none}#fallback{z-index:6}#gallery-scenes{display:flex;gap:5px;overflow-x:auto;padding:6px 0;margin-bottom:8px}#gallery-scenes button{display:flex;align-items:center;gap:5px;flex:0 0 145px;padding:4px;text-align:left;font-size:11px}#gallery-scenes img{width:45px;height:32px;object-fit:cover}#photo>img{max-height:70dvh;object-fit:contain}#detail{min-height:180px}
@media(max-width:800px){header{min-height:78px}header h1{font-size:16px}header p{font-size:11px}main{height:auto;min-height:0}#world{height:76dvh;min-height:540px}.top-tools{gap:4px;left:8px;top:8px;padding:5px}.top-tools nav{gap:3px}.top-tools button{padding:5px 7px;font-size:11px}.view-settings{top:94px;left:8px;font-size:11px;gap:8px}.compass{top:139px;left:10px}.compass small{display:none}.controls{left:8px;bottom:85px;max-width:56%;gap:3px;padding:5px}.controls button{padding:5px 8px;font-size:11px}.mini{right:8px;bottom:215px;width:115px}.mini svg{height:95px}.move-pad{right:8px;bottom:90px}.move-pad button{min-width:33px;padding:6px}.viewer-info{padding:7px 9px;min-height:48px}.viewer-info p{font-size:10px}.speed-control{bottom:55px}.place-label{font-size:11px}.filter select{max-width:180px}#places{grid-template-columns:repeat(3,minmax(0,1fr))}.top-tools>button{font-size:10px}#photo h2{font-size:16px}#gallery-scenes button{flex-basis:125px}}
/* Photographs stay at their native resolution, with optional detailed viewing. */
#photo{width:min(1440px,96vw);max-width:96vw;padding:18px;overflow:auto}#photo h2{margin:0 44px 14px 0}#photo [data-photo-stage]{position:relative;overflow:hidden;height:min(58dvh,800px);min-height:230px;background:#162323;border:1px solid #66716a;border-radius:8px;touch-action:none;outline-offset:3px}#photo [data-photo-stage]>img{position:absolute;left:50%;top:50%;max-width:none!important;max-height:none!important;object-fit:initial;transform-origin:center;margin:0;user-select:none;pointer-events:none;will-change:transform}#photo .photo-can-pan{cursor:grab}#photo .photo-can-pan:active{cursor:grabbing}#photo .photo-tools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:12px 0}#photo .photo-tools button,#photo .photo-tools a{box-sizing:border-box;min-height:44px;padding:9px 12px;border:1px solid #75867b;border-radius:6px;background:#293c36;color:#fff;font:inherit;font-size:12px;text-decoration:none}#photo .photo-tools button:disabled{opacity:.4;cursor:default}#photo [data-photo-status]{font-size:11px;color:#bdcfc5;margin-left:auto}#photo:is(:fullscreen,.photo-expanded){box-sizing:border-box;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column;margin:0}#photo:is(:fullscreen,.photo-expanded) [data-photo-stage]{flex:1;height:auto;min-height:0}#photo:is(:fullscreen,.photo-expanded)::backdrop{background:#172421}#photo:is(:fullscreen,.photo-expanded) #gallery-scenes{flex-shrink:0}#photo [data-photo-stage]:focus-visible{outline:3px solid #ad8547}
@media(max-width:700px){#photo{padding:12px;width:96vw}#photo h2{font-size:17px}#photo .photo-tools{gap:5px}#photo .photo-tools button,#photo .photo-tools a{font-size:11px;padding:8px}#photo [data-photo-status]{width:100%;margin-left:0}#photo [data-photo-stage]{height:auto;aspect-ratio:1672/941;min-height:0}#photo:is(:fullscreen,.photo-expanded) #gallery-scenes img{display:none}#photo:is(:fullscreen,.photo-expanded) #gallery-scenes button{min-width:75px}}

#photo #gallery-scenes button{word-break:keep-all}

#photo:is(:fullscreen,.photo-expanded) [data-photo-stage]{aspect-ratio:auto}
#photo #photo-close{position:absolute;top:12px;right:12px;width:44px;min-width:44px;height:44px;min-height:44px;padding:8px;float:none;z-index:2}
#photo [data-photo-status]{color:inherit;opacity:.76}#photo>p a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* A label's leader ends at the projected mesh anchor, not above a guessed map point. */
.place-label{transform:translate(-50%,calc(-100% - 23px));box-shadow:0 2px 7px #0009;font-size:11px;background:#203d35ed}
.place-label::after{left:calc(50% - .5px);bottom:-22px;width:1px;height:22px;border:0;background:#fff1c8;box-shadow:0 0 2px #152c25}
.place-label::before{content:'';position:absolute;bottom:-26px;left:calc(50% - 3px);width:6px;height:6px;border:1px solid #fff3ce;border-radius:50%;background:#244e42;box-shadow:0 1px 3px #0009}
.place-label[aria-pressed=true]::before{background:#ffca5d;box-shadow:0 0 0 3px #d9943c55}
#detail .status{display:inline-block;padding:3px 7px;border:1px solid #9ba98b66;border-radius:5px;color:inherit;font-size:11px}

/* Keep reading panels coherent with chbom.cc's shared light/dark preference. */
body[data-jerusalem-city] aside{background:var(--home-surface,#212b2d);color:var(--ink,#f1eadb)}
body[data-jerusalem-city] aside :is(h2,p,summary,.filter,.status){color:inherit}
body[data-jerusalem-city] aside a,body[data-jerusalem-city] header>a{color:var(--home-primary,#9fe0e5)}
body[data-jerusalem-city] header{background:var(--home-surface,#171e20);color:var(--ink,#f1eadb)}
body[data-jerusalem-city] header p{color:var(--muted,#c6cdbd)}

body[data-jerusalem-city] aside :is(select,option){background:var(--home-soft,#303c3c);color:var(--ink,#f1eadb)}

body.city-closeup .mini{display:none}

.district-detail{margin:1.1rem 0;padding:1rem;border:1px solid var(--line,#d5ded9);border-radius:14px;background:var(--home-soft,var(--panel,#212b2d))}.district-detail h3{margin:0 0 .7rem;font-size:1rem}.district-spots{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.district-spots button{min-height:42px}.district-detail>p{font-size:.85rem;line-height:1.7}.district-detail details{font-size:.82rem}.district-detail summary{cursor:pointer}.district-spots button[aria-pressed=true]{background:#9b6c36!important;color:#fff!important}

body.district-closeup .mini{display:none}

/* Spherical interiors have their own modal and never replace the connected 3D world. */
.interior-card{margin:14px 0;padding:12px;border:1px solid #ba985b;border-radius:12px;background:var(--home-soft,#293b34)}.interior-card h3{font-size:15px;margin:0}.interior-card p{font-size:12px}.interior-card button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;width:100%;margin:6px 0;font-size:13px;background:#36554a;color:#fff;border-color:#bfa46e}.interior-card span{font-size:11px;color:#ffe6af}.interior-card small{display:block;font-size:11px;margin-top:8px}#interior-entries{position:absolute;inset:0;z-index:2;pointer-events:none}.interior-entry{position:absolute;transform:translate(-50%,-100%);background:#fff0ca;color:#253a2b;border:2px solid #9c7336;box-shadow:0 3px 15px #0005;min-height:44px;white-space:nowrap;pointer-events:auto;font-weight:700;font-size:12px}.interior-entry[hidden]{display:none}
#interior{width:min(1500px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:97dvh;padding:16px;background:#172522;color:#f4efdf;overflow:auto;border-color:#ab986c;overscroll-behavior:contain}#interior .interior-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}#interior h2{font-size:22px;margin:0}#interior small{font-size:11px;color:#e6cc97}#interior button{background:#2d443a;color:#fff;border-color:#8a997f;min-height:44px}#interior button:hover,#interior button[aria-pressed=true]{background:#72582f;border-color:#e8c584}#interior [data-interior-scenes]{display:flex;gap:6px;margin-bottom:10px}#interior [data-interior-scenes][hidden]{display:none}#interior [data-interior-stage]{height:min(62dvh,780px);min-height:280px;position:relative;overflow:hidden;border:1px solid #7d896e;border-radius:9px;background:#15201c;touch-action:none;cursor:grab;outline-offset:2px}#interior [data-interior-stage]:active{cursor:grabbing}#interior [data-interior-stage]:focus-visible{outline:3px solid #e8c584}#interior canvas{display:block;width:100%;height:100%}#interior .interior-loading{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}#interior [data-interior-status]{padding:12px;background:#182a24df;border-radius:8px}#interior [data-interior-status][hidden],#interior [data-interior-retry][hidden]{display:none}#interior [data-interior-retry]{pointer-events:auto}#interior .interior-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:12px 0 0}#interior .interior-controls button{min-width:44px}#interior output{margin-left:auto;font-size:11px;color:#dfd1b5}#interior .interior-hint{font-size:12px;margin:9px 0;color:#e3ddca}#interior details{margin-top:7px;border-top:1px solid #627465;padding-top:3px}#interior summary{min-height:44px;padding:10px 0}#interior details p{line-height:1.85;font-size:13px}#interior .interior-source-links{display:flex;flex-wrap:wrap;gap:8px 18px}#interior a{color:#cde8cb}
@media(max-width:600px){#interior{width:100%;max-width:100%;max-height:100dvh;margin:auto 0;border-radius:0;padding:12px}#interior .interior-heading{gap:8px;align-items:flex-start}#interior h2{font-size:18px}#interior .interior-heading button{font-size:11px;max-width:135px;padding:7px}#interior small{font-size:10px}#interior [data-interior-stage]{height:55dvh;min-height:250px}#interior output{font-size:10px}#interior .interior-hint{font-size:11px}.interior-entry{max-width:calc(100vw - 50px);font-size:11px}}

#interior [data-interior-scenes]{flex-wrap:wrap}#interior [data-interior-scenes] button{min-height:44px}#interior [data-interior-notice]{margin:8px 0 12px;padding:8px 12px;border-left:3px solid #d7b56e;background:#344239;color:#f6ebcc;font-size:12px}#interior [data-interior-notice][hidden]{display:none}@media(max-width:600px){#interior[data-space-count="4"] [data-interior-scenes]{display:grid;grid-template-columns:1fr 1fr}#interior[data-space-count="4"] [data-interior-scenes] button{font-size:12px;padding:6px}#interior[data-space-count="4"] [data-interior-stage]{height:45dvh;min-height:230px}}

#interior [data-interior-scenes] button[aria-pressed=true]{box-shadow:inset 0 -3px 0 #f4d58a;border-width:2px;font-weight:750}

.road-review table{width:100%;border-collapse:collapse;font-size:.82rem;table-layout:fixed}.road-review th,.road-review td{padding:.5rem;text-align:left;vertical-align:top;border-bottom:1px solid #80808044;overflow-wrap:anywhere}.road-review th{width:47%}.road-review caption{text-align:left;padding:.5rem 0;font-weight:700}