/* PawStrike start screen: LOGIN / CREATE ACCOUNT (ui/AuthScreen.js) */
#auth-root { position: fixed; inset: 0; z-index: 60; }
#auth-root.hidden { display: none; }
.au-root { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; overflow: auto;
  background: linear-gradient(rgba(10, 8, 30, 0.55), rgba(10, 8, 30, 0.75)), #1b1440 url('../assets/ui/lobby/arena_bg.webp') center / cover no-repeat;
  font-family: 'Rajdhani', 'Bahnschrift', 'Segoe UI', sans-serif; color: #f6f4ff; }
.au-card { width: min(440px, 100%); box-sizing: border-box; padding: 26px 30px 24px; border-radius: 20px; text-align: center;
  background: rgba(15, 20, 45, 0.92); border: 1px solid rgba(130, 140, 255, 0.28); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06); }
.au-logo { width: min(300px, 80%); height: auto; display: block; margin: -6px auto 2px; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.5)); }
.au-title { margin: 0 0 14px; font: 400 34px 'Anton', 'Impact', sans-serif; letter-spacing: 6px; color: #fff;
  background: linear-gradient(90deg, #ffb21c, #ff6a3d 45%, #9945ff); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.au-choose { display: flex; flex-direction: column; gap: 12px; }
.au-form { display: flex; flex-direction: column; gap: 12px; text-align: left; }
.au-form h2 { margin: 0 0 2px; text-align: center; font: 700 24px 'Rajdhani', sans-serif; letter-spacing: 3px; color: #e9e6ff; }
.au-field { display: flex; flex-direction: column; gap: 5px; }
.au-field span { font: 700 14px 'Rajdhani', sans-serif; letter-spacing: 1.2px; text-transform: uppercase; color: #aeb0d6; }
.au-field input { height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(130, 140, 255, 0.3); background: rgba(8, 10, 28, 0.85);
  color: #fff; font: 600 17px 'Inter', 'Segoe UI', sans-serif; outline: none; transition: border-color 0.15s, box-shadow 0.15s; }
.au-field input:focus { border-color: #8f7bff; box-shadow: 0 0 0 3px rgba(143, 123, 255, 0.25); }
.au-field.bad input { border-color: #ff5a6e; box-shadow: 0 0 0 3px rgba(255, 90, 110, 0.18); }
.au-err { color: #ff8796; font: 600 13px 'Inter', sans-serif; }
.au-hint { color: #8d90b8; font: 500 12px 'Inter', sans-serif; }
.au-btn { height: 50px; border-radius: 14px; border: none; cursor: pointer; color: #fff; font: 700 21px 'Rajdhani', sans-serif; letter-spacing: 2px;
  transition: transform 0.12s, filter 0.12s; }
.au-btn.big { height: 58px; font-size: 24px; }
.au-btn.primary { background: linear-gradient(180deg, #ffb21c, #ff7a1a); box-shadow: 0 6px 0 #b4520c, 0 10px 24px rgba(255, 122, 26, 0.35); color: #2a1300; }
.au-btn.ghost { background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(160, 150, 255, 0.45); }
.au-btn:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.08); }
.au-btn:disabled { opacity: 0.6; cursor: default; }
.au-switch { margin: 4px 0 0; text-align: center; color: #aeb0d6; font: 600 15px 'Inter', sans-serif; }
.au-link { background: none; border: none; padding: 0 2px; color: #ffc24a; font: 700 15px 'Rajdhani', sans-serif; letter-spacing: 1px; cursor: pointer; text-decoration: underline; }
.au-msg { padding: 9px 12px; border-radius: 10px; background: rgba(120, 130, 255, 0.14); color: #dcdcff; font: 600 14px 'Inter', sans-serif; text-align: center; }
.au-msg.bad { background: rgba(255, 70, 90, 0.16); color: #ffb3bd; }
.au-note { margin: 6px 0 0; color: #9a9cc4; font: 500 13px 'Inter', sans-serif; line-height: 1.4; }