/* Fase 20B.25 · Logros y estadísticas de Juegos */
.game-progress-section{margin-top:16px;padding-top:2px}
.game-progress-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.game-progress-head h4{margin:0;font:23px/1.08 Georgia,"Times New Roman",serif;color:#eee7df}
.game-progress-head p{margin:5px 0 0;color:#89817a;font-size:10.5px;line-height:1.45}
.game-progress-kicker{display:block;margin-bottom:5px;color:#b88662;font-size:8px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}
.game-progress-sync{display:inline-flex;align-items:center;gap:6px;color:#746d67;font-size:9px;white-space:nowrap}
.game-progress-sync:before{content:"";width:6px;height:6px;border-radius:50%;background:#67b586;box-shadow:0 0 0 3px rgba(103,181,134,.08)}
.game-progress-sync.loading:before{background:#b88662;animation:gameProgressPulse .9s ease-in-out infinite alternate}
.game-progress-sync.error:before{background:#b54d58;animation:none}
@keyframes gameProgressPulse{to{opacity:.35}}

.game-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.game-stat-detail{min-width:0;padding:14px 12px;border:1px solid #302c33;border-radius:16px;background:linear-gradient(180deg,#151419,#101014)}
.game-stat-detail span{display:block;color:#817971;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.105em}
.game-stat-detail b{display:block;margin-top:7px;font:25px/1 Georgia,"Times New Roman",serif;color:#eee7df}
.game-stat-detail small{display:block;margin-top:6px;color:#817971;font-size:9px;line-height:1.35}

.game-achievement-summary{display:flex;align-items:center;gap:9px;margin-bottom:10px;color:#8d857e;font-size:10px}
.game-achievement-summary strong{color:#d8cfc6;font-size:12px}
.game-achievements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.game-achievement{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:start;padding:13px;border:1px solid #302c33;border-radius:16px;background:linear-gradient(180deg,#141318,#101014);overflow:hidden}
.game-achievement-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3a343b;border-radius:13px;background:rgba(184,134,98,.045);color:#8d837b;font-size:20px;filter:grayscale(.6);opacity:.65}
.game-achievement h5{margin:0;color:#a59d96;font:17px/1.08 Georgia,"Times New Roman",serif}
.game-achievement p{margin:5px 0 8px;color:#746e68;font-size:9.5px;line-height:1.4}
.game-achievement-progress{height:5px;border-radius:999px;background:#28252b;overflow:hidden}
.game-achievement-progress>i{display:block;height:100%;width:var(--achievement-progress,0%);border-radius:inherit;background:linear-gradient(90deg,#704054,#b88662);transition:width .35s ease}
.game-achievement-state{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:#77706a;font-size:8.5px}
.game-achievement.unlocked{border-color:rgba(184,134,98,.44);background:radial-gradient(circle at 0 0,rgba(184,134,98,.10),transparent 43%),linear-gradient(180deg,#171419,#101014)}
.game-achievement.unlocked .game-achievement-icon{border-color:rgba(184,134,98,.46);background:rgba(184,134,98,.10);color:#d4a27d;filter:none;opacity:1}
.game-achievement.unlocked h5{color:#eee7df}
.game-achievement.unlocked .game-achievement-progress>i{background:linear-gradient(90deg,#9a5e54,#d3a071)}
.game-achievement.unlocked .game-achievement-state strong{color:#d0a17f}

html[data-theme="light"] .game-progress-head h4{color:#302822}
html[data-theme="light"] .game-progress-head p,html[data-theme="light"] .game-progress-sync{color:#786e66}
html[data-theme="light"] .game-stat-detail,html[data-theme="light"] .game-achievement{background:#fffaf5;border-color:#ddd3c8}
html[data-theme="light"] .game-stat-detail b{color:#302822}
html[data-theme="light"] .game-stat-detail span,html[data-theme="light"] .game-stat-detail small{color:#796f67}
html[data-theme="light"] .game-achievement h5{color:#675d55}
html[data-theme="light"] .game-achievement p,html[data-theme="light"] .game-achievement-state{color:#83786f}
html[data-theme="light"] .game-achievement-icon{background:#f7eee5;border-color:#ddcfc2;color:#9b8d82}
html[data-theme="light"] .game-achievement-progress{background:#e8ddd2}
html[data-theme="light"] .game-achievement.unlocked{background:radial-gradient(circle at 0 0,rgba(184,134,98,.11),transparent 43%),#fff8f1;border-color:#cfae96}
html[data-theme="light"] .game-achievement.unlocked h5{color:#302822}
html[data-theme="light"] .game-achievement-summary{color:#766d65}
html[data-theme="light"] .game-achievement-summary strong{color:#3b312b}

@media(max-width:620px){
  .game-progress-section{margin-top:15px}
  .game-progress-head{align-items:start}
  .game-progress-head h4{font-size:22px}
  .game-progress-head p{font-size:10px}
  .game-progress-sync{margin-top:4px;font-size:8px}
  .game-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .game-stat-detail{padding:13px 11px;border-radius:14px}
  .game-stat-detail b{font-size:23px}
  .game-achievements{grid-template-columns:1fr;gap:8px}
  .game-achievement{padding:12px;border-radius:15px}
  .game-achievement h5{font-size:17px}
}