/* McDev.TV — /codes/ Cheat Codes & Lobby Hacks (v140.20)
   Bausteine folgen theme.css; Regel: Grün = Funktion/eingelöst,
   Violett = Fläche/Hierarchie. Ohne JavaScript sind Haken-, Filter-
   und Kopierknöpfe per [hidden] aus — die Liste bleibt voll lesbar. */

.cc-creator{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--gruen);border:1px solid var(--gruen-schimmer);background:var(--gruen-schimmer);border-radius:8px;padding:6px 12px;margin:2px 0 16px}
.cc-tiles{max-width:600px}
.cc-tiles .v.cc-gruen{color:var(--gruen)}
.cc-tiles .v.cc-violett{color:var(--violett);font-size:17px;padding-top:4px}
.cc-progress{height:7px;border-radius:6px;background:var(--bg-hoch);border:1px solid var(--line2);overflow:hidden;margin-top:8px}
.cc-progress i{display:block;height:100%;width:0%;background:var(--grad-gruen);transition:width .35s ease}

.cc-filter{margin:4px 0 16px;align-items:center}
.cc-filter-hint{margin-left:auto}
@media (max-width:640px){ .cc-filter-hint{display:none} }

.cc-gruppe{padding:16px 18px}
.cc-kopf{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.cc-index{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--violett);letter-spacing:.08em}
.cc-titel{font-family:var(--font-head);font-size:16px;font-weight:700;margin:0}
.cc-zahl{margin-left:auto;font-size:12px;color:var(--text-faint)}
.cc-zahl b{color:var(--gruen)}
.cc-kurz{margin:2px 0 10px}

.cc-z{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line2);align-items:start}
.cc-z:first-of-type{border-top:0}
.cc-z.cc-done{background:rgba(124,252,110,.05);border-radius:10px;padding-left:8px;padding-right:8px;margin:0 -8px}
.cc-z--tot{opacity:.6}
.cc-z--tot .cc-code{text-decoration:line-through}

.cc-check{width:26px;height:26px;border-radius:8px;border:2px solid var(--line-hell);background:var(--bg-hoch);cursor:pointer;display:flex;align-items:center;justify-content:center;color:transparent;font-size:15px;font-weight:800;flex-shrink:0;margin-top:2px;transition:all .15s ease}
.cc-check:hover{border-color:var(--gruen-tief)}
.cc-check:focus-visible{outline:2px solid var(--gruen);outline-offset:2px}
.cc-done .cc-check{background:var(--gruen);border-color:var(--gruen);color:var(--auf-gruen)}

.cc-codezeile{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cc-code{font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:.03em;background:var(--bg);border:1px solid var(--line-hell);border-radius:7px;padding:4px 10px;color:var(--text);user-select:all}
.cc-done .cc-code{color:var(--gruen);border-color:var(--gruen-schimmer)}
.cc-copy{font:inherit;font-size:11px;font-weight:700;color:var(--text-dim);background:none;border:1px solid var(--line);border-radius:6px;padding:3px 8px;cursor:pointer}
.cc-copy:hover{color:var(--text);border-color:var(--gruen)}
.cc-copy.cc-ok{color:var(--gruen);border-color:var(--gruen-schimmer)}
.cc-belohnung{font-size:13.5px;color:var(--text-dim);margin-top:4px}
.cc-belohnung b{color:var(--text);font-weight:600}
.cc-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cc-badge{font-size:10.5px;font-weight:700;letter-spacing:.04em;border-radius:999px;padding:2px 9px}
.cc-badge--ok{color:var(--gruen);background:var(--gruen-schimmer);border:1px solid var(--gruen-schimmer)}
.cc-badge--warn{color:var(--warnung);background:rgba(224,163,58,.1);border:1px solid rgba(224,163,58,.4)}
.cc-badge--loop{color:var(--blue);background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.35)}