/* Sign-in and registration: fields you can actually read on a phone in the
   hall's dark theme, and a 16px font so iOS does not zoom the page. */
.route-auth .field input { min-height: 48px; padding: 10px 14px; border: 1.5px solid var(--arena-line-hot, rgba(244, 201, 105, .52)); background: rgba(255, 255, 255, .12); color: var(--arena-text, #fff); font-size: 16px; caret-color: var(--arena-gold, #f4c969); }
.route-auth .field input::placeholder { color: rgba(255, 255, 255, .45); }
.route-auth .field input:focus { outline: none; border-color: var(--arena-gold, #f4c969); background: rgba(255, 255, 255, .18); box-shadow: 0 0 0 3px rgba(244, 201, 105, .25); }
.route-auth .field-label { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--arena-text, #fff); opacity: .85; }
.route-auth .button-primary { min-height: 48px; font-size: 15px; }
.route-auth .gate-alt a { text-decoration: underline; }