:root{color-scheme:light;--ink:#352f27;--muted:#776e60;--paper:#f6f1e7;--line:rgba(91,75,50,.18);--accent:#8b4d35;--glass:rgba(249,246,238,.9);font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#experience{width:100%;height:100%;margin:0;overflow:hidden}body{background:#eae3d5;color:var(--ink)}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}#city-canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.edge-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(241,235,223,.28),transparent 24%,transparent 72%,rgba(76,65,44,.04))}.ui-chrome{transition:opacity .25s,transform .25s}.ui-hidden .ui-chrome{opacity:0;pointer-events:none}.masthead{position:absolute;left:38px;top:35px;pointer-events:none;user-select:none;text-shadow:0 1px 12px rgba(246,241,231,.8)}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:#76886b;box-shadow:0 0 0 3px rgba(118,136,107,.1)}h1{margin:11px 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:39px;letter-spacing:-1.9px;line-height:1.1;font-weight:400}h1 em{font-weight:400}.title-dot{color:var(--accent)}.subtitle{font-size:12px;letter-spacing:.06em;margin:10px 0 20px;color:#635a4c}.city-facts{display:flex;align-items:center;gap:12px;font-size:10px;color:#726858;letter-spacing:.02em}.city-facts i{width:2px;height:2px;border-radius:50%;background:#a59a88}.utility-bar{position:absolute;right:32px;top:34px;display:flex;gap:7px}.icon-button{width:39px;height:39px;display:grid;place-items:center;background:rgba(249,246,238,.7);border:1px solid var(--line);border-radius:50%;backdrop-filter:blur(10px);transition:background .2s,transform .2s}.icon-button:hover{background:var(--paper);transform:translateY(-1px)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.controls-hint{position:absolute;left:38px;bottom:40px;display:flex;align-items:center;gap:12px;background:rgba(249,246,238,.8);border:1px solid rgba(91,75,50,.1);border-radius:8px;padding:13px 11px 13px 14px;backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(61,51,30,.03)}.controls-hint>svg{width:17px;height:23px;color:#8b7d69;flex-shrink:0}.controls-hint p{margin:0;line-height:1.65}.controls-hint strong{font-size:10px;font-weight:400;display:block;color:#5e5547}.controls-hint span{font-size:9px;display:block;color:#928675}.controls-hint button{background:none;align-self:flex-start;font-size:17px;line-height:1;color:#9c907e;padding:0 3px 5px 10px}.touch-hint{display:none!important}.journey-dock{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:474px;padding:17px 19px 11px;background:var(--glass);border:1px solid rgba(255,255,255,.75);border-radius:13px;box-shadow:0 8px 42px rgba(66,52,32,.13),0 1px 3px rgba(66,52,32,.04);backdrop-filter:blur(18px)}.dock-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.035em;color:#978874;padding:0 2px 12px}.dock-heading>span:first-child{color:#716553}.dock-heading>span:last-child{font-size:9px}.view-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.view-button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;background:transparent;border-radius:5px;padding:12px 4px;font-size:11px;color:#6f6351;border:1px solid var(--line);transition:background .2s,color .2s,border .2s}.view-button:hover{background:#ebe3d5}.view-button.active{background:#655a48;border-color:#655a48;color:#fffaf0}.view-index{font-size:8px;opacity:.55;letter-spacing:.02em}.playback-row{display:flex;align-items:center;gap:12px;padding:14px 2px 11px;border-bottom:1px solid rgba(91,75,50,.1)}.play-button{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:95px;padding:3px 0;background:none;font-size:10px;color:#625643}.play-button svg{width:14px;height:14px;stroke-width:2.1}#play-icon{fill:currentColor;stroke:none}.speed-buttons{display:flex;align-items:center;gap:3px}.speed-buttons button{font-size:10px;line-height:1;width:34px;padding:7px 2px;background:none;border-radius:4px;color:#938570}.speed-buttons button:hover{background:#eee6d8}.speed-buttons button.active{background:#e5dccb;color:#554936}.playback-divider{width:1px;height:15px;background:var(--line);margin:0 3px}.orbit-button{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10px;background:transparent;padding:4px 0;color:#8b7d68;white-space:nowrap}.orbit-button svg{width:18px;height:18px}.orbit-button[aria-pressed=true]{color:var(--accent)}.timeline-row{display:flex;gap:10px;align-items:center;padding-top:10px;color:#9b8c76;font-size:8px;font-variant-numeric:tabular-nums}.timeline-row input{min-width:0;flex:1;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#9c8665 var(--progress,0%),#ded5c5 var(--progress,0%));height:2px;cursor:pointer;border-radius:2px}.timeline-row input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;background:#8b7351;border:2px solid #f6f1e7;border-radius:50%;box-shadow:0 0 0 1px #bbaa91}.timeline-row input::-moz-range-thumb{width:5px;height:5px;background:#8b7351;border:2px solid #f6f1e7;border-radius:50%;box-shadow:0 0 0 1px #bbaa91}.scene-note{position:absolute;right:38px;bottom:45px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.04em;color:#776d5c;pointer-events:none}.note-line{width:19px;height:1px;background:#9f9079}.restore-button{position:absolute;right:24px;top:24px;display:flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid var(--line);background:rgba(249,246,238,.82);border-radius:25px;backdrop-filter:blur(8px);font-size:10px;color:#6a5d48}.restore-button span{font-size:8px;border:1px solid #c5b9a5;border-radius:3px;padding:2px 4px}.loading-panel,.error-panel{position:absolute;inset:0;z-index:20;background:rgba(237,231,219,.96);display:grid;place-items:center;transition:opacity .6s}.loading-panel.leaving{opacity:0;pointer-events:none}.loading-card,.error-card{width:min(370px,calc(100vw - 52px));text-align:center}.loading-card .eyebrow,.error-card .eyebrow{justify-content:center;font-size:8px;letter-spacing:.24em}.loading-card h2,.error-card h2{font-size:21px;font-weight:400;letter-spacing:-.05em;margin:16px 0 14px}.loading-card p,.error-card p{font-size:11px;line-height:1.8;color:#8d7f69}.loading-mark{height:58px;display:flex;gap:3px;align-items:flex-end;justify-content:center;margin:0 auto 33px}.loading-mark span{background:#b6a488;width:11px;animation:breath 1.8s ease-in-out infinite}.loading-mark span:nth-child(1){height:24px;animation-delay:0s}.loading-mark span:nth-child(2){height:38px;animation-delay:.15s}.loading-mark span:nth-child(3){height:55px;background:#9d896c;animation-delay:.3s}.loading-mark span:nth-child(4){height:31px;animation-delay:.45s}.loading-mark span:nth-child(5){height:20px;animation-delay:.6s}@keyframes breath{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.loading-progress{margin-top:26px;height:2px;border-radius:2px;background:#dbd1bf;overflow:hidden}#loading-fill{width:0%;height:100%;background:#917a59;transition:width .25s}.loading-meta{display:flex;justify-content:space-between;margin-top:10px;font-size:9px;color:#9a8a70;font-variant-numeric:tabular-nums}.loading-card .loading-footnote{font-size:9px;margin-top:30px;color:#aa9c85}.error-card button{margin-top:17px;background:#655a48;color:#fff7e9;padding:12px 19px;border-radius:5px;font-size:11px}.error-card button span{margin-left:20px}.error-card .error-help{font-size:9px;margin-top:22px}.toast{position:absolute;left:50%;top:30px;transform:translateX(-50%);z-index:30;background:rgba(68,59,45,.92);color:#fff6e5;padding:11px 18px;border-radius:20px;font-size:11px;box-shadow:0 4px 14px #0001}.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}@media(min-width:1500px){.masthead{left:48px;top:43px}.utility-bar{right:43px;top:42px}.journey-dock{bottom:36px}.controls-hint{left:48px;bottom:47px}.scene-note{right:48px;bottom:51px}}@media(max-width:1150px){.controls-hint{bottom:242px;left:24px}.scene-note{display:none}.masthead{left:26px;top:27px}.utility-bar{right:24px;top:26px}.journey-dock{bottom:24px}}@media(max-width:600px){.masthead{left:22px;top:max(24px,env(safe-area-inset-top))}.eyebrow{font-size:8px;gap:8px}h1{font-size:31px;letter-spacing:-1.3px;margin-top:11px}.subtitle{font-size:10px;margin:8px 0 13px}.city-facts{font-size:8px;gap:9px}.utility-bar{right:17px;top:max(21px,env(safe-area-inset-top));gap:6px;flex-direction:column}.icon-button{width:33px;height:33px}.icon-button svg{width:17px;height:17px}.journey-dock{width:calc(100% - 28px);max-width:450px;bottom:max(15px,env(safe-area-inset-bottom));padding:14px 14px 11px;border-radius:12px}.dock-heading{font-size:8px;padding-bottom:10px}.view-button{font-size:10px;gap:5px;padding:11px 3px}.view-index{font-size:7px}.playback-row{gap:6px;padding:12px 1px 10px}.play-button{min-width:89px;font-size:10px}.speed-buttons{gap:0}.speed-buttons button{width:29px}.playback-divider{margin:0 4px}.orbit-button{font-size:9px;gap:3px}.orbit-button svg{width:16px}.timeline-row{padding-top:9px}.controls-hint{left:50%;transform:translateX(-50%);bottom:213px;max-width:calc(100% - 40px);width:max-content;padding:9px 10px 9px 12px;gap:9px}.controls-hint strong{font-size:9px}.controls-hint span{font-size:8px}.controls-hint>svg{width:15px}.controls-hint button{padding-left:5px}.toast{top:auto;bottom:223px;width:max-content;max-width:calc(100% - 32px);font-size:10px;text-align:center}.restore-button{right:17px;top:22px}}@media(hover:none),(pointer:coarse){.desktop-hint{display:none!important}.touch-hint{display:block!important}}@media(max-height:520px) and (min-width:601px){.masthead{top:20px;left:23px}h1{font-size:29px}.subtitle{margin:8px 0 12px}.journey-dock{left:auto;right:20px;transform:none;bottom:18px;width:420px;padding-top:12px}.controls-hint{bottom:20px;left:22px}.utility-bar{top:20px;right:20px}.dock-heading{padding-bottom:7px}.view-button{padding:9px 3px}.playback-row{padding:9px 0}.city-facts{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Actual rendered-media fallback. Images/video remain distinct from live 3D. */
.preview-surface{position:absolute;inset:0;background:#eae3d5;overflow:hidden}.preview-surface img,.preview-surface video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.preview-mode #city-canvas{display:none}.preview-mode .edge-shade{background:linear-gradient(180deg,rgba(246,240,227,.65),transparent 28%,transparent 60%,rgba(231,221,202,.22))}.preview-notice{position:absolute;top:185px;left:38px;max-width:310px;padding:12px 15px;background:rgba(249,246,238,.92);border:1px solid rgba(91,75,50,.14);border-radius:8px;backdrop-filter:blur(12px);box-shadow:0 3px 16px #493b2610}.preview-notice p{margin:0;font-size:10px;line-height:1.7;color:#8b7c66}.preview-notice p strong{display:block;font-weight:500;font-size:11px;color:#6b5941;margin-bottom:2px}.preview-notice p span{display:block;font-size:9px}.preview-notice>div{display:flex;align-items:center;gap:13px;margin-top:9px}.preview-notice button{background:none;padding:3px 0;font-size:9px;color:#8b4d35}.preview-notice button:last-child{color:#9b8a72}.preview-notice button span{margin-left:5px}.preview-still .timeline-row{display:none}.preview-still .playback-row{border-bottom:0;padding-bottom:2px}.preview-still #play-btn{min-width:95px}.preview-still #pause-icon,.preview-still #play-icon{display:none}.preview-mode #orbit-btn{opacity:.35;cursor:default}.preview-image-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:17px 22px;background:#f6f1e7ed;border-radius:7px;font-size:12px;color:#8b7053;max-width:340px;line-height:1.8;text-align:center}.help-panel{position:absolute;right:33px;top:88px;width:283px;background:rgba(249,246,238,.97);border:1px solid #dcd1bd;border-radius:9px;box-shadow:0 8px 35px #493b2620;padding:17px 18px;z-index:5}.help-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}.help-heading strong{font-weight:500}.help-heading button{background:none;color:#998974;font-size:20px;padding:0;line-height:1}.help-panel p{font-size:10px;color:#897b65;line-height:1.9;margin:12px 0 0}.help-panel .help-shortcuts{font-size:8px;padding-top:12px;margin-top:13px;border-top:1px solid #e6dece;color:#a39279}.preview-video-mode .preview-notice p strong::after{content:" · 영상"}.preview-mode .controls-hint .desktop-hint,.preview-mode .controls-hint .touch-hint{display:none!important}.preview-mode .controls-hint .preview-hint{display:block!important;font-size:10px;color:#71634d}@media(min-width:1500px){.preview-notice{left:48px;top:198px}}@media(max-width:1150px){.preview-notice{left:26px;top:175px}.help-panel{right:24px;top:79px}}@media(max-width:600px){.preview-surface img,.preview-surface video{object-fit:contain}.preview-notice{left:22px;top:151px;max-width:calc(100% - 85px);padding:9px 12px}.preview-notice p strong{font-size:10px}.preview-notice p span{font-size:8px}.preview-notice>div{margin-top:6px;gap:11px}.preview-notice button{font-size:8px}.preview-mode .controls-hint{bottom:185px}.preview-video-mode .controls-hint{bottom:213px}.help-panel{top:132px;right:17px;width:min(283px,calc(100vw - 34px))}}@media(max-height:520px) and (min-width:601px){.preview-notice{left:23px;top:153px;max-width:270px}.help-panel{top:72px;right:20px}.preview-mode .controls-hint{bottom:20px}}

/* Preserve the actual render framing when watching the motion preview. */
.preview-surface video{object-fit:contain}