.moon-record #analyzing{min-height:540px;isolation:isolate;overflow:hidden;background:#101d22 url('../img/tale/city/void_idle.webp?v=lamp1') center/cover;color:#f5ebd5;display:none;padding:32px 20px}
.moon-record #analyzing.on{display:flex;align-items:flex-end;justify-content:center}
#analyzing:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 10%,#081217cc 65%,#081217f5);z-index:-1}
.moon-record #analyzing .city-wait-video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease;z-index:-2}
.moon-record #analyzing .city-wait-video.visible{opacity:1}.moon-record #analyzing .an-cap{color:#f4e6c9}.moon-record #analyzing .an-sub,.moon-record #analyzing .fine-print{color:#bdcfc9}.an-orbit{display:none}.an-wrap{width:100%}
.city-sound{position:fixed;top:max(8px,env(safe-area-inset-top));left:8px;z-index:10001;display:flex;align-items:center;gap:8px;padding:4px 8px;background:#102126ed;border:1px solid #728c82;border-radius:20px;color:#e9e5d4;font:11px sans-serif}
body.tale-active>.city-sound{visibility:visible!important;pointer-events:auto!important}.city-sound button{font:inherit;color:inherit;border:0;background:transparent;min-height:36px;cursor:pointer}.city-sound label{display:flex;align-items:center;gap:4px}.city-sound input{width:58px;accent-color:#a9d0bf}
.tale .t-mute{display:none}.tale .tale-name.n-gwi{color:#e0cfaa}.tale .tale-box{background:#0b171bea;border-color:#839b8c66;font-family:'Gowun Batang','Malgun Gothic',serif}.tale .tale-choices button{background:#183238e8;border-color:#77968e77}.tale .tale-invite{background:linear-gradient(145deg,#223c40,#0a171e)}
.tale[data-path=light] .tale-vig{background:radial-gradient(ellipse at 65% 38%,#cc965c16,transparent 45%,#000b)}.tale[data-path=bell] .tale-vig{background:radial-gradient(ellipse at 35% 38%,#81c9be12,transparent 45%,#000b)}
@media(prefers-reduced-motion:reduce){.tale *{animation:none!important;transition:none!important}.city-wait-video{display:none!important}}
@media(max-width:360px){.city-sound{gap:3px;padding:2px 6px}.city-sound input{width:44px}.tale .tale-box{padding:12px}.moon-record #analyzing{min-height:460px}}
.city-received{animation:city-receive .8s ease}#bujeok-cv[role=button]{cursor:pointer}#bujeok-cv:focus-visible{outline:2px solid #c19a51;outline-offset:6px}@keyframes city-receive{50%{filter:drop-shadow(0 0 16px #c8ab6980);transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.city-received{animation:none}}
body:not(.tale-active)>.city-sound{position:sticky;width:max-content;margin:8px auto;left:auto;right:auto}
/* The prologue stays interactive; imagery sits above the scene and below dialogue. */
.tale .tale-box{border-radius:5px 18px 5px 18px;border-top:1px solid #c4b18b77;padding:17px 18px 12px;box-shadow:0 16px 60px #0009;max-height:calc(100% - 140px)}
.tale .tale-name{letter-spacing:2px;font-size:12px;min-height:20px;margin-right:105px}.tale .tale-text{font-size:16px;line-height:1.85;margin:8px 0 10px;cursor:pointer;outline-offset:4px}.tale .tale-next{font:11px sans-serif;color:#adbea9;height:15px}.tale .tale-next:before{content:'화면을 눌러 계속  ';letter-spacing:1px}.tale .tale-choices button{font-size:14px;line-height:1.5;padding:11px 12px;border-radius:4px 10px;min-height:44px}.tale .tale-choices button:hover,.tale .tale-choices button:focus-visible{background:#344942;border-color:#dfc598;transform:translateX(2px)}
.tale-auto{position:absolute;right:14px;top:12px;padding:7px;border:0;background:transparent;color:#adc1b5;font:11px sans-serif;cursor:pointer;min-height:32px}.tale-auto[aria-pressed=true]{color:#efd3a0}
.tale-chapter{position:absolute;top:76px;left:7%;z-index:3;color:#e4d8c1;text-shadow:0 2px 12px #000;pointer-events:none;display:flex;flex-direction:column;gap:7px}.tale-chapter small{font:9px sans-serif;letter-spacing:2px;color:#c1c8c0}.tale-chapter-title{font:16px 'Gowun Batang',serif;letter-spacing:3px}.tale-pocket{font:10px sans-serif;color:#cfb77e;letter-spacing:3px;min-height:12px}
.tale-deity{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity 3s ease}.tale-deity img{width:100%;height:100%;object-fit:cover}.tale.has-deity .tale-deity{opacity:.14;animation:deity-breath 13s ease-in-out infinite}.tale.deity-noticed .tale-deity{opacity:.21;animation:none}@keyframes deity-breath{0%,100%{opacity:.10}50%{opacity:.18}}
.tale-prop{position:absolute;top:23%;left:50%;width:66%;height:30%;transform:translateX(-50%);z-index:3;pointer-events:none;display:grid;place-items:center}.tale-prop>*{display:none}.tale[data-prop=wishes] .prop-wishes{display:flex;gap:12px;transform:rotate(-4deg)}.prop-wishes i{display:grid;place-items:center;width:64px;height:152px;background:linear-gradient(100deg,#b8aa8e,#e7d6b7,#baa98e);color:#514634;font:19px 'Gowun Batang',serif;box-shadow:0 14px 28px #0006;border-top:6px solid #4b4b3d;font-style:normal;writing-mode:vertical-rl;letter-spacing:12px}.prop-wishes i:nth-child(2){transform:translateY(-15px) rotate(8deg)}.prop-wishes i:nth-child(3){transform:rotate(4deg)}
.tale[data-prop=keepsake] .prop-paper,.tale[data-prop=seal] .prop-paper{display:flex}.prop-paper{width:200px;min-height:150px;padding:23px 16px;box-sizing:border-box;flex-direction:column;gap:17px;align-items:center;text-align:center;background:linear-gradient(145deg,#d4c3a2,#a9997b);border:1px solid #e2cfaa;box-shadow:0 12px 36px #0008;transform:rotate(-4deg);color:#3e392e;font-family:'Gowun Batang',serif}.prop-paper small{font-size:9px;letter-spacing:2px}.prop-paper strong{font-size:16px;font-weight:400}.prop-paper span{color:#654a34;font-size:13px;letter-spacing:6px}.tale[data-prop=seal] .prop-paper{box-shadow:0 0 40px #d9b37c66}
.tale[data-prop=bell] .prop-bell{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:96px;border:1px solid #c3aa74;border-radius:44% 44% 15% 15%;background:linear-gradient(100deg,#625744,#b7a581,#6c624b);box-shadow:0 12px 35px #0008;color:#483f32;font-size:38px;transform-origin:top;animation:bell-answer 3.8s ease-in-out infinite}.prop-bell span{font:8px serif;letter-spacing:2px}@keyframes bell-answer{0%,45%,100%{transform:rotate(0)}15%{transform:rotate(9deg)}30%{transform:rotate(-6deg)}}
.tale.has-deity .tale-prop{top:15%;left:79%;width:28%;height:22%;opacity:.85}.tale.has-deity .prop-paper{transform:rotate(7deg) scale(.65)}
@media(max-width:360px){.tale .tale-text{font-size:14px;line-height:1.8}.tale .tale-box{padding:14px 12px 10px}.tale .tale-choices button{font-size:13px;padding:10px}.tale-chapter{top:69px}.prop-wishes i{width:54px;height:130px}.tale-prop{top:23%}}
@media(max-height:640px){.tale-chapter{top:59px}.tale-chapter small,.tale-pocket{display:none}.tale-prop{top:18%;transform:translateX(-50%) scale(.7)}.tale .tale-box{bottom:8px;max-height:70%}.tale .tale-text{font-size:14px;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.tale.has-deity .tale-deity{opacity:.12;animation:none}.tale .tale-prop *{animation:none}}
.tale.watching-insert .tale-next:before{content:'장면이 이어지고 있어요  '}.tale.watching-insert .tale-next{animation:none;opacity:.7}
.tale-letters{margin:8px 0 14px;padding:12px 15px;background:#e3d5bb;color:#352f27;border:1px solid #bba884;user-select:text;cursor:auto;font:13px/1.9 'Gowun Batang',serif;max-height:28vh;overflow-y:auto;overscroll-behavior:contain}
.tale-letters p{margin:0 0 18px}.tale-letters p:last-child{margin-bottom:0}.tale-letters small{display:block;color:#78674f;font:10px/2 sans-serif;letter-spacing:2px}.tale-letters b{font-weight:600;border-bottom:1px solid #8c7450}
.tale[data-prop=address] .prop-paper{display:flex}.tale[data-prop=address] .prop-paper strong{display:none}.tale[data-prop=address] .prop-paper span{font-size:15px;line-height:1.9;letter-spacing:1px}
.tale[data-scene="205"] .tale-bgv,.tale[data-scene="205"] .tale-bg{animation:losing-focus 5s ease-in forwards}
.tale[data-scene="206"] .tale-bgv,.tale[data-scene="206"] .tale-bg{animation:regaining-focus 4s ease-out forwards}
@keyframes losing-focus{0%,15%{filter:blur(0);transform:scale(1)}100%{filter:blur(19px) brightness(.32);transform:scale(1.09)}}
@keyframes regaining-focus{0%{filter:blur(19px) brightness(.35)}100%{filter:blur(0) brightness(1)}}
.tale[data-scene="80"] .tale-box{max-height:calc(100% - 170px)}
@media(max-height:640px){.tale-letters{max-height:22vh;font-size:12px}.tale[data-scene="80"] .tale-box{max-height:calc(100% - 135px)}}