#starting-point-loader{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:#f7f7f5;color:#171717;font-family:Aptos,Arial,sans-serif;overscroll-behavior:contain}
#starting-point-loader[hidden]{display:none!important}
html[data-theme=dark] #starting-point-loader{background:#171916;color:#f4f4ee}
.starting-point-loading{overflow:hidden}
.loading-content{text-align:center;width:min(390px,100%)}
.loading-track{position:relative;width:270px;height:160px;margin:0 auto 24px;overflow:hidden}
.loading-walker{position:absolute;left:10px;bottom:0;width:120px;height:160px;will-change:transform}
.loading-facing,.loading-pose{width:100%;height:100%}
.loading-pose{background-image:url('/assets/sb-dev-male.webp');background-size:contain;background-position:center bottom;background-repeat:no-repeat}
[data-mascot="1"] .loading-pose{background-image:url('/assets/sb-dev-female.webp')}
.loading-pose.sheet-ready{background-image:url('/assets/sb-dev-male-walk.webp');background-size:400% 200%;background-position:0 0}
[data-mascot="1"] .loading-pose.sheet-ready{background-image:url('/assets/sb-dev-female-walk.webp')}
.loading-pose.sheet-ready.is-walking{animation:sb-thinking-stride .8s steps(1,end) infinite}
@keyframes sb-thinking-stride{0%{background-position:0 0}12.5%{background-position:33.333333% 0}25%{background-position:66.666667% 0}37.5%{background-position:100% 0}50%{background-position:0 100%}62.5%{background-position:33.333333% 100%}75%{background-position:66.666667% 100%}87.5%{background-position:100% 100%}100%{background-position:0 0}}
.loading-message{font-size:18px!important;line-height:1.5!important;font-weight:500;margin:0!important;letter-spacing:0}
.loading-dots{display:flex;justify-content:center;gap:7px;margin-top:17px}
.loading-dots span{display:block;width:6px;height:6px;border-radius:50%;background:#d15710;animation:sb-loading-dot 1.2s ease-in-out infinite}
.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}
@keyframes sb-loading-dot{0%,100%{opacity:.35}50%{opacity:1}}
.loading-recovery{margin-top:24px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.loading-recovery[hidden]{display:none!important}
.loading-recovery button{font:inherit;font-size:15px;line-height:1.4;min-height:44px;border:1px solid currentColor;border-radius:8px;padding:10px 18px;background:transparent;color:inherit;cursor:pointer}
.loading-recovery button:focus-visible{outline:3px solid #d15710;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.loading-pose.sheet-ready.is-walking,.loading-dots span{animation:none!important}.loading-walker{will-change:auto}}