#loading{box-sizing:border-box;padding:24px;text-align:center;white-space:pre-line;line-height:1.9;letter-spacing:1px;font-size:16px}
#error{box-sizing:border-box;overflow:auto;justify-items:start;gap:16px;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
#error>*{box-sizing:border-box;width:min(100%,460px);margin:0}
#error h2{font-weight:400;font-size:28px;letter-spacing:2px;line-height:1.4}
#error p{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
#error button{min-height:48px;height:auto;padding:12px 20px;justify-content:center;letter-spacing:2px}
#error button:focus-visible{outline:2px solid #f2e6ca;outline-offset:4px}
@media(max-height:450px){#error{place-content:start center;gap:10px}#error h2{font-size:24px}}
#loading{--load-progress:1%;background:radial-gradient(ellipse at 50% 38%,#30463f 0,#172e30 45%,#102127 100%);isolation:isolate;overflow:hidden;z-index:100;white-space:normal;letter-spacing:0}
#loading::before,#loading::after{content:'';position:absolute;left:-15%;right:-15%;height:34%;bottom:-10%;background:#52716b28;clip-path:polygon(0 65%,12% 22%,22% 60%,38% 4%,48% 63%,68% 19%,80% 55%,95% 12%,100% 70%,100% 100%,0 100%);pointer-events:none}
#loading::after{bottom:-18%;transform:scaleX(-1);background:#a6b7a221}
.load-card{width:min(400px,86%);position:relative;z-index:1;margin:auto;text-align:center;color:#e6e0c7}
.load-eyebrow{font-size:11px;letter-spacing:5px;color:#b6bda8;margin:0 0 26px}
.load-seal{height:94px;width:94px;margin:0 auto 24px;position:relative;display:grid;place-items:center;color:#e0c792;font:24px KaiTi,STKaiti,serif;letter-spacing:3px}
.load-seal i{position:absolute;inset:0;border:1px solid #caba7b65;border-radius:50%;border-top-color:#ead59f;animation:load-orbit 6s linear infinite}
.load-seal i+ i{inset:10px;border-radius:16%;animation:load-orbit 12s linear infinite reverse;opacity:.7}
.load-seal::after{content:'';position:absolute;inset:-12px;border:1px solid #aec9b01a;border-radius:50%}
.load-card h2{font:400 clamp(23px,3vw,32px) KaiTi,STKaiti,serif;letter-spacing:5px;margin:0 0 12px}
.load-card [data-load-detail]{min-height:38px;font-size:12px;line-height:1.7;color:#bcc8ba;margin:0 0 20px}
.load-track{height:4px;border-radius:8px;background:#c2c99f19;overflow:hidden;text-align:left;box-shadow:0 0 0 1px #d6c69722}
.load-track>i{display:block;width:var(--load-progress);height:100%;background:linear-gradient(90deg,#719f97,#b3c9a5,#e6d29a);box-shadow:0 0 12px #d7dcad80;transition:width .24s ease}
.load-caption{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:11px;color:#b8c5b5;letter-spacing:1px}
.load-caption b{font:22px Georgia,serif;font-variant-numeric:tabular-nums;color:#e2d7b1}
.load-tip{margin:26px 0 0;font-size:11px;letter-spacing:2px;color:#94aca5}
.load-actions button{margin-top:20px;border:1px solid #d2bf8b;background:#d8c998;color:#1c3330;padding:10px 30px;border-radius:4px;min-height:44px;font-size:14px}
[data-load-wait]{font-size:11px;color:#c2c6b5;line-height:1.7;margin:14px 0 0}
#loading[data-state=error] .load-seal i{animation-play-state:paused}
@keyframes load-orbit{to{transform:rotate(360deg)}}
@media(max-height:480px){.load-card{width:min(390px,70%)}.load-eyebrow{margin-bottom:14px}.load-seal{width:58px;height:58px;font-size:18px;margin-bottom:14px}.load-card h2{font-size:24px;margin-bottom:6px}.load-card [data-load-detail]{margin-bottom:12px;min-height:22px}.load-tip{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.load-seal i{animation:none}.load-track>i{transition:none}}
.exit-summary{max-width:540px;margin:10px auto;line-height:1.9}.exit-summary strong{color:#ded1a4}.exit-summary .chronicle-choices{margin-top:20px}