@font-face{font-family:Inter;src:local('Inter'),local('Arial')}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#081b23;color:#f7fbfc;font:16px/1.5 Inter,Arial,sans-serif}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #d9edf540;border-radius:5px;background:#122b34db;padding:.6rem .95rem}button:hover{background:#26454f}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #ffcc7a;outline-offset:3px}button.active{background:#e8f1f4;color:#152b35}a{color:inherit}#viewer{height:100dvh;position:relative;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.hud{position:absolute;z-index:2;pointer-events:none}.hud>*{pointer-events:auto}.top{top:0;left:0;width:100%;padding:24px 28px 35px;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:linear-gradient(#0a1d2f8a,transparent)}.identity{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.09em;text-shadow:0 1px 6px #00131f}.identity small{display:block;font-weight:400;font-size:12px;letter-spacing:.16em}.mark{border:1px solid #fff8;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;font-size:12px}.toolbar{display:flex;gap:8px}.toolbar button{font-size:14px;backdrop-filter:blur(16px)}.eyebrow{font-size:12px;letter-spacing:.15em;margin:0 0 7px;font-weight:500}.wayfinder{left:30px;top:118px;text-shadow:0 1px 8px #00131f}.wayfinder strong{display:block;font-size:24px;font-weight:400}.destinations{bottom:96px;left:50%;transform:translateX(-50%);display:flex;gap:6px;background:#122731d9;backdrop-filter:blur(14px);padding:6px;border:1px solid #e8f5ff30;border-radius:9px}.destinations button{white-space:nowrap;font-size:14px;background:transparent;border-color:transparent;padding:.55rem .85rem}.destinations button.active{background:#fff;color:#172a35}.bottom{left:0;bottom:0;width:100%;padding:30px 28px 24px;background:linear-gradient(transparent,#081a26b8);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:13px}.bottom>div{display:flex;gap:8px;align-items:center}.bottom select{background:#183641dc;border:1px solid #bdd8e245;border-radius:4px;padding:.4rem .6rem;font-size:13px}.bottom button{padding:.4rem .8rem;font-size:13px}#xr{background:#fff;color:#132931;font-weight:600}.touch-controls{display:none;bottom:175px;width:100%;padding:0 18px;justify-content:space-between;align-items:end}.touch-move{text-align:center}.touch-move div{display:flex;gap:4px;margin-top:4px}.touch-controls button{width:45px;height:45px;padding:0;background:#16303ec9;user-select:none}.touch-look{display:flex;gap:6px}#load{position:absolute;inset:0;z-index:8;background:#102c35;display:flex;flex-direction:column;justify-content:center;padding:8vw}#load .load-line{display:flex;gap:45px;font-size:12px;letter-spacing:.13em}#load h1{font:400 clamp(42px,7vw,90px)/1.1 Georgia,serif;letter-spacing:-.03em;margin:34px 0}#load p{font-size:14px;color:#cae2ea}progress{width:220px;height:3px;accent-color:#d2e8ed;border:0}#fallback{position:absolute;inset:0;z-index:5;background:#172d36}#fallback img{width:100%;height:100%;object-fit:cover;opacity:.65}#fallback>div{position:absolute;inset:auto auto 12% 6%;max-width:480px;padding:24px;background:#102c35ee;border:1px solid #fff3;border-radius:8px}#fallback h1{font:400 42px Georgia,serif;margin:10px 0}#fallback button{font-size:14px}#fade{position:absolute;inset:0;z-index:15;pointer-events:none;background:#07121b;opacity:0;transition:opacity .18s}#fade.active{opacity:1}dialog{color:#203039;background:#f5f7f8;border:0;border-radius:10px;box-shadow:0 30px 90px #00101977;width:min(900px,94vw);max-height:90dvh;padding:26px 30px;line-height:1.65}dialog::backdrop{background:#07182499;backdrop-filter:blur(7px)}dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}dialog header button{color:#172e38;background:transparent;border:0;padding:0 10px;font-size:30px;line-height:1.2}dialog h2{font:400 32px/1.2 Georgia,serif;margin:0 0 15px}dialog p{font-size:16px}dialog button.primary{background:#123442;color:#fff;margin:20px 0 0}.fine{font-size:13px!important;color:#586b73}#artwork-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.art-card{border-top:1px solid #bbcad0;padding-top:15px}.art-card img{width:100%;height:250px;object-fit:contain;background:#e8edf0}.art-card h3{font-size:20px;font-weight:500;line-height:1.3;margin:14px 0 5px}.art-card p{font-size:14px;margin:5px 0 10px}.art-card .art-meta{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#526772}.art-card button{background:#1a3a49;font-size:14px;color:#fff}.art-card a{font-size:14px;margin-left:12px}#help-content strong{font-weight:600}#help-content p{padding:10px 0;border-bottom:1px solid #cbd8dd}#settings-dialog{max-width:620px}#settings-dialog label{display:block;padding:15px 0}#settings-dialog input{width:18px;height:18px;vertical-align:middle}#settings-dialog a{font-size:14px}[hidden]{display:none!important}@media(pointer:coarse){.touch-controls{display:flex}}@media(max-width:650px){.top{padding:16px 14px}.identity{font-size:12px}.identity small{font-size:10px}.mark{display:none}.toolbar{gap:4px}.toolbar button{font-size:12px;padding:.5rem .55rem}.wayfinder{left:16px;top:94px}.wayfinder strong{font-size:20px}.bottom{padding:24px 14px 16px;align-items:end}.bottom #status{max-width:43%;font-size:11px}.bottom select{max-width:114px;font-size:12px}.bottom button{font-size:12px}.destinations{bottom:84px;max-width:95%;overflow-x:auto}.destinations button{font-size:12px;padding:.55rem .65rem}.touch-controls{bottom:160px}dialog{padding:22px}dialog h2{font-size:27px}#artwork-list{grid-template-columns:1fr}#fallback>div{left:4%;right:4%;bottom:9%;padding:20px}#fallback h1{font-size:34px}#fallback p{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#fade{transition:none}}

/* Original-panel reader: independent of WebGL and material quality. */
#panel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.panel-card{border-top:1px solid #bbcad0;padding-top:15px}.panel-card h3{font-size:20px;font-weight:500}.panel-card button{color:#fff;background:#1a3a49;margin:6px 8px 0 0}.panel-card p{white-space:pre-line}#panel-dialog{width:min(1400px,98vw);height:94dvh;max-height:94dvh;padding:18px;overflow:hidden}#panel-dialog[open]{display:flex;flex-direction:column}#panel-dialog header{flex:none}#panel-dialog h2{margin-bottom:10px}.panel-reader-controls{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.panel-reader-controls button{color:#fff;background:#1a3a49}.panel-reader-controls a{margin-left:auto}.panel-reader-controls span{font-size:13px}#panel-viewport{position:relative;flex:1;min-height:120px;overflow:hidden;touch-action:none;background:#d6dce0;cursor:grab;outline-offset:-3px}#panel-viewport:active{cursor:grabbing}#panel-original-image{position:absolute;inset:0 auto auto 0;max-width:none;transform-origin:0 0;user-select:none;pointer-events:none}#panel-reader-status[data-state=error]{color:#8b2424}@media(max-width:650px){#panel-list{grid-template-columns:1fr}#panel-dialog{padding:12px}.panel-reader-controls button{padding:.45rem .65rem}.panel-reader-controls a{font-size:12px}.panel-reader-controls span{font-size:11px}.toolbar{flex-wrap:wrap;justify-content:flex-end}}

/* Arrival viewport: JS updates the rectangle and projection together per frame. */
#viewer{overflow:hidden}
#scene{position:absolute;left:0;top:0;transition:none}