/* Source: supplied Stitch Logros/Trofeos light and dark compositions.
   Scoped to achievements; no global game or statistics changes. */
body.puzzles-app[data-puzzles-screen="achievements"] > main.achievements-page {
  --stitch-trophy-ink:var(--app-accent-ink,var(--brand-violet));
  --stitch-trophy-line:var(--line);
  --stitch-trophy-gold:var(--brand-yellow);
  --stitch-trophy-muted:var(--text-secondary);
  width:100%;max-width:none;
  margin-inline:0;padding:max(16px, var(--safe-top, 0px)) 22px calc(var(--puzzles-app-bottom-nav, 64px) + var(--safe-bottom, 0px) + 24px);
  color:var(--text);
}
body.puzzles-app[data-puzzles-screen="achievements"] > main.achievements-page > * {
  max-width:1320px;margin-inline:auto;
}
:where(.achievements-page .achievements-hero){
  align-items:center;gap:22px;padding:20px 24px;
  border:1px solid var(--line);border-radius:12px;background:var(--surface);
  margin:0;box-shadow:var(--shadow-soft);
}
:where(.achievements-page .achievements-hero .kicker){letter-spacing:.14em;font-weight:850;font-size:.68rem;color:var(--stitch-trophy-ink)}
:where(.achievements-page .achievements-hero h1){
  margin:.18em 0 .22em;font-size:clamp(2rem,3.6vw,3.8rem);line-height:1.1;letter-spacing:-.045em;
  max-width:800px;color:var(--stitch-trophy-ink);font-weight:780;
}
:where(.achievements-page .achievements-hero p){max-width:760px;font-size:.9rem;line-height:1.6}
:where(.achievements-page .achievements-hero>.button){
  flex:none;border-radius:5px;background:var(--stitch-trophy-gold);
  color:#172C6B;border:1px solid var(--stitch-trophy-gold);
  font-weight:800;min-height:44px;padding:10px 16px;
}
:where(.achievements-page .achievements-hero>.button:hover){filter:brightness(1.05)}
.achievements-page .achievements-overview {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 30px;
}
.achievements-page .achievements-overview article {
  min-width:0;min-height:143px;padding:19px;border-radius:18px;
  border:1px solid var(--line);background:var(--progress-tint,var(--surface));box-shadow:var(--shadow-soft);
  position:relative;overflow:hidden;
}
.achievements-page .achievements-overview article::after {
  content:"";position:absolute;top:0;right:0;width:66px;height:58px;
  border-bottom-left-radius:11px;background:var(--surface-soft);pointer-events:none;
}
.achievements-page .achievements-overview article:nth-child(2)::after {background:rgba(255,205,48,.17)}
.achievements-page .achievements-overview article:nth-child(3)::after {background:rgba(255,85,126,.13)}
.achievements-page .achievements-overview article:nth-child(4)::after {background:rgba(19,197,247,.11)}
.achievements-page .achievements-overview article>span {
  letter-spacing:.07em;font-size:.65rem;text-transform:uppercase;color:var(--text-secondary);
}
.achievements-page .achievements-overview strong {
  font-size:clamp(1.85rem,3vw,2.85rem);color:var(--stitch-trophy-ink);letter-spacing:-.04em;
  margin:14px 0 8px;font-weight:800;
}
.achievements-page .achievements-overview article:nth-child(2) strong {color:var(--brand-violet)}
.achievements-page .achievements-overview article:nth-child(3) strong {color:var(--brand-coral)}
.achievements-page .achievements-overview article:nth-child(4) strong {color:var(--stitch-trophy-ink)}
.achievements-page .achievements-overview small {font-size:.7rem;line-height:1.4;letter-spacing:0;text-transform:none}
.achievements-page .achievements-spotlight {
  margin:0 0 24px;padding:24px 0 0;box-shadow:none;
  border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;
}
.achievements-page .achievements-spotlight[hidden] {display:none!important}
.achievements-page .achievements-spotlight-header {margin-bottom:17px}
.achievements-page .achievements-spotlight-header .kicker {color:var(--stitch-trophy-ink);font-size:.66rem;letter-spacing:.12em}
.achievements-page .achievements-spotlight-header h2 {
  font-size:clamp(1.4rem,2.25vw,2.05rem);font-weight:750;line-height:1.2;color:var(--stitch-trophy-ink)
}
.achievements-page .achievements-spotlight-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.achievements-page .achievements-spotlight .stats-achievement {
  display:flex;flex-direction:column;gap:14px;min-width:0;min-height:282px;
  border:1px solid var(--line);border-top:4px solid var(--stitch-trophy-gold);
  border-radius:8px;background:var(--surface);padding:22px;
  box-shadow:0 4px 12px #172C6B0b;
}
.achievements-page .achievements-spotlight .stats-achievement:nth-child(2) {border-top-color:var(--brand-coral)}
.achievements-page .achievements-spotlight .stats-achievement:nth-child(3) {border-top-color:var(--brand-aqua)}
.achievements-page .achievements-spotlight .stats-achievement-top {align-items:center}
.achievements-page .achievements-spotlight .stats-achievement-badge {
  display:grid;place-items:center;width:74px;height:74px;font-size:2rem;
  border:1px solid var(--line);background:var(--surface-soft);border-radius:50%
}
.achievements-page .achievements-spotlight .stats-achievement>strong {
  font-size:clamp(1.12rem,1.55vw,1.5rem);line-height:1.2;letter-spacing:-.02em;
  color:var(--stitch-trophy-ink)
}
.achievements-page .achievements-spotlight .stats-achievement p {
  font-size:.78rem;line-height:1.65;flex:1;color:var(--text-secondary)
}
.achievements-page .achievements-spotlight .stats-achievement-progress {margin-top:auto}
.achievements-page .achievements-controls {
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;margin-top:18px;padding:13px 15px;
  border-radius:8px;border:1px solid var(--line);box-shadow:none;
}
.achievements-page .stats-achievement-scopes {display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.achievements-page .stats-achievement-scopes button {
  padding:10px 12px;border-radius:5px;min-height:37px;font-size:.73rem;white-space:nowrap;
}
.achievements-page .stats-achievement-scopes button[aria-pressed="true"] {
  border-color:var(--stitch-trophy-ink);background:var(--stitch-trophy-ink);color:var(--surface);
}
.achievements-page .achievements-filter-row {gap:9px;flex-wrap:wrap;align-items:center;flex:1 1 420px;justify-content:flex-end}
.achievements-page .achievements-search {min-width:160px;max-width:310px;flex:1 1 180px}
.achievements-page .achievements-search input,
.achievements-page .achievements-select select {min-height:39px;border-radius:5px;font-size:.75rem}
.achievements-page .achievements-select select {min-width:155px}
/* The display:grid filter label must respect its functional hidden state. */
.achievements-page .achievements-select[hidden] {display:none!important}
.achievements-page .achievements-browser {
  margin-top:22px;border:0;background:transparent;box-shadow:none;padding:0;
}
.achievements-page .achievements-browser-head {margin-bottom:14px}
.achievements-page .achievements-browser-head h2 {
  font-size:clamp(1.2rem,2vw,1.8rem);font-weight:750;color:var(--stitch-trophy-ink)
}
.achievements-page .achievements-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.achievements-page .achievements-grid .stats-achievement {
  display:flex;flex-direction:column;min-width:0;min-height:218px;
  background:var(--surface);padding:18px;border:1px solid var(--line);
  border-radius:8px;box-shadow:var(--shadow-soft);
}
.achievements-page .achievements-grid .stats-achievement.is-locked {
  opacity:.7;border-style:solid;background:var(--surface-soft)
}
.achievements-page .achievements-grid .stats-achievement.is-unlocked {border-top:3px solid var(--stitch-trophy-gold)}
.achievements-page .achievements-grid .stats-achievement-top {margin-bottom:11px}
.achievements-page .achievements-grid .stats-achievement-badge {
  display:grid;place-items:center;width:43px;height:43px;border-radius:5px;
  border:1px solid var(--line);background:var(--surface-soft)
}
.achievements-page .achievements-grid .stats-achievement > strong {
  font-size:clamp(.9rem,1.3vw,1.1rem);line-height:1.25;
  color:var(--stitch-trophy-ink);font-weight:760;
}
.achievements-page .achievements-grid .stats-achievement > p {
  font-size:.74rem;line-height:1.5;flex:1;min-height:0;margin-top:7px;
}
.achievements-page .stats-achievement-progress {border-radius:999px;overflow:hidden;height:6px}
.achievements-page .stats-achievement-progress>span {border-radius:999px}
.achievements-page .achievements-context-meta span {border-radius:4px}
.achievements-page .achievements-related {
  padding:22px;margin-top:22px;background:var(--surface);border-radius:8px
}
.achievements-page .stitch-achievements-next {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;
  margin-top:24px;padding:25px 28px;border:1px solid var(--line);border-radius:9px;
  background:var(--surface-soft);
  box-shadow:var(--shadow-soft);
}
.achievements-page .stitch-achievements-next .kicker {font-size:.66rem;color:var(--stitch-trophy-ink);font-weight:850;letter-spacing:.1em}
.achievements-page .stitch-achievements-next h2 {margin:8px 0;color:var(--stitch-trophy-ink);font-size:clamp(1.2rem,2.15vw,1.9rem);line-height:1.2;letter-spacing:-.035em}
.achievements-page .stitch-achievements-next p {font-size:.8rem;color:var(--text-secondary);max-width:660px;margin:4px 0 0;line-height:1.55}
.achievements-page .stitch-achievements-next .button {
  background:var(--stitch-trophy-gold);color:#172C6B;min-height:43px;
  padding:10px 15px;border-radius:5px;font-size:.76rem;font-weight:800
}
:where(html[data-theme="dark"] .achievements-page .achievements-hero,
html[data-theme="dark"] .achievements-page .achievements-overview article,
html[data-theme="dark"] .achievements-page .stitch-achievements-next){background:#1c2131}
:where(/* Stitch's dark trophy reference nests the four real KPIs in a shared
   prestige panel, while the light reference uses separate white cards. */
html[data-theme="dark"] .achievements-page .achievements-hero){
  margin-bottom:0;border-radius:10px 10px 0 0;border-bottom:0;box-shadow:none
}
html[data-theme="dark"] .achievements-page .achievements-overview {
  margin:-1px 0 28px;padding:2px 22px 22px;
  border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;
  background:#1c2131;gap:12px
}
html[data-theme="dark"] .achievements-page .achievements-overview article {
  min-height:124px;background:var(--progress-tint,var(--surface));border:1px solid #343b50;
  box-shadow:none;border-radius:5px
}
html[data-theme="dark"] .achievements-page .achievements-overview strong {color:var(--brand-yellow)}
html[data-theme="dark"] .achievements-page .achievements-overview article:nth-child(2) strong {color:var(--brand-aqua)}
html[data-theme="dark"] .achievements-page .achievements-overview article:nth-child(3) strong {color:var(--brand-coral)}
html[data-theme="dark"] .achievements-page .achievements-overview article:nth-child(4) strong {color:var(--brand-aqua)}
:where(html[data-theme="dark"] .achievements-page .achievements-hero h1,
html[data-theme="dark"] .achievements-page .achievements-overview strong,
html[data-theme="dark"] .achievements-page .achievements-browser-head h2,
html[data-theme="dark"] .achievements-page .achievements-spotlight-header h2,
html[data-theme="dark"] .achievements-page .stitch-achievements-next h2){color:var(--text)}
html[data-theme="dark"] .achievements-page .achievements-grid .stats-achievement {background:#1c2131}
html[data-theme="dark"] .achievements-page .achievements-spotlight .stats-achievement {background:#202434}
html[data-theme="dark"] .achievements-page .stats-achievement-scopes button[aria-pressed="true"] {
  background:var(--brand-yellow);border-color:var(--brand-yellow);color:#172C6B
}

@media(max-width:1080px) {
 .achievements-page .achievements-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 .achievements-page .achievements-overview {grid-template-columns:repeat(2,minmax(0,1fr))}
 .achievements-page .achievements-filter-row {justify-content:flex-start}
}
@media(max-width:760px) {
 body.puzzles-app[data-puzzles-screen="achievements"]>main.achievements-page {width:calc(100% - 26px);padding-top:max(16px, var(--safe-top, 0px));padding-bottom:calc(var(--puzzles-app-bottom-nav, 64px) + var(--safe-bottom, 0px) + 24px)}
 :where(.achievements-page .achievements-hero){padding:18px;flex-direction:column;align-items:flex-start}
 .achievements-page .achievements-spotlight-grid {grid-template-columns:1fr}
 .achievements-page .achievements-spotlight .stats-achievement {min-height:220px}
 .achievements-page .achievements-controls {align-items:stretch}
 .achievements-page .achievements-overview {gap:10px}
 .achievements-page .achievements-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .achievements-page .achievements-grid .stats-achievement {padding:13px}
 .achievements-page .stats-achievement-scopes {overflow-x:auto;flex-wrap:nowrap;width:100%}
 .achievements-page .stats-achievement-scopes button {flex:0 0 auto}
 .achievements-page .stitch-achievements-next {grid-template-columns:1fr;padding:20px}
}
@media(max-width:480px) {
 .achievements-page .achievements-hero h1 {font-size:clamp(1.95rem,9vw,2.6rem)}
 .achievements-page .achievements-overview article {min-height:105px;padding:12px}
 .achievements-page .achievements-overview strong {font-size:1.7rem}
 .achievements-page .achievements-grid {grid-template-columns:1fr}
 .achievements-page .achievements-search {max-width:none}
 .achievements-page .achievements-select,.achievements-page .achievements-select select {width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.achievements-page *{transition:none!important}}