/* Augenmaß: Akzent Rosé fürs Ziel, Blau fürs bekannte Vergleichsobjekt; die Bühne ist ein Canvas */
:root{--accent:#c8325f;--accent-dunkel:#952146;--on-accent:#ffffff;--ref:#2f62c9}
@media (prefers-color-scheme: dark){:root:not([data-theme="hell"]){--accent:#ff6f95;--on-accent:#24070f;--ref:#76a2f5}}
:root[data-theme="dunkel"]{--accent:#ff6f95;--on-accent:#24070f;--ref:#76a2f5}
.am-frage{font-family:var(--f-display);font-weight:800;font-size:clamp(20px,5.2vw,28px);line-height:1.2;max-width:600px}
.am-frage b{color:var(--accent)}
.am-frage small{display:block;font-family:var(--f-body);font-size:14px;color:var(--muted);font-weight:700;margin-top:2px}
.am-buehne{display:block;width:min(100%,640px);height:clamp(260px,46vh,400px);background:var(--surface);border:1px solid var(--line);border-radius:14px;user-select:none;-webkit-user-select:none}
.am-buehne.aktiv{touch-action:none;cursor:ns-resize}
.am-regler{display:flex;align-items:center;gap:10px;width:min(100%,520px)}
.am-regler .btn{width:48px;height:48px;padding:0;font-size:24px;line-height:1;flex:none;touch-action:manipulation}
.am-regler input{flex:1;min-width:0;accent-color:var(--accent);height:44px}
.am-tipp{margin:0;font-size:16px;color:var(--muted)}
.am-tipp b{font-family:var(--f-display);font-size:24px;color:var(--ink);font-variant-numeric:tabular-nums}
.am-antwort{margin:0;font-size:20px;max-width:600px}
.am-antwort b{font-family:var(--f-display)}
.am-antwort small{color:var(--muted);font-size:14px}
.am-legende{margin:-6px 0 0;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.am-legende span{width:14px;height:14px;border-radius:4px;display:inline-block}
.am-legende span.ziel{background:var(--accent)}
.am-legende span.geist{background:var(--ink);opacity:.28;margin-left:12px}
.uhrzeile{display:flex;align-items:center;gap:12px;width:min(100%,520px)}
.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)}
/* Tagesrätsel: Block auf der Startseite, eigene Seite, Fortschritt als fünf Punkte */
.am-tag{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.am-tag-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.am-tag p b{color:var(--ink)}
.am-punkte{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex:none}
.am-punkte li{width:14px;height:14px;border-radius:50%;background:var(--line)}
.am-punkte li.jetzt{background:none;border:2px solid var(--accent)}
.am-punkte li.gut,.am-balken.gut i{background:var(--gut)}
.am-punkte li.mittel,.am-balken.mittel i{background:#d9a41b}
.am-punkte li.maessig,.am-balken.maessig i{background:#e07a2c}
.am-punkte li.schlecht,.am-balken.schlecht i{background:var(--danger)}
.am-einzeln{max-width:680px;width:100%;margin:0 auto}
.am-summe{display:flex;align-items:baseline;gap:10px}
.am-summe b{font-family:var(--f-display);font-weight:800;font-size:clamp(52px,14vw,76px);line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}
.am-summe span{color:var(--muted);font-weight:700}
.am-urteil{margin:0;font-size:17px;max-width:520px}
.am-runden{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.am-runden li{display:grid;grid-template-columns:minmax(0,1fr) 90px 38px;align-items:center;gap:10px}
.am-n{display:flex;flex-direction:column;min-width:0}
.am-n small{color:var(--muted);font-size:13px}
.am-balken{height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.am-balken i{display:block;height:100%;border-radius:999px}
.am-p{font-family:var(--f-display);text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:420px){.am-runden li{grid-template-columns:minmax(0,1fr) 54px 34px}}
.am-quelle{font-size:12px}
.am-frage .am-info{font-weight:400;font-style:italic}