.achievements-screen{min-height:100%;padding:0 0 calc(92px + env(safe-area-inset-bottom));background:var(--bg)}
.achievement-header{display:flex;align-items:flex-end;justify-content:space-between;padding:calc(22px + env(safe-area-inset-top)) 20px 18px;background:#08162b;color:#fff;border-bottom:1px solid rgba(212,175,55,.35)}
.achievement-header p{margin:0 0 4px;color:#d4af37;font-size:.72rem;font-weight:800;letter-spacing:.14em}
.achievement-header h1{margin:0;font-size:1.7rem}
.achievement-total{display:flex;align-items:baseline;gap:4px}.achievement-total strong{color:#f4d66d;font-size:1.8rem}.achievement-total span{color:#b8c2d3;font-weight:700}
.achievement-summary{margin:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 8px 24px rgba(2,12,27,.08)}
.achievement-summary div{display:flex;align-items:baseline;gap:10px}.achievement-summary strong{font-size:1.5rem}.achievement-summary span,.achievement-summary p{color:var(--muted)}.achievement-summary p{margin:8px 0 0;font-size:.85rem}
.achievement-summary progress,.achievement-card progress{width:100%;height:9px;margin-top:10px;accent-color:#c9a227}
.achievement-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:2px 16px 12px}
.achievement-tabs button{min-width:0;padding:10px 4px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:.8rem;font-weight:800;white-space:nowrap}
.achievement-tabs button.active{border-color:#c9a227;background:#c9a227;color:#111b2d}
.achievement-list{display:grid;gap:12px;padding:0 16px 24px}
.achievement-card{display:flex;gap:12px;min-width:0;padding:15px;border:1px solid var(--line);border-left:5px solid #8b6d48;border-radius:15px;background:var(--panel);box-shadow:0 6px 18px rgba(2,12,27,.06)}
.achievement-card.rank-silver{border-left-color:#9aa6b2}.achievement-card.rank-gold{border-left-color:#d4af37}.achievement-card.rank-platinum{border-left-color:#77c7d8}
.achievement-card.locked{opacity:.72}.achievement-card.unlocked{box-shadow:0 8px 24px rgba(212,175,55,.13)}
.achievement-medal{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:50%;background:color-mix(in srgb,#d4af37 18%,var(--panel));font-size:1.35rem;color:#b88c12}
.achievement-copy{min-width:0;flex:1}.achievement-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.achievement-card h3{margin:0;font-size:1rem}.achievement-card p{margin:6px 0 0;color:var(--muted);font-size:.84rem;line-height:1.55}
.achievement-rank{flex:none;padding:3px 7px;border:1px solid currentColor;border-radius:999px;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.04em}
.achievement-progress-copy{display:flex;justify-content:flex-end;margin-top:8px;color:var(--muted);font-size:.72rem;font-weight:800}
.achievement-state{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:var(--muted);font-size:.72rem;font-weight:800}
@media(min-width:768px){.achievement-header,.achievement-summary,.achievement-tabs,.achievement-list{max-width:980px;margin-left:auto;margin-right:auto}.achievement-list{grid-template-columns:repeat(2,minmax(0,1fr))}}