.cc-feed > .cc-achievement-panel { padding: 20px; }
.cc-achievement-panel { --achievement-ink: #355044; --achievement-muted: #5e6954; --achievement-brass: #896128; }
.cc-achievement-intro { margin: 10px 0 16px; color: var(--achievement-muted); font-size: 12px; line-height: 1.8; }
.cc-achievement-completion, .cc-achievement-progress { display: block; overflow: hidden; background: #dedfc9; border-radius: 8px; }
.cc-achievement-completion { height: 8px; }
.cc-achievement-completion > span, .cc-achievement-progress > span { display: block; height: 100%; background: #65814c; }
.cc-achievement-summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 8px 0 20px; color: var(--achievement-muted); font-size: 12px; }
.cc-achievement-next { padding: 14px; background: #f0efde; border: 1px solid #d8d5b9; border-radius: 4px; }
.cc-achievement-next h3 { margin: 0 0 10px; font-size: 13px; color: var(--achievement-brass); }
.cc-achievement-next > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.cc-achievement-next button { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 52px; padding: 8px; border: 1px solid #cdd4bb; border-radius: 3px; background: #fafbf2; color: var(--achievement-ink); text-align: left; }
.cc-achievement-next .icon { width: 24px; height: 24px; flex: 0 0 24px; }
.cc-achievement-next button > span { min-width: 0; }
.cc-achievement-next strong, .cc-achievement-next small { display: block; font-size: 12px; overflow-wrap: anywhere; }
.cc-achievement-next small { margin-top: 4px; color: var(--achievement-muted); }
.cc-achievement-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 20px 0 8px; }
.cc-achievement-controls [role=group] { display: flex; flex-wrap: wrap; gap: 8px; }
.cc-achievement-controls button { min-height: 44px; padding: 8px 12px; border: 1px solid #c5cbb3; border-radius: 3px; background: #f6f7e9; color: var(--achievement-ink); font-size: 12px; }
.cc-achievement-controls button[aria-pressed=true] { background: #355746; border-color: #355746; color: #fffbee; }
.cc-achievement-controls label { display: flex; align-items: center; gap: 8px; color: var(--achievement-muted); font-size: 12px; }
.cc-achievement-controls select { min-height: 44px; max-width: 100%; padding: 8px; border: 1px solid #c5cbb3; border-radius: 3px; background: #fafbf2; color: var(--achievement-ink); font: inherit; }
.cc-achievement-group { margin-top: 20px; }
.cc-achievement-group-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid #d9d7bd; margin-bottom: 12px; }
.cc-achievement-group-heading h3 { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--achievement-ink); font-size: 13px; }
.cc-achievement-group-heading .icon { width: 20px; height: 20px; }
.cc-achievement-group-heading > span { color: var(--achievement-muted); font-size: 12px; }
.cc-achievement-group .cc-collection-grid { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.cc-achievement-group .cc-collection-item { position: relative; min-height: 118px; padding: 12px 6px 10px; color: var(--achievement-ink); font-size: 12px; line-height: 1.5; }
.cc-achievement-group .cc-collection-item > .icon { width: 30px; height: 30px; }
.cc-achievement-group .cc-collection-item.locked { background: #eeeee2; border-color: #d8d6c2; color: #596351; }
.cc-achievement-group .cc-collection-item.locked > .icon { filter: saturate(.2); opacity: .65; }
.cc-achievement-group .cc-collection-item.owned { border-color: #aabd88; background: #e5edcf; }
.cc-achievement-group .cc-collection-item small { color: var(--achievement-muted); font-size: 11px; }
.cc-achievement-group .cc-achievement-progress { width: 100%; height: 3px; margin-top: auto; }
.cc-achievement-panel button:focus-visible, .cc-achievement-panel select:focus-visible { outline: 2px solid var(--achievement-brass); outline-offset: 2px; }
.cc-achievement-panel button:hover { border-color: var(--achievement-brass); }
.cc-achievement-panel button:active { background: #dde5c9; }
.cc-achievement-empty { margin: 20px 0; color: var(--achievement-muted); font-size: 13px; line-height: 1.8; }
.cc-achievement-dialog-progress { color: #355746; font-weight: 700; }
.cc-achievement-flavor { color: #74634b; font-style: italic; font-size: 13px; line-height: 1.8; }
@media (max-width: 700px) {
  .cc-feed > .cc-achievement-panel { padding: 16px 12px; }
  .cc-achievement-next > div { grid-template-columns: minmax(0, 1fr); }
  .cc-achievement-next button > span { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  .cc-achievement-next small { margin-top: 0; }
  .cc-achievement-group .cc-collection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cc-achievement-controls label { width: 100%; }
  .cc-achievement-controls select { flex: 1; min-width: 0; }
}