@font-face{font-family:Space;src:local('Avenir Next Condensed');font-weight:100 900}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#d6d3c9;color:#272824;font-family:Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d9414a;outline-offset:4px}button{border:0}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#f7f5ee;border-bottom:1px solid #d9d6cc;position:relative;z-index:20}.brand{display:flex;gap:11px;align-items:center;font-family:Space,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;font-weight:800;letter-spacing:1px;font-size:22px}.brand-r{display:grid;place-items:center;background:#a82733;color:#fff3dc;width:38px;height:42px;font-family:Georgia,serif;font-size:34px;line-height:1;border-radius:3px}.brand small{display:block;font:8px Arial,sans-serif;letter-spacing:2px;margin-top:5px;color:#7a776e}.mode-switch{position:absolute;left:50%;transform:translateX(-50%);display:flex;padding:4px;background:#e8e6df;border-radius:7px;gap:2px}.mode-switch button{background:transparent;color:#6f7067;padding:10px 22px;font-size:12px;font-weight:600;border-radius:4px}.mode-switch button.active{background:#fcfbf7;box-shadow:0 2px 5px #00000012;color:#a52731}.header-actions{display:flex;align-items:center;gap:17px}.header-actions>button{font-size:12px;background:transparent}.header-actions span{font-size:19px;margin-right:7px}.circle-button{width:29px;height:29px;display:grid;place-items:center;border:1px solid #c9c8bf!important;background:transparent;border-radius:50%;font-size:19px!important}.header-actions .circle-button{font:italic 17px Georgia,serif!important}#viewer{height:calc(100dvh - 76px);position:relative;overflow:hidden}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene.dragging{cursor:grabbing}.scene-heading{position:absolute;left:34px;top:32px;pointer-events:none;text-shadow:0 1px 12px #fff8e66b}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:8px;color:#8c242b}.live-dot{height:6px;width:6px;background:#a72a33;border-radius:50%}.scene-heading h1{font-weight:500;letter-spacing:-2px;font-size:33px;margin:12px 0 10px}.scene-heading p{font-size:12px;font-weight:600;margin:0}.scene-heading p span{color:#5d6059;font-weight:400;margin-left:10px;font-size:10px}.view-actions{position:absolute;top:30px;right:28px;display:flex;gap:8px}.glass-button{background:#f8f6eeea;backdrop-filter:blur(10px);border:1px solid #ffffff80;padding:12px 16px;border-radius:6px;box-shadow:0 4px 14px #00000009;font-size:11px;font-weight:600}.glass-button span{font-size:16px;margin-right:7px}#lighting{font-size:18px;padding:8px 14px}.current-place{position:absolute;left:34px;bottom:175px;display:flex;align-items:center;gap:12px;color:#fffdf5;text-shadow:0 1px 8px #0007;pointer-events:none}.place-line{width:2px;height:40px;background:#fff9}.current-place small{font-size:10px;display:block;letter-spacing:.3px;margin-bottom:6px}.current-place strong{font-size:24px;font-weight:500}.bottom-bar{position:absolute;bottom:40px;left:28px;right:28px;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:12px;background:#f8f6f0f2;backdrop-filter:blur(16px);border:1px solid #ffffff70;border-radius:9px;box-shadow:0 5px 35px #211e1826}.bottom-bar nav{display:flex;gap:8px;min-width:0}.viewpoint{display:flex;align-items:center;gap:10px;min-width:136px;padding:5px 14px 5px 5px;border-radius:5px;background:transparent;text-align:left;border:1px solid transparent;color:#53554d;transition:background .15s}.viewpoint img{width:48px;height:43px;object-fit:cover;border-radius:3px;filter:saturate(.65)}.viewpoint.active{border-color:#b5343d;background:#fffdf9;color:#962630}.viewpoint.active img{filter:none}.viewpoint span{font-size:11px;font-weight:700;white-space:nowrap}.viewpoint small{display:block;font-size:8px;font-weight:400;margin-top:5px;color:#7f8078}.tour-button{background:#ac2e37;color:#fffaf0;border-radius:5px;padding:17px 18px;display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:11px}.tour-button #tour-icon{font-size:16px}.hint{position:absolute;bottom:139px;left:50%;transform:translateX(-50%);font-size:10px;background:#2c2c27bd;color:#f6f3e9;padding:10px 14px;border-radius:30px;display:flex;gap:9px;align-items:center;white-space:nowrap;pointer-events:none}.hint b{margin:0 8px;font-weight:400;color:#bbb}.mouse-icon{height:14px;width:9px;border:1px solid #ddd;border-radius:4px;position:relative}.mouse-icon:before{content:'';position:absolute;width:1px;height:4px;left:3px;top:2px;background:#ddd}.provenance{position:absolute;bottom:13px;left:29px;color:#f6f3e9;font-size:9px;text-shadow:0 1px 6px #000;pointer-events:none}.provenance span{margin:0 6px}#minimap{position:absolute;bottom:158px;right:28px;width:174px;background:#fbf8efeb;border-radius:7px;border:1px solid #fffc;padding:12px 13px 10px;box-shadow:0 6px 24px #0001;text-align:left}.map-title{font-size:8px;letter-spacing:1.4px;font-weight:700;display:flex;justify-content:space-between}#mini-svg{display:block;width:100%;height:119px;margin:6px 0}#minimap small{font-size:8px;color:#817f73}.hotspot{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#fff6e7e3;color:#98303a;box-shadow:0 0 0 5px #ffffff25,0 2px 7px #0003;border:1px solid #fff;display:grid;place-items:center;font-size:15px}.hotspot:after{content:attr(data-label);position:absolute;top:37px;font-size:10px;background:#21201ed9;color:#fff;padding:6px 8px;border-radius:4px;white-space:nowrap;opacity:0;transition:opacity .2s}.hotspot:hover:after,.hotspot:focus-visible:after{opacity:1}#crosshair{position:absolute;left:50%;top:50%;height:3px;width:3px;border-radius:50%;background:#fffa;box-shadow:0 0 2px #111;pointer-events:none}.walk-controls{position:absolute;left:28px;bottom:242px;display:none}.walk-controls button{background:#f8f5eadb;color:#4f5149;border:1px solid #fff9;width:37px;height:37px;border-radius:6px;font-size:19px;user-select:none;touch-action:none}.walk-controls>button{margin-left:41px;margin-bottom:4px}.walk-controls>div{display:flex;gap:4px}.loading{position:absolute;inset:0;background:#e6e2d7;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:7}.loading p{font-size:14px;margin:22px 0 12px}.loading small{font-size:9px;letter-spacing:3px;color:#8f897c}.loader{width:34px;height:34px;border:2px solid #d1c7b7;border-top-color:#a62a32;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#fade{position:absolute;inset:0;background:#393128;opacity:0;pointer-events:none;transition:opacity .18s;z-index:6}#fade.on{opacity:1}#toast{position:absolute;bottom:217px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#2c2c27e8;color:#fff;font-size:12px;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:12}#toast.show{opacity:1}.error-card{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:min(90%,400px);padding:28px;background:#fff9ec;border-radius:8px;z-index:8;font-size:13px}.error-card h2{font-size:20px}.error-card p{line-height:1.8}#photo-panel{position:absolute;top:76px;right:0;bottom:0;width:370px;background:#faf8f1;box-shadow:-8px 0 50px #0002;z-index:16;padding:23px;overflow-y:auto}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.7px;color:#8b2b34}#photo-panel h2{font-size:27px;font-weight:500;margin:27px 0 12px}#photo-description{font-size:12px;line-height:1.8;color:#66685e;min-height:44px}.photo-image{margin-top:25px;background:#e6e1d5;min-height:220px;display:flex;align-items:center}.photo-image img{width:100%;max-height:380px;object-fit:contain}.reference-caption{display:flex;justify-content:space-between;font-size:8px;color:#969182;margin:10px 0 22px}.photo-pagination{display:flex;justify-content:space-between;align-items:center;font-size:10px;border-top:1px solid #dedacf;border-bottom:1px solid #dedacf;padding:8px 0}.photo-pagination button{font-size:20px;background:none;padding:6px 15px}.reference-note{font-size:11px;line-height:1.7;color:#858174}#photo-panel>a,dialog a{font-size:11px;color:#9d2d36;text-decoration:underline;text-underline-offset:4px}dialog{border:0;border-radius:10px;width:min(1000px,92vw);padding:30px;background:#faf8f1;color:#31342d;max-height:90dvh;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#16191399;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:start}.dialog-top h2{font-size:27px;font-weight:500;margin:12px 0 22px}dialog img{width:100%;display:block;border-radius:4px}dialog p{font-size:12px;line-height:1.8;color:#747266}#about-dialog{max-width:520px}dialog dl{border-top:1px solid #d9d4c7;margin-top:23px;padding-top:12px}dialog dt{font-size:10px;font-weight:700;margin-top:18px;color:#a33339}dialog dd{margin:7px 0;font-size:12px;line-height:1.7}body.overview .current-place,body.overview .walk-controls,body.overview #crosshair{display:none}body.overview .scene-heading{text-shadow:none}@media(min-width:1000px){body.photo-open .view-actions,body.photo-open #minimap{right:390px}body.photo-open .bottom-bar{right:390px}body.photo-open .bottom-bar nav{overflow:auto}body.photo-open .tour-button{padding:15px 10px}body.photo-open .tour-button #tour-label{display:none}}@media(max-width:1150px){.viewpoint{min-width:105px;gap:7px;padding-right:9px}.viewpoint img{width:36px;height:37px}.viewpoint small{display:none}.bottom-bar{gap:10px}.tour-button{padding:16px 13px}.scene-heading h1{font-size:28px}}@media(max-width:780px){.topbar{height:65px;padding:0 16px}.brand{font-size:18px}.brand-r{width:30px;height:34px;font-size:27px}.brand small{font-size:6px;letter-spacing:1px}.header-actions{gap:9px}.header-actions>button{font-size:11px}.mode-switch{position:fixed;top:81px;z-index:30;padding:3px;left:50%;}.mode-switch button{padding:9px 16px;font-size:11px}#viewer{height:calc(100dvh - 65px)}.scene-heading{top:78px;left:20px}.scene-heading h1{font-size:25px;margin:10px 0}.scene-heading .eyebrow{font-size:8px}.scene-heading p{font-size:11px}.scene-heading p span{display:block;margin:6px 0;font-size:9px}.view-actions{right:16px;top:81px;flex-direction:column;align-items:end}.glass-button{padding:10px;font-size:10px}.glass-button span{display:none}#lighting{padding:6px 12px}.bottom-bar{bottom:36px;left:12px;right:12px;padding:8px;gap:8px}.bottom-bar nav{overflow-x:auto;scrollbar-width:none;gap:4px}.viewpoint{min-width:84px;display:flex;flex-direction:column;gap:5px;padding:3px 6px 6px}.viewpoint img{width:65px;height:38px}.viewpoint span{font-size:9px}.tour-button{height:62px;padding:8px;flex-direction:column;justify-content:center;gap:4px;font-size:8px}.tour-button #tour-label{max-width:35px;white-space:normal;text-align:center}.hint{bottom:133px;font-size:9px;padding:8px 12px;width:auto;max-width:95%}.hint b{margin:0 4px}.hint .mouse-icon{display:none}.current-place{bottom:187px;left:20px}.current-place strong{font-size:21px}.current-place small{font-size:9px}#minimap{right:14px;bottom:177px;width:128px;padding:9px}#mini-svg{height:86px}#minimap small{font-size:6px}.map-title{font-size:6px}.walk-controls{display:block;bottom:261px;left:17px}.provenance{font-size:7px;bottom:14px;left:15px}#photo-panel{top:auto;bottom:0;width:100%;max-height:78dvh;border-radius:16px 16px 0 0;padding:20px}#photo-panel h2{margin:15px 0 8px;font-size:23px}.photo-image{margin-top:12px}.photo-image img{max-height:32dvh}.photo-image{min-height:100px}#photo-description{min-height:auto}dialog{padding:20px}.dialog-top h2{font-size:22px}dialog p{font-size:11px}#toast{bottom:160px;width:max-content;max-width:90%;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.scene-heading{padding:15px 18px;background:#f8f6eede;backdrop-filter:blur(12px);border:1px solid #ffffff66;border-radius:7px;text-shadow:none}.scene-heading h1{font-size:26px;margin:9px 0}.scene-heading p span{font-size:9px}@media(max-width:780px){.scene-heading{padding:12px;max-width:185px}.scene-heading h1{font-size:22px}.scene-heading p span{font-size:8px}}

body.overview #minimap{display:none}

/* Design stories stay quiet while walking; details open only on request. */
#stories-open small{font-size:9px;margin-left:5px;color:#96313b}
#story-teaser{position:absolute;left:50%;bottom:191px;transform:translateX(-50%);width:330px;z-index:11;background:#faf8f1;border-radius:12px;box-shadow:0 10px 34px #211e1836;animation:story-arrive .24s cubic-bezier(.16,1,.3,1)}
#story-open{display:block;background:none;width:100%;padding:19px 44px 16px 19px;text-align:left;color:#292c25;border-radius:12px}
#story-teaser-title{display:block;font-size:15px;font-weight:600;line-height:1.5}
#story-teaser-summary{display:block;margin-top:6px;font-size:11px;line-height:1.7;color:#605b50;max-width:255px}
#story-teaser .story-read{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;font-weight:600;color:#9b2936}
#story-teaser svg,#story-panel svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#story-dismiss{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:36px;height:36px;background:none;color:#635d52;border-radius:50%}
#story-panel{position:absolute;top:76px;right:0;bottom:0;width:390px;padding:23px 25px 30px;z-index:18;background:#faf8f1;box-shadow:-8px 0 50px #0002;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9b09f #faf8f1}
.story-panel-top{display:flex;justify-content:space-between;align-items:center;min-height:36px}
#story-close{margin-left:auto;width:36px;height:36px}
#story-back{display:flex;align-items:center;gap:7px;padding:9px 3px;background:none;color:#813039;font-size:11px}
#story-panel h2{font-size:25px;line-height:1.35;font-weight:500;letter-spacing:-.6px;margin:24px 0 12px;text-wrap:balance}
.story-intro{font-size:12px;line-height:1.8;color:#605b50;margin-bottom:27px}
#story-list{border-top:1px solid #d8d1c3}
.story-list-item{width:100%;display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #d8d1c3;background:none;color:#34382d;text-align:left}
.story-list-item img{width:80px;height:72px;object-fit:cover;border-radius:4px}
.story-list-item>span{font-size:13px;font-weight:600;line-height:1.6}
.story-list-item small{display:block;color:#635e52;font-size:10px;font-weight:400;margin-top:5px}
.story-list-item.read small:after{content:' · 읽음';color:#97343e}
.story-attribution{font-size:10px;line-height:1.8;color:#736b5a;margin:23px 0}
#story-location{font-size:11px;color:#943039;margin:0 0 21px}
#story-detail figure{margin:0 0 25px}
#story-photo{display:block;width:100%;max-height:330px;object-fit:contain;background:#e9e2d5;border-radius:4px}
#story-detail figcaption{font-size:9px;line-height:1.5;color:#716858;margin-top:10px}
#story-body{font-size:14px;line-height:1.9;word-break:keep-all;margin:0 0 24px}
#story-scope{font-size:11px;line-height:1.8;color:#736b5a;border-top:1px solid #d8d1c3;padding-top:19px;margin-bottom:12px}
#story-source{font-size:11px;color:#91303a;text-decoration:underline;text-underline-offset:4px}
#story-visit{display:block;width:100%;margin-top:25px;padding:14px;background:#a72d38;color:#fffaf0;font-size:12px;border-radius:5px}
body.story-open .walk-controls{visibility:hidden}
#story-panel ::selection,#story-teaser ::selection{background:#ad303a;color:#fffaf0}
@keyframes story-arrive{from{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%,0)}}
@media(min-width:1000px){body.story-open .view-actions,body.story-open #minimap{right:412px}body.story-open .bottom-bar{right:412px}body.story-open .bottom-bar nav{overflow:auto}body.story-open .tour-button{padding:15px 10px}body.story-open .tour-button #tour-label{display:none}}
@media(max-width:780px){
 #stories-open{min-height:35px}#stories-open small{font-size:8px}
 #story-teaser{left:auto;right:13px;bottom:177px;transform:none;width:calc(100% - 160px);max-width:300px;min-width:177px;animation-name:story-arrive-mobile}
 #story-open{padding:14px 31px 14px 14px}
 #story-teaser-title{font-size:12px;max-width:165px}
 #story-teaser-summary{font-size:10px;line-height:1.7}
 #story-teaser .story-read{font-size:10px;margin-top:10px;gap:4px}
 #story-dismiss{width:30px;height:30px;right:2px;top:2px}
 body.story-offered #minimap{visibility:hidden}
 #story-panel{top:auto;bottom:0;width:100%;max-height:78dvh;border-radius:16px 16px 0 0;padding:16px 22px calc(24px + env(safe-area-inset-bottom))}
 #story-panel h2{font-size:23px;margin-top:18px}
 #story-photo{max-height:31dvh}
 #story-body{font-size:13px;line-height:1.9}
 .story-list-item{padding:14px 0}.story-list-item img{width:74px;height:65px}
 body.story-open .bottom-bar,body.story-open .hint,body.story-open .current-place,body.story-open #minimap{visibility:hidden}
}
@keyframes story-arrive-mobile{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:630px){#story-teaser{bottom:159px}#story-teaser-summary{display:none}#story-panel{max-height:85dvh}}