: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;--banner-h: 0px;--banner-space: 0px;color-scheme:light}body.has-banner{--banner-space: calc(var(--banner-h) + env(safe-area-inset-bottom))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{min-height:100dvh;padding-bottom:var(--banner-space);font-family:Nanum Myeongjo,Apple Myungjo,"Noto Serif KR",Batang,serif;color:var(--ink);background:var(--paper-deep);overflow:hidden;-webkit-font-smoothing:antialiased;touch-action:manipulation}.stage{position:relative;width:100%;height:calc(100dvh - var(--banner-space));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(env(safe-area-inset-top) + 11dvh) 16px 0;background:none}.plate-inner{position:relative;width:100%;padding:0 4px 8px;border:0;background:none;filter:drop-shadow(0 0 1px #fffdf6) drop-shadow(0 0 5px rgba(255,248,230,.95)) drop-shadow(0 0 12px rgba(239,230,210,.88))}.header{text-align:center}.cities{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:0}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;text-shadow:0 0 2px #fffdf6,0 0 7px #f7eed8,0 0 16px rgba(239,230,210,.95)}.city-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:28px;padding:0 2px;border:0;background:none;color:var(--ink-soft);font:inherit;font-size:.82rem;font-weight:400;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-shadow:0 0 2px #fffdf6,0 0 7px #f7eed8,0 0 16px rgba(239,230,210,.95)}.city-btn.is-active{color:var(--ink);font-weight:700}.scenes{display:flex;flex-wrap:wrap;justify-content:center;gap:0 14px;margin-top:2px}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:28px;padding:0 2px 6px;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:.86rem;font-weight:400;letter-spacing:.01em;text-shadow:0 0 2px #fffdf6,0 0 7px #f7eed8,0 0 16px rgba(239,230,210,.95);line-height:1.3}.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-2);margin-top:2px;padding:0 var(--space-1)}.play{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;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:auto;max-width:12.5rem;margin:6px auto 2px;padding:5px 14px 6px;border:1px dashed var(--ink);background:none;color:var(--ink);font:inherit;font-size:.72rem;letter-spacing:.08em;text-align:center;cursor:pointer;border-radius:999px;-webkit-tap-highlight-color:transparent;text-shadow:0 0 2px #fffdf6,0 0 7px #f7eed8,0 0 16px rgba(239,230,210,.95)}.quiet-ad:disabled{opacity:.45;cursor:wait}.quiet-ad[hidden]{display:none}.status{margin:6px 0 0;text-align:center;color:var(--ink);font-size:.62rem;letter-spacing:.08em}.status[hidden]{display:none}.legal{margin:8px 0 0;text-align:center;font-size:.58rem;letter-spacing:.12em;color:#2a241c80;text-shadow:0 0 2px #fffdf6,0 0 7px #f7eed8,0 0 16px rgba(239,230,210,.95);filter:drop-shadow(0 0 1px #fffdf6) drop-shadow(0 0 5px rgba(255,248,230,.95)) drop-shadow(0 0 12px rgba(239,230,210,.88))}.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,.quiet-ad:focus-visible,input[type=range]:focus-visible{outline:1px solid var(--ink);outline-offset:4px}@media(min-width:768px),(orientation:landscape){.plate{padding:calc(env(safe-area-inset-top) + 8dvh) 16px 0}.plate-inner{max-width:36rem;margin:0 auto;padding:0 8px 10px}.cities{margin-top:0;gap:var(--space-3)}.city-btn{font-size:.88rem;letter-spacing:.06em}.scenes{margin-top:4px;gap:0 22px}.scene-label{font-size:.92rem;letter-spacing:.02em}.transport{margin-top:4px;padding:0 var(--space-2)}.volume{max-width:260px}.status{font-size:.66rem;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.art{transition:none}}