/* Top-level <header> removed from layout; styles kept minimal elsewhere. */

.logo-area {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pikachu-box {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 2px;
  background:
    radial-gradient(circle at 30% 0, rgba(255,255,255,0.65), rgba(255,230,140,1)),
    radial-gradient(circle at 70% 100%, rgba(255,150,200,0.9), rgba(255,220,130,0.9));
  box-shadow:
    0 0 18px rgba(255,215,130,1),
    0 14px 28px rgba(0,0,0,0.95);
  border: 2px solid rgba(255,238,190,1);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: pika-float 2.4s ease-in-out infinite;
}
.pikachu-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
@keyframes pika-float {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-5px); }
}

.title-text h1 {
  margin: 0;
  font-size: 16px;
  letter-spacing: 1px;
  text-shadow:
    0 0 12px rgba(255,212,95,0.9),
    0 0 26px rgba(255,176,117,0.7);
}
.title-text p {
  margin: 2px 0 0;
  font-size: 11px;
  color: var(--text-sub);
}

.header-controls {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 11px;
  color: var(--text-sub);
}

.lang-toggle {
  display: inline-flex;
  border-radius: 999px;
  padding: 2px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(0,0,0,0.4);
}
.lang-btn {
  border: none;
  background: transparent;
  padding: 3px 10px;
  border-radius: 999px;
  color: var(--text-sub);
  font-size: 11px;
  cursor: pointer;
}
.lang-btn.active {
  background: radial-gradient(circle at 30% 0, rgba(255,255,255,0.28), var(--accent));
  color: #231b08;
  font-weight: 600;
  box-shadow: 0 0 8px rgba(245,200,76,0.8);
}

/* shortcut-hint rules moved to layout.css for consistency */

.shortcut-toggle-btn {
  border: none;
  border-radius: 999px;
  width: 28px; height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.4);
  color: var(--text-sub);
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0,0,0,0.9);
  font-size: 15px;
}

/* responsive header rules consolidated into layout.css */