#chess-signin-loader{box-sizing:border-box;width:min(360px,calc(100vw - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:36px 28px 24px;border:1px solid #d5dbcf;border-radius:24px;background:#f6f6f1;color:#202620;text-align:center;box-shadow:0 24px 80px #20302724;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#chess-signin-loader::backdrop{background:#f6f6f1e8;backdrop-filter:blur(5px)}
#chess-signin-loader .signin-board{box-sizing:border-box;position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:144px;height:144px;margin:0 auto 26px;border:8px solid #203027;border-radius:12px;box-shadow:0 8px 22px #20302718;overflow:hidden}
#chess-signin-loader .signin-board>i{background:#e8e4d7}#chess-signin-loader .signin-board>i:nth-child(8n+2),#chess-signin-loader .signin-board>i:nth-child(8n+4),#chess-signin-loader .signin-board>i:nth-child(8n+5),#chess-signin-loader .signin-board>i:nth-child(8n+7){background:#87947d}
#chess-signin-loader .signin-knight{position:absolute;left:0;top:64px;display:grid;place-items:center;width:32px;height:32px;color:#203027;font:38px/1 Georgia,serif;filter:drop-shadow(0 1px 0 #f6f6f1);animation:signin-knight-move 3.2s ease-in-out infinite}
#chess-signin-loader .signin-kicker{margin:0 0 10px;color:#6b6250;font:500 10px/1.5 monospace;letter-spacing:.18em}
#chess-signin-loader h2{margin:0;color:#202620;font:400 32px/1.15 Georgia,serif;letter-spacing:-.04em}
#chess-signin-loader .signin-stage{min-height:42px;margin:14px 0 0;color:#5b6559;font-size:13px;line-height:1.6}
#chess-signin-loader .signin-dots{display:flex;justify-content:center;gap:6px;margin:18px 0 24px}
#chess-signin-loader .signin-dots i{width:5px;height:5px;border-radius:50%;background:#a78b59;animation:signin-dot-pulse 1.2s ease-in-out infinite}
#chess-signin-loader .signin-dots i:nth-child(2){animation-delay:.15s}#chess-signin-loader .signin-dots i:nth-child(3){animation-delay:.3s}
#chess-signin-loader .signin-close{display:inline-block;width:auto;height:auto;min-height:32px;margin:0;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:#64705e;font:500 12px/1.5 system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;box-shadow:none;cursor:pointer}
#chess-signin-loader .signin-close:hover{background:#e8ede4;color:#203027;transform:none}#chess-signin-loader .signin-close:focus-visible{outline:2px solid #a78b59;outline-offset:3px}
@keyframes signin-knight-move{0%,15%,100%{transform:translate(0,0)}35%,55%{transform:translate(64px,-32px)}75%,85%{transform:translate(0,0)}}
@keyframes signin-dot-pulse{0%,80%,100%{opacity:.3}40%{opacity:1}}
@media(prefers-reduced-motion:reduce){#chess-signin-loader .signin-knight,#chess-signin-loader .signin-dots i{animation:none}}