.achv-toasts { position: fixed; right: 16px; bottom: 16px; z-index: 1200; display: flex; flex-direction: column; gap: 8px; }
.achv-toast {
  min-width: 220px; max-width: 300px; padding: 10px 12px; border-radius: 12px;
  border: 1px solid var(--border, rgba(255,255,255,.16));
  background: var(--glass-bg, rgba(10,10,10,.85));
  color: var(--text, #d9fffb);
  box-shadow: 0 8px 24px rgba(0,0,0,.4), 0 0 18px rgba(0,255,200,.2);
  backdrop-filter: blur(10px) saturate(1.2);
  transform: translateY(8px); opacity: 0; transition: transform .2s ease, opacity .2s ease;
  font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.achv-toast.show { transform: translateY(0); opacity: 1; }
.achv-head { color: var(--term-accent, #00ffc8); text-transform: uppercase; letter-spacing: .08em; font-weight: 700; font-size: 11px; }
.achv-name { font-weight: 700; margin-top: 4px; }
.achv-desc { opacity: .9; }

.achievements-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(220px,1fr)); }
.achievement { border: 1px solid var(--border, rgba(255,255,255,.16)); border-radius: 12px; padding: 12px; background: var(--glass-bg, rgba(10,10,10,.85)); box-shadow: var(--glass-shadow, 0 8px 24px rgba(0,0,0,.4)); text-align: left; }
.achievement h3 { margin: 6px 0; font-size: 1rem; }
.achievement p { margin: 0; font-size: 12px; color: var(--muted, #aee7df); }
.achievement span { display: inline-block; margin-top: 6px; font-size: 11px; color: var(--muted, #aee7df); }
.achievement img { width: 32px; height: 32px; display: block; filter: drop-shadow(0 0 8px rgba(0,255,200,.2)); }
.achievement.locked { opacity: .6; filter: blur(0.2px) saturate(.7); }
.achievement.unlocked { box-shadow: 0 0 24px rgba(0,255,200,.15), var(--glass-shadow, 0 8px 24px rgba(0,0,0,.4)); }

.achv-controls { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-bottom: 10px; }
.achv-controls select, .achv-controls button { padding: 6px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--glass-bg); color: var(--text); cursor: pointer; }
.achv-controls button:hover { border-color: rgba(0,255,200,.4); }