:root{--paper: #efe6d2;--paper-deep: #e4d8c0;--ink: #2a241c;--ink-soft: rgba(42, 36, 28, .55);--line: #2a241c;--wall: #e6dcc8;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{min-height:100dvh;font-family:Nanum Myeongjo,Apple Myungjo,"Noto Serif KR",Batang,serif;color:var(--ink);background:var(--wall);overflow:hidden;-webkit-font-smoothing:antialiased;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.stage{position:relative;width:100%;height:100dvh;background:var(--paper-deep);overflow:hidden}.gallery{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--paper-deep)}.art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .9s ease}.art-street{background-image:url(../images/namdaemun-market-watercolor.png)}.art-transit{background-image:url(../images/korea-subway-platform-watercolor.png)}.art-seongbok{background-image:url(../images/seongbok-dong-shower-watercolor.png)}.art-shibuya{background-image:url(../images/shibuya-crossing-watercolor.png)}.art-kissaten{background-image:url(../images/kissaten-coffee-shop-watercolor.png)}.art-jr{background-image:url(../images/jr-train-platform-watercolor.png)}.art-notre-dame{background-image:url(../images/paris-notre-dame-watercolor.png)}.art-paris-cafe{background-image:url(../images/paris-cafe-terrasse-watercolor.png)}.art-latin{background-image:url(../images/paris-latin-quarter-watercolor.png)}.art-paris-metro{background-image:url(../images/paris-metro-platform-watercolor.png)}.art.is-on{opacity:1}.plate{position:absolute;z-index:1;left:0;right:0;top:0;padding:calc(12px + env(safe-area-inset-top)) 12px 0;background:none}.plate-inner{position:relative;width:100%;padding:12px 14px 10px;border:1px solid var(--line);background:repeating-linear-gradient(0deg,rgba(80,50,20,.018) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(80,50,20,.014) 0 1px,transparent 1px 4px),var(--paper);box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px var(--line)}.header{text-align:center}.header h1{margin:0;font-size:1.05rem;font-weight:400;letter-spacing:.06em;line-height:1.3}.cities{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:10px}body.store-shot .cities,body.store-shot .scenes,body.store-shot .status,body.store-shot .quiet-ad{display:none}.city-sep{color:var(--ink-soft);font-size:.8rem}.city-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:32px;padding:0 2px;border:0;background:none;color:var(--ink-soft);font:inherit;font-size:.9rem;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.city-btn.is-active{color:var(--ink)}.scenes{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;margin-top:8px}body.city-seoul .city-tokyo-only,body.city-seoul .city-paris-only,body.city-tokyo .city-seoul-only,body.city-tokyo .city-paris-only,body.city-paris .city-seoul-only,body.city-paris .city-tokyo-only{display:none}.scene-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--ink-soft);min-height:32px;padding:2px 2px 8px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.scene-card.is-selected{color:var(--ink)}.scene-label{position:relative;display:inline-block;font-size:.98rem;font-weight:400;letter-spacing:.01em;line-height:1.35}.scene-card.is-selected .scene-label:after{content:"";position:absolute;left:-4%;right:-6%;bottom:-6px;height:3px;background:var(--ink);border-radius:40% 70% 50% 40%/90% 80% 20% 30%;transform:rotate(-1.6deg);opacity:.88}.scene-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.transport{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:6px;padding:0 var(--space-1)}.play{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:36px;border:0;padding:0;background:none;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.play:disabled{opacity:.45;cursor:wait}.play-icon{width:0;height:0;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent currentColor}body.is-playing .play-icon{width:13px;height:15px;border:0;background:linear-gradient(currentColor,currentColor) 0 0 / 4px 100% no-repeat,linear-gradient(currentColor,currentColor) 9px 0 / 4px 100% no-repeat}.volume{flex:1;display:flex;align-items:center;gap:10px;max-width:200px;margin-left:auto}.vol-icon{width:16px;height:14px;flex:0 0 auto;color:var(--ink)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:32px;background:transparent;margin:0;touch-action:manipulation}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2px;height:14px;margin-top:-6.5px;border:0;border-radius:0;background:var(--ink)}input[type=range]::-moz-range-track{height:1px;background:var(--ink)}input[type=range]::-moz-range-thumb{width:2px;height:14px;border:0;border-radius:0;background:var(--ink)}.quiet-ad{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;margin:8px 0 0;padding:0;border:0;background:none;color:var(--ink-soft);font:inherit;font-size:.72rem;letter-spacing:.04em;text-align:center;cursor:pointer}.quiet-ad[hidden]{display:none}.status{margin:4px 0 0;text-align:center;min-height:1.2em;color:var(--ink-soft);font-size:.68rem;letter-spacing:.08em}.legal{margin:6px 0 0;text-align:center;font-size:.62rem;letter-spacing:.12em;color:color-mix(in srgb,var(--ink) 42%,transparent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.scene-card:focus-visible,.play:focus-visible,.city-btn:focus-visible,input[type=range]:focus-visible{outline:1px solid var(--ink);outline-offset:4px}@media(max-width:767px)and (orientation:portrait){.stage{width:min(100vw,56.25dvh);height:min(100dvh,calc(100vw * 16 / 9))}}@media(min-width:768px),(orientation:landscape){body{display:block}.stage{width:100%;height:100dvh}.plate{padding:calc(20px + env(safe-area-inset-top)) 24px 0}.plate-inner{max-width:40rem;margin:0 auto;padding:14px 24px 12px}.header h1{margin-top:0;font-size:clamp(1.2rem,1.8vw,1.45rem);letter-spacing:.08em}.cities{margin-top:10px;gap:var(--space-3)}.city-btn{font-size:.95rem;letter-spacing:.06em}.scenes{margin-top:8px;gap:4px 28px}.scene-label{font-size:1rem;letter-spacing:.02em}.transport{margin-top:6px;padding:0 var(--space-2)}.volume{max-width:260px}.status{margin-top:4px;font-size:.72rem;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.art{transition:none}}