/* Website sign-in screen and Mini App confirmation window. Uses the site's own colours. */
.cwl-open{overflow:hidden}
#crafter-web-login{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;
  background:radial-gradient(60% 50% at 50% 0,rgba(22,137,255,.16),transparent 70%),#131313;overflow:auto}
.cwl-card{width:min(420px,100%);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:34px 26px 28px;
  border-radius:30px;color:#f4f6fa;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),#1b1d22;
  border:1px solid #2c3037;box-shadow:0 24px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14);animation:cwl-in .5s cubic-bezier(.2,.9,.3,1) both}
@keyframes cwl-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.cwl-mark{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;font-size:34px;font-weight:800;color:#fff;
  background:linear-gradient(160deg,#4aa6ff,#1068c9);box-shadow:0 12px 34px rgba(22,137,255,.4),inset 0 1px 0 rgba(255,255,255,.5)}
.cwl-mark.is-ok{background:linear-gradient(160deg,#4fe08c,#1fa65c);box-shadow:0 12px 34px rgba(47,224,124,.35),inset 0 1px 0 rgba(255,255,255,.5)}
.cwl-card h1{margin:6px 0 0;font-size:24px;line-height:1.2;letter-spacing:-.4px}
.cwl-card p{margin:0;font-size:14px;line-height:1.55;color:#a3abb8}
.cwl-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:8px;padding:0 18px;border-radius:27px;
  font-size:16px;font-weight:700;color:#fff;text-decoration:none;cursor:pointer;
  background:linear-gradient(180deg,#4aa6ff,#1b7cf0);border:1px solid rgba(255,255,255,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 26px rgba(22,137,255,.4);transition:transform .2s cubic-bezier(.3,1.5,.5,1),filter .2s}
.cwl-button:hover{filter:brightness(1.07)}.cwl-button:active{transform:scale(.97)}.cwl-button:disabled{opacity:.6}
.cwl-link{font-size:13px;color:#7cc0ff;text-decoration:none}
.cwl-cancel{margin-top:2px;padding:10px 14px;font-size:14px;color:#8f98a6;background:none;border:0;cursor:pointer}
.cwl-note{font-size:12px;line-height:1.5;color:#7d8693;max-width:320px}
.cwl-device{padding:9px 16px;border-radius:16px;font-size:13px;font-weight:600;color:#cfe3ff;background:#101216;border:1px solid #2a2f37}
.cwl-spinner{width:54px;height:54px;border-radius:50%;border:4px solid #2a2f37;border-top-color:#1689ff;animation:cwl-spin 1s linear infinite}
@keyframes cwl-spin{to{transform:rotate(360deg)}}
#cwl-logout{position:fixed;left:14px;bottom:12px;z-index:50;padding:6px 10px;border-radius:10px;font-size:11px;color:#7d8693;
  background:rgba(27,29,34,.85);border:1px solid #2c3037;cursor:pointer}
#cwl-logout:hover{color:#d6dbe3}
@media(prefers-reduced-motion:reduce){.cwl-card,.cwl-spinner{animation:none}.cwl-spinner{border-top-color:#1689ff}}