/* ProDobro Games — Unified header across all games */

.pdg-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  gap: var(--pdg-space-3);
  padding: 10px 16px;
  background: var(--pdg-surface);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--pdg-border);
  font-family: var(--pdg-font);
  color: var(--pdg-fg);
}

.pdg-header__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: var(--pdg-radius);
  background: transparent;
  border: 1px solid var(--pdg-border);
  color: var(--pdg-fg);
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: background var(--pdg-transition);
}
.pdg-header__back:hover { background: var(--pdg-surface-hover); }

.pdg-header__title {
  font-weight: 800;
  font-size: 15px;
  letter-spacing: -0.01em;
  flex-grow: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pdg-header__profile {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 4px;
  border-radius: 999px;
  background: var(--pdg-surface);
  border: 1px solid var(--pdg-border);
  font-weight: 700;
  font-size: 13px;
  color: var(--pdg-fg);
  cursor: pointer;
}
.pdg-header__profile:hover { background: var(--pdg-surface-hover); }

.pdg-header__theme {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--pdg-surface);
  border: 1px solid var(--pdg-border);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: background var(--pdg-transition), transform 0.2s ease;
}
.pdg-header__theme:hover { background: var(--pdg-surface-hover); transform: scale(1.05); }

@media (max-width: 520px) {
  .pdg-header__title { display: none; }
  .pdg-header__back span { display: none; }
}