/* Kleinste Zahl: Akzent Petrol */
:root{--accent:#0f8a8a;--accent-dunkel:#0a6464;--on-accent:#ffffff}
@media (prefers-color-scheme: dark){:root:not([data-theme="hell"]){--accent:#3cc6c6;--on-accent:#0d1717}}
:root[data-theme="dunkel"]{--accent:#3cc6c6;--on-accent:#0d1717}
.zahl-kopf span{font-family:var(--f-display);font-weight:800;font-size:clamp(24px,6vw,34px)}
.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)}
.zahlen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:min(100%,420px)}
.zahlen.viele{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;width:min(100%,560px)}
.zahlen button{aspect-ratio:1;border-radius:12px;border:1px solid var(--line);border-bottom-width:4px;background:var(--surface);font-family:var(--f-display);font-weight:800;font-size:clamp(18px,5vw,26px);padding:0;touch-action:manipulation}
.zahlen.viele button{border-radius:8px;border-bottom-width:3px;font-size:clamp(13px,3.4vw,18px)}
.zahlen button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent-dunkel)}
.gewinner{display:flex;align-items:center;gap:12px;font-size:20px;margin:0}
.gewinner b{font-family:var(--f-display)}
.zahl-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.zahl-liste li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.zahl-liste li > b{font-family:var(--f-display);font-size:24px;text-align:center}
.zahl-liste li > span{display:flex;flex-wrap:wrap;gap:4px 12px}
.zahl-liste small{font-weight:700;color:var(--muted)}
.zahl-liste li.sieg{border-color:var(--gut);background:color-mix(in srgb,var(--gut) 10%,var(--surface))}
.zahl-liste li.sieg small{color:var(--gut)}
.zahl-liste li.zweit small{color:var(--accent)}
.zahl-liste li.doppelt{opacity:.7}
.zahl-liste li.doppelt > b{text-decoration:line-through}
