/* Self-hosted Montserrat must still appear when it arrives after authentication. */
@font-face{font-family:'HSK Duels Sans';src:url('/fonts/montserrat-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
html.hskduel-ui{font-family:'HSK Duels Sans',Arial,'PingFang SC','Microsoft YaHei',sans-serif}
.hskduel-ui .hskduel-wordmark,.hskduel-ui .hsk-boot-mark b{font-family:inherit}
.hskduel-ui .boot-screen{min-height:70dvh;min-height:70svh;place-content:center}
.hskduel-ui .hsk-boot-mark{gap:24px}
.hsk-boot-stones{display:block;position:relative;width:min(320px,80vw);aspect-ratio:4/3;isolation:isolate}
.hskduel-ui .hsk-boot-stones img{position:absolute;left:50%;top:43%;width:38%;height:auto;aspect-ratio:1;object-fit:contain;max-height:none;border-radius:0;box-shadow:none;filter:none!important;animation:hsk-stone-float 2.8s ease-in-out infinite}
.hskduel-ui .hsk-boot-stones img:first-child{transform:translate(-112%,-45%) rotate(-9deg)}
.hskduel-ui .hsk-boot-stones img:nth-child(2){width:52%;transform:translate(-50%,-20%);z-index:2;animation-delay:-.9s}
.hskduel-ui .hsk-boot-stones img:nth-child(3){transform:translate(12%,-45%) rotate(9deg);animation-delay:-1.8s}
.hskduel-ui .hsk-boot-mark b{font-size:22px;font-weight:500;letter-spacing:.22em}
.hsk-boot-dots i:first-child{background:#aacbdf}
.hsk-boot-dots i:nth-child(2){background:#ee8738}
.hsk-boot-dots i:nth-child(3){background:#53b991}
@keyframes hsk-stone-float{50%{translate:0 -6px}}
@media(max-width:420px){.hsk-boot-stones{width:270px;max-width:80vw}}
@media(prefers-reduced-motion:reduce){.hskduel-ui .hsk-boot-stones img,.hskduel-ui .hsk-boot-dots i{animation:none}}