/* Gleich gedacht: Akzent Violett */
:root{--accent:#7b4fd6;--accent-dunkel:#5a35a8;--on-accent:#ffffff}
@media (prefers-color-scheme: dark){:root:not([data-theme="hell"]){--accent:#a685ff;--on-accent:#16121f}}
:root[data-theme="dunkel"]{--accent:#a685ff;--on-accent:#16121f}
.stichwort{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:560px}
.stichwort span{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.stichwort b{font-family:var(--f-display);font-weight:800;font-size:clamp(28px,7vw,44px);line-height:1.1;text-wrap:balance}
.stichwort.klein b{font-size:26px}
.uhrzeile{display:flex;align-items:center;gap:12px;width:min(100%,420px)}
.uhrbar{flex:1;height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.uhrbar i{display:block;height:100%;width:100%;background:var(--accent);border-radius:999px;transition:width .2s linear}
.uhr{font-family:var(--f-mono);font-size:20px;min-width:56px;text-align:right}
.uhr.knapp{color:var(--danger)}
.antwort-form{display:flex;gap:8px;width:min(100%,460px)}
.eingabe.gross{font-size:20px;font-weight:700;padding:12px 14px}
.antw{color:var(--ink)}
.gruppen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.gruppen li{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.gruppen li.treffer{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.g-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px}
.g-kopf b{font-family:var(--f-display);font-size:20px}
.g-leute{display:flex;flex-wrap:wrap;gap:6px 14px}
.auch{font-family:var(--f-body);font-weight:400;font-size:14px;color:var(--muted)}