/* ═══════════════════════════════════════════════════════════════
   ukrainian.css — Pixel / low-tech theme for Українська
   Loaded after glossarium_core.css; only affects this page.
═══════════════════════════════════════════════════════════════ */

/* ── TOPBAR ─────────────────────────────────────────────────── */
.topbar { border-bottom: 2px solid rgba(255,255,255,0.2); }
.topbar-logo  { font-family:'Press Start 2P',monospace; font-size:10px; letter-spacing:0; }
.topbar-course{ font-family:'Press Start 2P',monospace; font-size:8px;  letter-spacing:0; }
.back-btn { font-family:'Press Start 2P',monospace; font-size:7px; border-radius:0; letter-spacing:0; }

/* ── UNIT HEADER ─────────────────────────────────────────────── */
.unit-header { border-bottom: 2px solid var(--border); padding-bottom: 20px; }
.unit-header-meta { gap: 10px; }
.unit-header-module,
.unit-header-sep,
.unit-header-cefr { font-family:'Press Start 2P',monospace; font-size:7px; letter-spacing:0; }

.unit-title-big {
  font-family:'Press Start 2P',monospace;
  font-size:13px; line-height:1.9; letter-spacing:0; margin:10px 0 6px;
}
.unit-theme-big {
  font-family:'Press Start 2P',monospace;
  font-size:7px; line-height:2.2; letter-spacing:0;
}
.unit-progress-bar {
  height:10px; border-radius:0;
  border:2px solid var(--text);
  background:var(--surface2);
  box-shadow:2px 2px 0 rgba(0,0,0,0.25);
}
.unit-progress-fill { border-radius:0; }
.unit-progress-label { font-family:'Press Start 2P',monospace; font-size:6px; letter-spacing:0; margin-top:6px; }

/* ── PHASE NAV ───────────────────────────────────────────────── */
.unit-phase-nav { gap:8px; }
.unit-phase-btn {
  font-family:'Press Start 2P',monospace;
  font-size:7px; letter-spacing:0; border-radius:0;
  border:2px solid var(--border);
  box-shadow:3px 3px 0 rgba(0,0,0,0.25);
  transition:none;
}
.unit-phase-btn:hover  { transform:translate(2px,2px); box-shadow:1px 1px 0 rgba(0,0,0,0.25); }
.unit-phase-btn:active { transform:translate(3px,3px); box-shadow:none; }
.unit-phase-btn.active { box-shadow:3px 3px 0 #003a7a; }
.unit-phase-count { font-family:'Press Start 2P',monospace; font-size:6px; letter-spacing:0; }

/* ── SIDEBAR ─────────────────────────────────────────────────── */
.unit-sidebar { border-right:2px solid var(--border); }
.unit-section-item {
  font-family:'Press Start 2P',monospace;
  font-size:6px; line-height:1.9; letter-spacing:0;
  border-radius:0; border-left:3px solid transparent;
  padding:10px 14px;
}
.unit-section-item.active {
  border-left-color:#005BBB;
  background:rgba(0,91,187,0.07);
}
.unit-section-dot { display:none; }
.unit-section-check { font-family:'Press Start 2P',monospace; font-size:6px; }
.unit-section-label { white-space:normal; }

/* ── SECTION CARD ────────────────────────────────────────────── */
.section-card {
  border-radius:0;
  border:2px solid var(--border);
  box-shadow:5px 5px 0 rgba(0,0,0,0.12);
}
.section-header {
  border-bottom:2px solid var(--border);
  padding:14px 18px;
}
.section-type-badge {
  font-family:'Press Start 2P',monospace;
  font-size:6px; letter-spacing:0; border-radius:0; padding:4px 8px;
}
.section-title {
  font-family:'Press Start 2P',monospace;
  font-size:8px; line-height:1.8; letter-spacing:0;
}

/* ── BUTTONS ─────────────────────────────────────────────────── */
.btn {
  font-family:'Press Start 2P',monospace;
  font-size:7px; letter-spacing:0; border-radius:0;
  box-shadow:3px 3px 0 rgba(0,0,0,0.25);
  transition:none; padding:10px 18px;
}
.btn:hover  { transform:translate(2px,2px); box-shadow:1px 1px 0 rgba(0,0,0,0.25); }
.btn:active { transform:translate(3px,3px); box-shadow:none; }
.btn-primary   { box-shadow:3px 3px 0 #003a7a; }
.btn-primary:hover { box-shadow:1px 1px 0 #003a7a; }
.btn-secondary { box-shadow:3px 3px 0 rgba(0,0,0,0.2); }
.btn-success   { box-shadow:3px 3px 0 #1a5a2a; }

/* ── SCORE BADGE ──────────────────────────────────────────────── */
.score-badge { border-radius:0; font-family:'Press Start 2P',monospace; font-size:6px; letter-spacing:0; }

/* ── COMPLETE SCREEN ──────────────────────────────────────────── */
.complete-title  { font-family:'Press Start 2P',monospace; font-size:16px; line-height:1.8; }
.complete-sub    { font-family:'Press Start 2P',monospace; font-size:8px;  line-height:2; }
.score-breakdown { border:2px solid var(--border); border-radius:0; box-shadow:4px 4px 0 rgba(0,0,0,0.12); }
.score-label     { font-family:'Press Start 2P',monospace; font-size:7px; line-height:1.9; }
.score-val       { font-family:'Press Start 2P',monospace; font-size:7px; }

/* ── FOOTER NAV ──────────────────────────────────────────────── */
.unit-main-footer { border-top:2px solid var(--border); }

/* ── ALPHABET FLASHCARD GAME ─────────────────────────────────── */
.fc-header-label,
.fc-complete-label { font-family:'Press Start 2P',monospace !important; font-size:7px !important; letter-spacing:0 !important; }

.fc-pip { border-radius:0 !important; }

.fc-card-front,
.fc-card-back { border-radius:0 !important; border-width:2px !important; box-shadow:4px 4px 0 rgba(0,0,0,0.2); }

.fc-prompt-label,
.fc-tap-label { font-family:'Press Start 2P',monospace !important; font-size:6px !important; letter-spacing:0 !important; text-transform:none !important; }

.fc-verdict { font-family:'Press Start 2P',monospace !important; font-size:7px !important; letter-spacing:0 !important; }

.fc-input { border-radius:0 !important; border-width:2px !important; }

.fc-check-btn,
.fc-next-btn { font-family:'Press Start 2P',monospace !important; font-size:7px !important; letter-spacing:0 !important; border-radius:0 !important; box-shadow:3px 3px 0 rgba(0,0,0,0.25) !important; }
.fc-check-btn:active,
.fc-next-btn:active { transform:translate(3px,3px) !important; box-shadow:none !important; }

.fc-kb-label { font-family:'Press Start 2P',monospace !important; font-size:6px !important; letter-spacing:0 !important; text-transform:none !important; }

.fc-key { border-radius:0 !important; border-width:2px !important; box-shadow:2px 2px 0 rgba(0,0,0,0.18) !important; }
.fc-key:active:not(:disabled) { transform:translate(2px,2px) !important; box-shadow:none !important; }

.fc-result-dot { border-radius:0 !important; }

.fc-score-msg { font-family:'Press Start 2P',monospace !important; font-size:8px !important; line-height:2.2 !important; font-style:normal !important; }

.fc-score-btn { font-family:'Press Start 2P',monospace !important; font-size:7px !important; letter-spacing:0 !important; border-radius:0 !important; box-shadow:3px 3px 0 rgba(0,0,0,0.25) !important; }
.fc-score-btn:active { transform:translate(3px,3px) !important; box-shadow:none !important; }