/* ================================================================
   Vaultria — Korean Theme
   Seoul night · N Seoul Tower · hanok courtyards · neon glow
   ================================================================ */

[data-lang="korean"] {
  --bg-base:        #030610;
  --bg-surface:     #05091a;
  --bg-panel:       rgba(3, 6, 18, 0.97);
  --bg-glass:       rgba(60,170,255,0.04);
  --bg-hover:       rgba(60,170,255,0.075);
  --bg-active:      rgba(60,170,255,0.12);
  --border-subtle:  rgba(50,155,240,0.09);
  --border-normal:  rgba(50,155,240,0.18);
  --border-strong:  rgba(50,155,240,0.32);
  --text-primary:   rgba(210,235,255,0.95);
  --text-secondary: rgba(150,198,255,0.60);
  --text-muted:     rgba(100,165,240,0.33);
  --accent-primary: #4db8ff;
  --accent-glow:    rgba(77,184,255,0.24);
  --accent-dim:     rgba(77,184,255,0.09);
  --accent-2:       #ff4da6;
  --accent-2-glow:  rgba(255,77,166,0.20);
  --success:        #44ddb0;
  --success-glow:   rgba(68,221,176,0.14);
  --error:          #ff5060;
  --error-glow:     rgba(255,80,96,0.14);
  --scrollbar-thumb: rgba(77,184,255,0.18);
  --font-display: 'Inter', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
}

[data-lang="korean"] .env-canvas {
  background: #030610;
}

[data-lang="korean"] .env-canvas::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: url('../../../Korean-Background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
  opacity: 0.45;
  filter: brightness(0.7) saturate(1.2);
}

/* City scan-line glow composite */
[data-lang="korean"] .env-canvas::after {
  content: '';
  position: fixed;
  inset: 0;
  background:
    repeating-linear-gradient(
      0deg,
      transparent 0px, transparent 3px,
      rgba(77,184,255,0.008) 3px, rgba(77,184,255,0.008) 4px
    ),
    radial-gradient(ellipse 100% 100% at 50% 50%, transparent 35%, rgba(5,8,20,0.72) 100%),
    radial-gradient(ellipse 60% 35% at 50% 100%, rgba(5,8,20,0.80) 0%, transparent 55%);
  pointer-events: none;
  z-index: 1;
}

[data-lang="korean"] .left-panel,
[data-lang="korean"] .right-panel {
  background: rgba(3, 5, 18, 0.97);
  border-color: rgba(45,145,230,0.11);
}

[data-lang="korean"] .env-canvas.glow-correct::after {
  background:
    repeating-linear-gradient(0deg, transparent 0px, transparent 3px, rgba(77,184,255,0.008) 3px, rgba(77,184,255,0.008) 4px),
    radial-gradient(ellipse 65% 42% at 50% 50%, rgba(77,184,255,0.16) 0%, transparent 65%),
    radial-gradient(ellipse 100% 100% at 50% 50%, transparent 35%, rgba(5,8,20,0.72) 100%),
    radial-gradient(ellipse 60% 35% at 50% 100%, rgba(5,8,20,0.80) 0%, transparent 55%);
  animation: correctPulse 1.3s ease forwards;
}

[data-lang="korean"] .env-canvas.glow-error::after {
  background:
    repeating-linear-gradient(0deg, transparent 0px, transparent 3px, rgba(77,184,255,0.008) 3px, rgba(77,184,255,0.008) 4px),
    radial-gradient(ellipse 65% 42% at 50% 50%, rgba(255,50,75,0.20) 0%, transparent 60%),
    radial-gradient(ellipse 100% 100% at 50% 50%, transparent 35%, rgba(5,8,20,0.72) 100%),
    radial-gradient(ellipse 60% 35% at 50% 100%, rgba(5,8,20,0.80) 0%, transparent 55%);
  animation: errorDim 0.8s ease forwards;
}

@keyframes correctPulse { 0%{opacity:0} 20%{opacity:1} 100%{opacity:0} }
@keyframes errorDim     { 0%{opacity:0} 15%{opacity:1} 100%{opacity:0} }