@import url('/art.css');
.spring-boot{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;padding:28px;background:#fff5df url('/assets/mobile-bg-v1.png') center/cover no-repeat;color:#8c2333;font-family:"Microsoft YaHei",sans-serif;transition:opacity .4s ease,visibility .4s ease}
.boot-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;max-width:420px;width:min(90vw,420px);padding:30px 36px 40px;text-align:center}
.boot-panel>.boot-panel-art{position:absolute;inset:-12% -17% -25%;width:auto;height:137%;aspect-ratio:auto!important;z-index:-1;filter:drop-shadow(0 18px 28px #56201629)}
.boot-mascot{position:relative;width:150px;height:150px;margin-bottom:7px;animation:boot-welcome 2.8s ease-in-out infinite}
.boot-frame{position:absolute;inset:0}.boot-frame>.art-sprite{width:100%;height:100%}.boot-frame-wave{animation:boot-expression 1.8s steps(1,end) infinite}.boot-frame-heart{animation:boot-expression 1.8s steps(1,end) infinite reverse}
.boot-eyebrow{font-size:10px;letter-spacing:3px;color:#a66f35}.spring-boot h1{font-family:serif;font-size:clamp(35px,6vw,50px);letter-spacing:.12em;margin:10px 0 4px}.boot-caption{font-size:13px;line-height:1.7;color:#956144;margin:8px 0}.boot-meter{width:170px;height:5px;border-radius:5px;background:#e8d9b6;overflow:hidden;margin-top:18px}.boot-meter i{display:block;height:100%;background:#b52235;width:0;transition:width .25s}.boot-percent{font:11px system-ui;letter-spacing:2px;margin-top:9px}.boot-retry{border:0;border-radius:14px;color:#fff5df;padding:13px 28px;min-height:46px;margin-top:18px;cursor:pointer}.boot-retry[hidden]{display:none}.boot-done{opacity:0;visibility:hidden}.boot-failed .boot-mascot,.boot-failed .boot-frame{animation-play-state:paused}
@keyframes boot-welcome{50%{transform:translateY(-6px) rotate(2deg)}}@keyframes boot-expression{0%,49.999%{opacity:1}50%,100%{opacity:0}}
@media(min-width:900px){.spring-boot{background-image:url('/assets/scene-v1.png');background-position:50% 45%}.boot-panel{margin-left:35%}}
@media(max-height:560px){.boot-panel{padding:18px 28px 26px}.boot-mascot{width:95px;height:95px}.spring-boot h1{font-size:32px}.boot-caption{font-size:12px}.boot-meter{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.boot-mascot,.boot-frame{animation:none}.boot-frame-heart{display:none}.spring-boot,.boot-meter i{transition:none}}