#cover.client-loader{z-index:40;display:grid;place-items:center;place-content:normal;overflow:auto;text-align:center;padding:32px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:linear-gradient(#040c15a8,#040c15d9),url('https://cdn.rushazeroth.com/assets/lich-king-hero.webp?v=r20261103T133138Z') center/cover;color:#e8d6b1}
#cover.client-loader.hidden{display:none!important}
.loader-card{width:min(480px,100%);padding:30px 28px 20px;border:20px solid transparent;border-image:url('https://cdn.rushazeroth.com/assets/game-ui/modern/panel.webp?v=r20261103T133138Z') 80 fill stretch;filter:drop-shadow(0 12px 32px #000a)}
.loader-logo{width:min(320px,100%);height:auto;display:block;margin:0 auto 26px;opacity:0;transition:opacity .2s}.loader-logo.is-loaded{opacity:1}
.loader-orbit{width:66px;height:66px;margin:0 auto 24px;border:1px solid #88b7cb40;border-radius:50%;display:grid;place-items:center;position:relative;color:#a1d9ed;font-size:32px;text-shadow:0 0 16px #75b9dd88}
.loader-orbit::before{content:'';position:absolute;inset:-5px;border:1px solid transparent;border-top-color:#9bd7ed;border-bottom-color:#9bd7ed55;border-radius:50%;animation:loader-turn 3s linear infinite}
.loader-card h1{font:26px/1.2 WoW,Georgia,serif;letter-spacing:0;margin:0 0 18px;color:#eee1bf}
.loader-card h1:focus{outline:none}
#cover #message{max-width:none;margin:0 0 16px;color:#c3d0d9;font:15px/1.6 Arial,sans-serif;min-height:24px}
#cover #load{display:block;width:100%;height:10px;margin:0;border:1px solid #75879466;border-radius:0;accent-color:#b7cfda}
#load::-webkit-progress-bar{background:#070d13}
#load::-webkit-progress-value{background:linear-gradient(90deg,#36536b,#90c4d9)}
.load-detail{font:12px/1.6 Arial,sans-serif;color:#92a9ba;min-height:38px;margin:12px 0 18px}
.loader-steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0 0 24px;list-style:none;gap:8px;font:12px/1.5 Arial,sans-serif;color:#697e90}
.loader-steps li{display:flex;align-items:center;justify-content:center;gap:6px}
.loader-steps li span{font-size:10px;border:1px solid #6f879044;border-radius:50%;width:22px;height:22px;display:inline-grid;place-items:center;flex:none}
.loader-steps [data-state=active]{color:#d1e7ef}.loader-steps [data-state=active] span{border-color:#a0cddd;background:#3d617b33}
.loader-steps [data-state=done]{color:#a8c3ae}.loader-steps [data-state=done] span{border-color:#8da89466}
.loader-note{font:12px/1.6 Arial,sans-serif;color:#9caab3;margin:0 0 8px}
.loader-home{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#c4b48e;text-decoration:none;font:13px/1.5 Arial,sans-serif;margin-top:6px;padding:8px 14px}
.loader-home:hover{color:#f2e1ba}.loader-home:focus-visible{outline:2px solid #a4d5e6;outline-offset:2px}
#load-retry{margin:18px 0 6px;font-size:17px}
#cover[data-error=true] .loader-orbit{display:none}
#cover[data-error=true] .loader-steps,#cover[data-error=true] .loader-note{display:none}
@keyframes loader-turn{to{transform:rotate(360deg)}}
.field-hint,.field-error{font:12px/1.5 Arial,sans-serif!important;letter-spacing:0;display:block;text-align:left!important;text-shadow:none!important}
.auth-field .field-hint{color:#a1aeb7}.auth-field .field-error{color:#efaaa0}.auth-field[data-state=valid]>label::after{content:'';display:inline-block;width:6px;height:10px;margin-left:9px;border:solid #a6c8b0;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.auth-field[data-state=invalid]>label{color:#efb7a7}.auth-field[data-state=valid] input:not(:focus){outline:1px solid #87ad9140;outline-offset:0}
.auth-field{scroll-margin-block:20px}.auth-status{min-height:0}.auth-submit[aria-busy=true]{cursor:wait}
@media(max-width:500px){.loader-card{padding:26px 16px 16px;border-width:16px}.loader-logo{margin-bottom:22px}.loader-card h1{font-size:24px}.loader-steps{font-size:11px;gap:4px}.loader-steps li{gap:4px}.loader-steps li span{width:20px;height:20px}.loader-orbit{width:56px;height:56px;margin-bottom:20px}.auth-fields{gap:17px}}
@media(orientation:landscape) and (max-height:500px){#cover.client-loader{padding-block:16px}.loader-card{padding:18px 26px 12px;max-width:550px}.loader-logo{width:210px;margin-bottom:14px}.loader-orbit{display:none}.loader-card h1{font-size:24px;margin-bottom:10px}.loader-steps{margin-bottom:12px}.loader-note{display:none}.load-detail{min-height:20px;margin-block:8px 12px}}
@media(prefers-reduced-motion:reduce){.loader-orbit::before{animation:none;border-right-color:#9bd7ed55}}
