/* One full-viewport surface, independent of the legacy Town HUD anchor. */
body #load-state.home-load-screen:not(.ready){
 --load-ink:#4a342c;--load-muted:#77776b;--load-accent:#278e89;
 position:fixed;inset:0;top:0;left:0;transform:none;width:auto;height:auto;z-index:10000;
 display:flex;align-items:center;justify-content:center;overflow:auto;box-sizing:border-box;
 padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
 pointer-events:auto;color:var(--load-ink);font:15px/1.55 "Microsoft YaHei",sans-serif;text-align:center;
 background:radial-gradient(ellipse at 15% 15%,#d9f0dd 0,transparent 55%),radial-gradient(ellipse at 92% 90%,#f8e8be 0,transparent 58%),#f7f5e9;
}
body #load-state.home-load-screen.ready{display:none}
body #load-state.home-load-screen::before{display:none}
body #load-state.home-load-screen [hidden]{display:none!important}
body.home-loading main>:not(#game):not(#load-state):not(#backup-status){visibility:hidden}
.home-load-card{width:min(100%,390px);flex:none;box-sizing:border-box;padding:26px 24px 22px;border:1px solid #fff;border-radius:28px;background:#fffdf4e8;box-shadow:0 12px 44px #46604b0c}
.home-load-art{height:112px;position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto 10px}
.home-load-art img{width:176px;height:112px;object-fit:contain;filter:drop-shadow(0 5px 3px #8066500b)}
.home-load-sun{position:absolute;top:1px;right:22px;width:27px;height:27px;border:5px solid #ffedb9;border-radius:50%;background:#eeb85e;box-shadow:0 0 0 5px #ffedb940}
.home-load-title{font-size:23px;font-weight:750;letter-spacing:1px;margin:0 0 4px}
.home-load-subtitle{font-size:12px;letter-spacing:2px;color:var(--load-muted);margin:0 0 23px}
.home-load-steps{display:flex;list-style:none;padding:0;margin:0 0 22px;gap:8px;justify-content:center}
.home-load-steps li{display:flex;align-items:center;gap:5px;color:#858778;font-size:12px;white-space:nowrap}
.home-load-steps li+li::before{content:"";height:1px;width:12px;background:#d6ddd0;margin-right:3px}
.home-load-steps span{display:grid;place-content:center;width:19px;height:19px;border:1px solid #d6ddd0;border-radius:50%;font-size:10px}
.home-load-steps [data-state=current]{color:#247f79;font-weight:700}
.home-load-steps [data-state=current] span{color:white;border-color:var(--load-accent);background:var(--load-accent)}
.home-load-steps [data-state=done] span{color:#247f79;background:#dfefe5;border-color:#dfefe5}
body #load-message{font:600 15px/1.6 "Microsoft YaHei",sans-serif;margin:0 0 13px;color:var(--load-ink)}
.home-load-meter{height:8px;border-radius:8px;background:#e5ebe1;position:relative;overflow:hidden;margin:0 0 10px}
body #load-progress{display:block;appearance:none;-webkit-appearance:none;border:0;width:100%;max-width:none;height:8px;margin:0;background:transparent;accent-color:var(--load-accent);border-radius:8px}
#load-progress::-webkit-progress-bar{background:transparent}
#load-progress::-webkit-progress-value{background:linear-gradient(90deg,#82b69b,#278e89);border-radius:8px}
#load-progress::-moz-progress-bar{background:linear-gradient(90deg,#82b69b,#278e89);border-radius:8px}
.home-load-meter:has(progress:not([value]))::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:8px;background:#71aaa0;animation:home-load-breathe 1.7s ease-in-out infinite alternate}
body #load-state #load-detail{max-width:none;font:12px/1.65 "Microsoft YaHei",sans-serif;color:var(--load-muted);margin:0;min-height:40px;overflow-wrap:anywhere}
#load-hint{font-size:12px;line-height:1.7;color:#858476;margin:14px 0 0}
body #load-state.home-load-screen button{font:14px/1.4 "Microsoft YaHei",sans-serif;min-height:44px;max-width:100%;padding:10px 18px;border:1px solid #cddfd4;border-radius:12px;background:#edf4ec;color:#386b60;margin:12px 0 0;cursor:pointer;pointer-events:auto}
body #load-state.home-load-screen button:focus-visible{outline:3px solid #67b5ad;outline-offset:3px}
#load-state[data-stage=failed] .home-load-meter{display:none}
@keyframes home-load-breathe{from{transform:translateX(-20%)}to{transform:translateX(185%)}}
@media(max-width:360px){.home-load-card{padding:22px 16px}.home-load-title{font-size:21px}.home-load-steps{gap:4px}.home-load-steps li+li::before{width:7px}}
@media(max-height:480px) and (min-width:500px){.home-load-card{width:550px;display:grid;grid-template-columns:150px 1fr;column-gap:22px;text-align:left;padding:22px}.home-load-art{grid-column:1;grid-row:1/9;height:100%;margin:0}.home-load-art img{width:150px}.home-load-sun{top:30px;right:2px}.home-load-card>:not(.home-load-art){grid-column:2}.home-load-title{font-size:21px}.home-load-subtitle{margin-bottom:14px}.home-load-steps{justify-content:flex-start;margin-bottom:14px}.home-load-steps li+li::before{width:6px}#load-hint{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.home-load-meter:has(progress:not([value]))::after{animation:none;transform:translateX(80%)}}