.moon-ending-entry{position:fixed;z-index:19;top:0;left:0;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:6px;max-width:calc(100% - 28px);text-align:center;pointer-events:none}.moon-ending-entry[hidden]{display:none}.moon-ending-entry button{pointer-events:auto;min-height:46px;padding:11px 25px;border:1px solid #c5c3d494;border-radius:6px;background:linear-gradient(#262b40f0,#121b2cf5);box-shadow:0 4px 24px #01040c88,0 0 16px #b0c9e521;color:#f0ecdf;font:600 15px system-ui;letter-spacing:.08em}.moon-ending-entry button:disabled{color:#c6c4d0;border-color:#9ca2b956;background:#161c2de6}.moon-ending-entry small{font:12px/1.5 system-ui;color:#e0e5e8;text-shadow:0 1px 3px #000;background:#08111bc7;border-radius:3px;padding:2px 7px}.moon-ending{position:fixed;inset:0;z-index:500;overflow:hidden;background:transparent;color:#e9e6df;isolation:isolate;font-family:system-ui,sans-serif}.moon-ending[hidden]{display:none}.moon-ending-canvas{position:absolute;inset:0;width:100%;height:100%;background:#05080f}.moon-ending-black{position:absolute;inset:0;background:#000;z-index:3;pointer-events:none}.moon-ending-title{position:absolute;z-index:2;top:9%;left:20px;right:20px;text-align:center;font-size:clamp(15px,2.1vw,24px);font-weight:400;letter-spacing:.36em;color:#e2dcf0;text-shadow:0 2px 12px #000}.moon-ending-dialogue{position:absolute;z-index:2;left:20px;right:20px;bottom:max(11%,40px);text-align:center;text-shadow:0 2px 6px #000,0 2px 20px #000}.moon-ending-speaker{display:block;margin-bottom:12px;font-size:13px;letter-spacing:.2em;color:#bdc4d8}.moon-ending-line{margin:0 auto;max-width:750px;font-size:clamp(17px,2vw,25px);line-height:1.65;word-break:keep-all;min-height:3.3em}.moon-ending-caption{position:absolute;z-index:2;bottom:max(4%,20px);left:18px;right:18px;text-align:center;font-size:13px;letter-spacing:.07em;color:#b2baca;line-height:1.5}.moon-ending-later,.moon-ending-retry{position:absolute;z-index:6;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));padding:10px 13px;border:1px solid #bbc6dc50;border-radius:4px;background:#070d1ec4;color:#c0c6d6;font:12px system-ui}.moon-ending-retry{top:auto;bottom:60px;right:50%;transform:translateX(50%);color:#f1eadd}.moon-ending-end{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;letter-spacing:.26em;font:clamp(34px,5.2vw,66px) Georgia,serif;color:#ece7dc;text-shadow:0 0 24px #dce8f92b;padding-left:.26em}.moon-ending-end[hidden]{display:none}.moon-ending-end::after{content:'';position:absolute;width:min(380px,80vw);height:100px;opacity:var(--ending-dust,0);background:radial-gradient(circle at 8% 58%,#d7e4f8 0 1px,transparent 2px),radial-gradient(circle at 22% 26%,#d7e4f8 0 1px,transparent 2px),radial-gradient(circle at 34% 71%,#d7e4f8 0 1px,transparent 2px),radial-gradient(circle at 56% 18%,#d7e4f8 0 1px,transparent 2px),radial-gradient(circle at 69% 53%,#d7e4f8 0 1px,transparent 2px),radial-gradient(circle at 92% 30%,#d7e4f8 0 1px,transparent 2px);transform:translateY(calc(var(--ending-dust,0)*-20px))}.moon-ending-suspended::before{content:'잠시 멈춤';position:absolute;z-index:7;top:18px;left:18px;color:#d5daea;font-size:12px;background:#070d1ed9;padding:8px 12px;border-radius:4px}.moon-ending button:focus-visible,.moon-ending-entry button:focus-visible{outline:2px solid #d4e7f5;outline-offset:4px}@media(max-width:600px){.moon-ending-entry{bottom:auto}.moon-ending-entry button{font-size:14px;padding:10px 19px}.moon-ending-entry small{font-size:11px}.moon-ending-dialogue{bottom:13%;left:23px;right:23px}.moon-ending-line{font-size:17px}.moon-ending-caption{font-size:11px;bottom:5%}.moon-ending-title{top:14%;font-size:16px}}@media(orientation:landscape) and (max-height:600px){.moon-ending-entry{bottom:auto}.moon-ending-title{top:8%;font-size:14px}.moon-ending-dialogue{bottom:7%}.moon-ending-line{font-size:16px;min-height:2.6em}.moon-ending-speaker{margin-bottom:3px;font-size:11px}.moon-ending-caption{bottom:3%;font-size:10px}}@media(prefers-reduced-motion:reduce){.moon-ending-end::after{display:none}}
.moon-ending[data-phase="return"] .moon-ending-caption{z-index:5;bottom:112px}.moon-ending[data-phase="return"] .moon-ending-later{z-index:6}

/* The visible button and native hit area share the crescent opening center. */
.moon-ending-entry{bottom:auto!important;transform:translate(-50%,-50%);height:44px;gap:0}
.moon-ending-entry button{box-sizing:border-box;width:100%;height:44px;min-height:44px;font-size:12px;padding:8px 12px;letter-spacing:.03em}
.moon-ending-entry small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}