.header-actions { display:flex; align-items:center; gap:10px; }
.quiet { padding:7px 11px; font-size:11px; }
.auth-page { min-height:calc(100vh - 170px); display:grid; place-items:center; }
.auth-card { width:min(420px, 100%); padding:38px; }
.auth-card h1 { font-size:34px; margin-bottom:8px; }
.auth-card > p { color:#74857c; font-size:13px; line-height:1.8; }
.auth-card form { display:grid; gap:10px; margin-top:24px; }
.auth-card form label { margin:0; }
.form-feedback { min-height:20px; color:#a15d51; margin:14px 0 0; }
.role-line { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; color:#71867a; font-size:12px; }
.route-options { border:0; margin:12px 0; padding:0; display:grid; gap:8px; }
.route-options label { display:flex; align-items:center; gap:10px; margin:0; padding:11px 12px; border:1px solid #e1e9e2; border-radius:9px; cursor:pointer; }
.route-options label:has(input:checked) { border-color:#73a088; background:#f0f6f1; }
.route-options label:has(input:disabled) { opacity:.5; cursor:not-allowed; }
.route-options input { width:15px; accent-color:#216a50; }
.route-options span { display:flex; align-items:center; justify-content:space-between; gap:10px; flex:1; }
.route-options strong { font-size:12px; }
.route-options small { font-size:10px; color:#789080; }
.controls select { width:auto; min-width:112px; padding:10px; }
.stage.mode-cover video { object-fit:cover; }
.stage:fullscreen { width:100vw; height:100vh; max-width:none; max-height:none; }
.stage:fullscreen video { width:100%; height:100%; max-height:none; }
.stage:fullscreen .debug-panel { position:absolute; }

@media (max-width:720px) {
  .auth-card { padding:28px 22px; }
  .header-actions .badge { display:none; }
  .controls select { flex:1; }
  .route-options { grid-template-columns:repeat(3, 1fr); }
  .route-options label { padding:9px 7px; }
  .route-options span { display:block; }
  .route-options small { display:block; margin-top:3px; }
}