* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: #050a14;
  height: 100vh;
  overflow: hidden;
  font-family: system-ui, -apple-system, sans-serif;
}
#screen {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  outline: none;
}

/* Auth Overlay */
.auth-hidden { display: none !important; }
#auth-overlay {
  position: fixed; inset: 0; z-index: 1000;
  background: #050a14;
  display: flex; align-items: center; justify-content: center;
}
#auth-box {
  background: #161b22;
  border: 1px solid #30363d;
  border-radius: 12px;
  padding: 36px 32px;
  width: 380px;
  max-width: 90vw;
}
#auth-box h1 {
  color: #fff; font-size: 24px; text-align: center; margin-bottom: 4px;
}
#auth-box p.sub {
  color: #8b949e; font-size: 13px; text-align: center; margin-bottom: 24px;
}
.auth-tabs {
  display: flex; gap: 0; margin-bottom: 20px;
  border-bottom: 1px solid #21262d;
}
.auth-tab {
  flex: 1; padding: 10px; text-align: center; cursor: pointer;
  color: #8b949e; font-size: 14px; border-bottom: 2px solid transparent;
  transition: all .15s;
}
.auth-tab:hover { color: #c9d1d9; }
.auth-tab-active { color: #f78166; border-bottom-color: #f78166; }
#auth-box input {
  width: 100%; padding: 10px 12px; margin-bottom: 12px;
  background: #0d1117; border: 1px solid #30363d; border-radius: 6px;
  color: #c9d1d9; font-size: 14px; outline: none;
}
#auth-box input:focus { border-color: #f78166; }
#auth-box button {
  width: 100%; padding: 10px;
  background: #f78166; color: #fff; border: none; border-radius: 6px;
  font-size: 14px; font-weight: 600; cursor: pointer; margin-top: 4px;
}
#auth-box button:hover { background: #f87158; }
#auth-error {
  color: #f85149; font-size: 13px; text-align: center; margin-bottom: 12px;
}
#auth-loading {
  position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
  background: #161b22; color: #8b949e; padding: 8px 16px;
  border-radius: 6px; font-size: 13px; z-index: 1001;
  border: 1px solid #30363d;
}
#verify-email-display {
  color: #8b949e; font-size: 13px; text-align: center; margin-bottom: 16px;
}
#logout-btn {
  position: fixed; top: 12px; right: 12px; z-index: 100;
  background: #21262d; color: #8b949e; border: 1px solid #30363d;
  border-radius: 6px; padding: 6px 14px; font-size: 12px; cursor: pointer;
}
#logout-btn:hover { background: #30363d; color: #c9d1d9; }