#achievements-container{width:100%;height:100vh;position:fixed;top:0;left:0;background:var(--bg-color);z-index:100;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}.achievements-content{width:90%;max-width:1200px;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center}#achievements-title{font-size:2rem;margin-bottom:2rem;color:var(--text-color);text-align:center}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%;margin-bottom:2rem}.achievement-card{background:var(--card-bg-color,#2a2a2a);border:2px solid var(--border-color,#444);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all 0.3s ease;position:relative;overflow:hidden}.achievement-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.3)}.achievement-card.unlocked{background:linear-gradient(135deg,var(--card-bg-color,#2a2a2a)0%,rgba(255,215,0,0.1)100%);border-color:var(--accent-color,#ffd700)}.achievement-card.locked{opacity:0.6;filter:grayscale(70%)}.achievement-card.locked:hover{opacity:0.8}.achievement-emoji{font-size:4rem;margin-bottom:1rem;line-height:1}.achievement-card.locked .achievement-emoji{position:relative}.achievement-card.locked .achievement-emoji::after{content:'🔒';position:absolute;bottom:-10px;right:-10px;font-size:1.5rem;background:rgba(0,0,0,0.7);border-radius:50%;padding:0.25rem}.achievement-title{font-size:1.2rem;font-weight:bold;color:var(--text-color);margin-bottom:0.5rem;line-height:1.3}.achievement-card.unlocked .achievement-title{color:var(--accent-color,#ffd700)}.achievement-description{font-size:0.9rem;color:var(--text-color-secondary,#aaa);line-height:1.4}.achievements-button{background:var(--button-bg-color,#3a3a3a);color:var(--text-color);border:2px solid var(--border-color,#555);border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:bold;cursor:pointer;transition:all 0.3s ease;margin-top:1rem}.achievements-button:hover{background:var(--button-hover-bg-color,#4a4a4a);transform:scale(1.05)}.achievements-button:focus-visible{outline:3px solid var(--focus-color,#0080ff);outline-offset:2px}@media(max-width:768px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.achievement-card{padding:1rem}.achievement-emoji{font-size:3rem}.achievement-title{font-size:1rem}.achievement-description{font-size:0.85rem}#achievements-title{font-size:1.5rem;margin-bottom:1.5rem}}@media(max-width:480px){.achievements-grid{grid-template-columns:1fr;gap:0.75rem}.achievement-card{padding:0.75rem}.achievement-emoji{font-size:2.5rem}.achievements-content{width:95%;padding:1rem 0.5rem}}[data-theme="dark"].achievement-card{--card-bg-color:#2a2a2a;--border-color:#444;--text-color:#e0e0e0;--text-color-secondary:#aaa;--button-bg-color:#3a3a3a;--button-hover-bg-color:#4a4a4a;--accent-color:#ffd700;--focus-color:#0080ff}[data-theme="light"].achievement-card{--card-bg-color:#f5f5f5;--border-color:#ccc;--text-color:#333;--text-color-secondary:#666;--button-bg-color:#e0e0e0;--button-hover-bg-color:#d0d0d0;--accent-color:#ff9800;--focus-color:#2196f3}[data-theme="halloween2025"].achievement-card.unlocked{background:linear-gradient(135deg,#2a1a4a 0%,rgba(255,102,0,0.2)100%);border-color:#ff6600}[data-theme="halloween2025"].achievement-card.unlocked .achievement-title{color:#ff9933}@keyframes unlockAnimation{0%{transform:scale(0.9);opacity:0}50%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}.achievement-card.just-unlocked{animation:unlockAnimation 0.5s ease-out}body.large-font-enabled .achievement-title{font-size:1.4rem}body.large-font-enabled .achievement-description{font-size:1rem}body.large-font-enabled .achievement-emoji{font-size:4.5rem}@media(min-width:1920px){.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.achievement-card{padding:2rem}.achievement-emoji{font-size:5rem}.achievement-title{font-size:1.5rem}.achievement-description{font-size:1.1rem}}