.mode-btn { background:var(--bg2); border:none; color:var(--text2); padding:6px 14px; font-size:13px; cursor:pointer; transition:all 0.15s; }
.mode-btn.active { background:var(--bg4); color:var(--gold); font-weight:600; }
.mode-btn:hover:not(.active) { color:var(--text); }
@keyframes ach-flash { 0% { box-shadow:0 0 0 0 transparent; } 20% { box-shadow:0 0 12px 5px rgba(200,169,81,0.75); } 38% { box-shadow:0 0 2px 1px rgba(200,169,81,0.15); } 58% { box-shadow:0 0 12px 5px rgba(200,169,81,0.75); } 100% { box-shadow:0 0 6px 2px rgba(200,169,81,0.35); } }
.ach-highlight { animation: ach-flash 1.8s ease-in-out forwards; border-color: var(--gold) !important; }