:root{--cream:#f6f3e9;--green:#304b3b;--muted:#747b68;--line:#d5d9cc;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Yu Gothic",Meiryo,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--green);background:#e5e4d6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #9f6a43;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#museum{height:100%;width:100%;position:relative}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none;cursor:grab}#world:active{cursor:grabbing}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #263b3012}.museum-header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:23px 34px;background:#f6f3e9ed;border-bottom:1px solid #304b3b14;gap:20px}.museum-brand{display:flex;align-items:center;font:italic 33px Georgia,serif;letter-spacing:-1.5px}.museum-brand>span{color:#a26d49}.museum-brand small{font:10px var(--sans);letter-spacing:.1em;border-left:1px solid var(--line);padding-left:18px;margin-left:22px}.header-actions{display:flex;gap:22px;font-size:11px;align-items:center}.header-actions button{background:none;border:0;font-size:10px}.header-actions button span{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #8d9a87;border-radius:50%;margin-left:6px}.room-title{position:absolute;top:120px;left:35px;pointer-events:none;text-shadow:0 1px 10px #f6f3e9,0 1px 4px #f6f3e9}.room-title>span{font:9px Georgia,serif;letter-spacing:.17em}.room-title h1{font:400 32px var(--serif);letter-spacing:.15em;margin:10px 0}.room-title p{font-size:10px;letter-spacing:.07em}.welcome{position:absolute;bottom:38px;left:35px;background:#f6f3e9f5;padding:33px 37px 23px;max-width:390px;border:1px solid #ffffff80;box-shadow:0 12px 35px #263b3015;z-index:4}.eyebrow{font:9px Georgia,var(--sans);letter-spacing:.15em}.welcome h2{font:400 34px/1.7 var(--serif);letter-spacing:.12em;margin:15px 0}.welcome p{font-size:11px;line-height:2.1}.welcome .welcome-hint{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.primary-button{background:var(--green);color:var(--cream);border:1px solid var(--green);padding:15px 19px;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;font-size:11px;margin-top:20px}.primary-button:hover{background:#45644e}.quiet-button{border:0;background:none;font-size:10px;display:block;margin:15px auto 0;padding:6px}.load-status{position:absolute;bottom:40px;left:35px;background:var(--cream);padding:16px 24px;font-size:12px}.map-panel{position:absolute;right:30px;top:120px;width:144px;background:#f6f3e9eb;border:1px solid #d7dcce;padding:10px 12px 8px;box-shadow:0 5px 18px #263b3009}.map-heading{display:flex;align-items:center;justify-content:space-between;font:8px Georgia,serif;letter-spacing:.11em}.map-heading button{border:0;background:none;font-size:18px;line-height:1;padding:0 0 2px 8px}#map-svg{display:block;width:100%;height:195px;margin-top:7px}.map-room{fill:#e7e6d8;stroke:#8e9d87;stroke-width:2}.map-bench{fill:#d0ba93}.map-name{font:italic 10px Georgia,serif;fill:#52654d}#map-you{fill:var(--green)}.map-art{cursor:pointer}.map-art rect{fill:#a78b62;stroke:#f6f3e9;stroke-width:1}.map-art.active rect{fill:#304b3b}.map-art text{fill:var(--green);font:8px Georgia,serif}.map-art.active text{font-weight:bold}.map-panel p{font-size:8px;margin:3px 0;color:var(--muted)}.map-panel p span{display:block;margin-top:3px}.walk-hint{position:absolute;left:50%;bottom:132px;transform:translateX(-50%);font-size:10px;letter-spacing:.07em;white-space:nowrap;background:#f6f3e9b8;padding:6px 13px;pointer-events:none}.walk-hint span{margin:0 8px;color:#9ca28c}.walk-controls{position:absolute;left:33px;bottom:27px;width:127px;text-align:center;background:#f6f3e9e8;padding:13px 14px 8px;border:1px solid #d7dcce;user-select:none;-webkit-user-select:none}.controls-label{font:8px Georgia,var(--sans);letter-spacing:.1em}.direction-pad{display:grid;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(2,29px);gap:4px;justify-content:center;margin-top:8px}.direction-pad button{border:1px solid #bec7b5;background:#faf8ef;touch-action:none;font-size:17px;line-height:1}.direction-pad button:active,.direction-pad button.pressed{background:var(--green);color:var(--cream)}.forward{grid-column:2}.left{grid-row:2;grid-column:1}.back{grid-row:2;grid-column:2}.right{grid-row:2;grid-column:3}.look-controls{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.look-controls button{border:0;background:none;font-size:21px;padding:0 5px}.look-controls span{font-size:8px}.art-navigation{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:400px;max-width:calc(100% - 380px);background:#f6f3e9ef;border:1px solid #d7dcce;box-shadow:0 5px 20px #263b3012;padding:17px 20px 15px}.current-work{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.current-work>span{font:9px Georgia,var(--sans);color:var(--muted)}.current-work strong{font:400 13px var(--serif);letter-spacing:.05em}.art-navigation-buttons{display:flex;justify-content:space-between;gap:8px}.art-navigation-buttons button{height:35px;min-width:35px;border:1px solid #b9c5b0;background:transparent;font-size:15px}.art-navigation-buttons #view-art{flex:1;background:var(--green);color:var(--cream);border-color:var(--green);font-size:10px}.utility-controls{position:absolute;bottom:28px;right:29px;display:flex;flex-direction:column;gap:9px}.utility-controls button{border:1px solid #c8cebe;background:#f6f3e9e8;padding:9px 13px;font-size:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,90vw);padding:35px;background:var(--cream);line-height:2}.fallback h2{font:400 30px var(--serif)}.fallback p{font-size:12px}dialog{color:var(--green);border:1px solid var(--line);background:var(--cream);max-height:92dvh}dialog::backdrop{background:#1d3027cf;backdrop-filter:blur(5px)}.close-dialog{position:absolute;top:13px;right:16px;border:0;background:none;font-size:15px;padding:5px;z-index:1}.help-dialog{width:min(520px,91vw);padding:40px}.help-dialog h2{font:400 25px/1.8 var(--serif);margin:20px 0}.help-dialog dl{margin:20px 0}.help-dialog dl>div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.9}.help-dialog dt{font-family:var(--serif)}.help-dialog dd{margin:0;color:#68765f}.help-note{font-size:10px;line-height:1.9;color:var(--muted)}.work-dialog{width:min(1050px,95vw);padding:50px 40px 35px}.work-modal-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.work-modal-layout>img{width:100%;height:74dvh;object-fit:contain}.work-modal-copy h2{font:400 27px/1.8 var(--serif);letter-spacing:.08em;margin:20px 0}.work-modal-copy>p{font-size:12px;line-height:2.2}.work-author{display:block;font-size:10px;line-height:2;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.work-modal-copy .naming-note{font-size:9px;color:var(--muted);margin-top:20px}.modal-navigation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:25px;padding-top:15px}.modal-navigation button{background:none;border:1px solid #bec8b3;width:35px;height:35px}.modal-navigation>span{font:11px Georgia,serif}
@media(max-width:800px){.museum-header{padding:16px 20px}.museum-brand{font-size:28px}.museum-brand small{font-size:8px;margin-left:12px;padding-left:12px}.header-actions{gap:12px;font-size:9px}.header-actions button{font-size:0}.header-actions button span{font-size:10px}.room-title{top:95px;left:22px}.room-title h1{font-size:27px}.room-title>span{font-size:8px}.map-panel{top:93px;right:18px;width:110px;padding:8px}.map-heading{font-size:7px}#map-svg{height:143px}.map-panel p{font-size:7px}.walk-controls{left:18px;bottom:95px;transform:scale(.93);transform-origin:left bottom}.art-navigation{max-width:none;width:calc(100% - 36px);bottom:18px;padding:12px 15px 10px}.current-work{margin-bottom:9px}.current-work strong{font-size:12px}.art-navigation-buttons button{height:32px}.utility-controls{right:18px;bottom:111px}.walk-hint{bottom:222px;font-size:8px;padding:5px 8px;left:20px;transform:none}.welcome{bottom:23px;left:20px;padding:25px 27px 19px;max-width:340px;width:calc(100% - 40px)}.welcome h2{font-size:29px;margin:14px 0}.welcome p{font-size:10px}.welcome .welcome-hint{font-size:9px;padding-top:12px;margin-top:15px}.room-title p{font-size:9px}.work-dialog{padding:43px 19px 23px}.work-modal-layout{grid-template-columns:1fr;gap:15px}.work-modal-layout>img{height:52dvh}.work-modal-copy h2{font-size:23px;margin:12px 0}.work-modal-copy>p{font-size:11px}.work-author{margin-top:16px;padding-top:15px}.work-modal-copy .naming-note{margin-top:12px}.modal-navigation{margin-top:16px}.help-dialog{padding:32px 24px}.help-dialog h2{font-size:21px}.help-dialog dl>div{grid-template-columns:65px 1fr;gap:10px;font-size:10px}}
@media(max-width:400px){.museum-brand small{font-size:7px;margin-left:9px;padding-left:9px}.header-actions{gap:7px}.museum-header{padding-inline:15px}.welcome{left:16px;width:calc(100% - 32px)}.room-title{left:18px}.room-title h1{font-size:23px}.room-title p{font-size:8px}.room-title>span{font-size:7px}.map-panel{right:14px;width:98px}.walk-hint{font-size:7px;bottom:236px}.walk-controls{bottom:109px}.utility-controls{bottom:120px}.current-work>span{font-size:8px}}
@media(max-height:600px) and (min-width:650px){.welcome{bottom:18px;padding:18px 25px;width:330px}.welcome h2{font-size:23px;line-height:1.5;margin:7px 0}.welcome p{font-size:9px}.welcome .welcome-hint{margin-top:9px;padding-top:9px}.primary-button{margin-top:10px;padding:11px 15px}.quiet-button{margin-top:6px}.room-title{top:100px}.map-panel{top:98px;width:110px}#map-svg{height:130px}.work-modal-layout>img{height:68dvh}}
.map-art .map-hit,.map-art.active .map-hit{fill:transparent;stroke:none;pointer-events:all}
@media(max-width:800px){.walk-hint{bottom:270px}}
.object-view>img{display:block;width:100%;height:57dvh;object-fit:contain;touch-action:none;cursor:ew-resize;background:#eae5d8}.object-view>p{font-size:10px;line-height:1.9;color:var(--muted)}.object-view-tabs{display:flex;gap:9px;margin:14px 0}.object-view-tabs button{font-size:10px;padding:9px 12px;background:transparent;border:1px solid #bec8b3}.object-view label{font-size:10px;display:flex;justify-content:space-between}.object-view input{width:100%;margin:16px 0;accent-color:var(--green)}.object-film{margin-top:24px;font-size:11px}.object-film video{display:block;width:100%;margin-top:14px}.map-object{cursor:pointer}.header-actions #object-jump{font-size:10px;background:var(--green);color:var(--cream);padding:8px 12px}
@media(max-width:800px){.header-actions #object-jump{font-size:8px;padding:7px}.museum-brand small{display:none}.object-view>img{height:45dvh}.object-view-tabs button{font-size:9px;padding:8px}.object-dialog .work-modal-layout{gap:15px}}
.failure-diagnostics{font-size:11px;line-height:1.8;margin:16px 0;color:#67765e}.failure-diagnostics code{display:block;font-size:10px;margin-top:8px;overflow-wrap:anywhere}