/* Shared waiting and sound controls for this new prologue. */
.moon-record #analyzing{min-height:540px;isolation:isolate;overflow:hidden;background:#101d22;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}
body:not(.tale-active)>.city-sound{position:sticky;width:max-content;margin:8px auto;left:auto;right:auto}
.tale .t-mute{display:none}.tale .tale-auto{position:absolute;right:14px;padding:7px;border:0;background:transparent;cursor:pointer}.tale .tale-auto[aria-pressed=true]{color:#efd3a0}
.tale .tale-chapter{position:absolute;z-index:3;color:#e4d8c1;text-shadow:0 2px 12px #000;pointer-events:none;display:flex;flex-direction:column}
.tale .tale-next:before{content:'화면을 눌러 계속  '}.tale.watching-insert .tale-next:before{content:'장면이 이어지고 있어요  '}.tale.watching-insert .tale-next{animation:none;opacity:.7}
@media(max-width:360px){.city-sound{gap:3px;padding:2px 6px}.city-sound input{width:44px}.moon-record #analyzing{min-height:460px}}
/* Tomorrow's Lost Property Office — a legible, quiet visual novel. */
.moon-record #analyzing{background-image:url('../img/tale/lost-property/listening.webp?v=office1')}
.moon-record .moon-hero{grid-template-columns:1fr .85fr;gap:38px}.moon-record .office-hero-art{width:100%;max-height:560px;object-fit:cover;border-radius:120px 120px 12px 12px;box-shadow:0 25px 80px #0005}
.tale{font-family:'Noto Sans KR','Malgun Gothic',sans-serif!important;background:#0b151c!important}
.tale .tale-bgv,.tale .tale-bg{object-position:center 30%;background-position:center 30%}
.tale .tale-vig{background:linear-gradient(#07101766,transparent 32%,#06101544 55%,#061015ee)}
.tale .tale-box{bottom:max(16px,env(safe-area-inset-bottom));width:min(92%,580px);border:1px solid #b69b6b66;border-radius:18px;background:#101c27f2;box-shadow:0 15px 60px #0008;font-family:inherit;padding:20px;max-height:calc(100% - 175px)}
.tale .tale-name{font:600 14px/1.5 'Noto Sans KR',sans-serif;color:#d9bf8e;letter-spacing:.5px;margin-right:100px}.tale .tale-name.n-nar{color:#abbecb}.tale .tale-name.n-unk{color:#b9d5d3}
.tale .tale-text{font-size:16px!important;line-height:1.85!important;word-break:keep-all;overflow-wrap:anywhere;color:#f3eee4;margin:10px 0 12px}.tale .tale-text .em{color:#f4d8a0}
.tale .tale-choices{gap:9px}.tale .tale-choices button{font:500 15px/1.65 'Noto Sans KR',sans-serif;padding:12px 14px;border-radius:10px;background:#233643;border:1px solid #9cb4b344;color:#f1eee5;min-height:48px;word-break:keep-all}.tale .tale-choices button:hover,.tale .tale-choices button:focus-visible{background:#344b55;border-color:#dec08a;transform:none}
.tale .tale-inp input,.tale .tale-inp select{font:16px/1.6 'Noto Sans KR',sans-serif;background:#172c3a;color:#f3eee4;border-color:#afc4bd66;min-width:0}.tale .tale-inp .ok{background:#dec38f;color:#172634;border:0;border-radius:10px;min-height:48px;font:600 16px 'Noto Sans KR',sans-serif}
.tale .tale-auto{font-size:12px;color:#c4c6be;min-height:36px;top:12px}.tale .tale-next{font-size:12px;color:#b7c1c4}.tale .tale-next:before{letter-spacing:0}
.tale .tale-chapter{top:75px;left:max(5%,calc((100% - 580px)/2));gap:6px}.tale .tale-chapter small{font:12px/1.5 'Noto Sans KR',sans-serif;letter-spacing:0}.tale .tale-chapter-title{font:19px/1.5 'Gowun Batang',serif;letter-spacing:.5px}.tale .tale-pocket{font:12px/1.5 'Noto Sans KR',sans-serif;letter-spacing:0}
.office-notice{display:none;position:absolute;z-index:3;left:50%;top:21%;transform:translateX(-50%);width:min(82%,350px);padding:19px 22px;background:#eee9ddeb;border:1px solid #fff8;border-radius:15px;color:#21313b;box-shadow:0 14px 45px #0005;font:14px/1.8 'Noto Sans KR',sans-serif;pointer-events:none}.office-phone .office-notice{display:flex;flex-direction:column;gap:5px}.office-notice small{font-size:12px;color:#60706b}.office-notice strong{font:700 22px 'Gowun Batang',serif}.office-notice em{font-size:12px;color:#62736e;font-style:normal}
.tale .tale-prop,.tale .tale-deity,.tale .tale-gob,.tale .tale-vortex{display:none!important}
.office-memory{margin:22px 0;padding:18px;border:1px solid #c7b58e66;border-radius:12px;background:#122632;color:#eee4d0;line-height:1.8}.office-memory summary{cursor:pointer;font-weight:600}.office-memory p{font-size:14px;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.office-memory small{color:#b8c6c4}
@media(min-width:800px){.tale .tale-bgv,.tale .tale-bg{width:min(100%,900px);left:50%;transform:translateX(-50%)}.tale .tale-chapter{top:85px}.office-notice{top:23%}}
@media(max-width:600px){.moon-record .moon-hero{grid-template-columns:1fr}.moon-record .office-hero-art{max-height:340px;object-position:center 27%}.tale .tale-box{padding:16px}}
@media(max-height:700px){.tale .tale-chapter{top:60px}.tale .tale-chapter small,.tale .tale-pocket{display:none}.tale .tale-box{bottom:8px;max-height:calc(100% - 115px);padding:14px}.office-notice{top:17%;padding:11px 16px;gap:1px;width:76%}.office-notice span{display:none}.office-notice strong{font-size:19px}.office-notice em{display:none}.tale .tale-text{margin:5px 0 8px;line-height:1.65!important}.tale .tale-choices button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.tale *{animation:none!important;transition:none!important}}
.tale .tale-bgv,.tale .tale-bg{transition:opacity .35s ease}

/* Keep the page number clear of global form padding and numeric spinners. */
.lost-office #pg-jump{box-sizing:border-box;width:44px;min-width:44px;height:42px;margin:0;padding:0 4px;text-align:center;font:500 16px/normal Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;text-indent:0;appearance:none}

.year-reading{margin:18px 0;border:1px solid #ccc7b7;border-radius:10px;padding:0 16px;background:#fffdf6}.year-reading summary{cursor:pointer;padding:17px 0;font-weight:700;font-size:18px;line-height:1.6;color:#23515a}.year-reading[open] summary{border-bottom:1px solid #e4dfd3;margin-bottom:14px}.year-reading summary:focus-visible{outline:2px solid #ac704f;outline-offset:3px}
