:root{--bg:#FFFFFF;--ink:#121417;--muted:#5D6572;--hair:#E6E9EE;--panel:#F3F5F8;--red:#DC052D;--navy:#1B2457;--win:#E8738A;--draw:#C9D0DB;--loss:#8B98C8;--tliga:#EEF0F5;--tpokal:#E9E6F8;--tcl:#E3F0FA;--veil:rgba(255,255,255,.74);--btn:#121417;--btnTxt:#FFFFFF;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#0F1116;--ink:#F2F3F5;--muted:#A3AAB8;--hair:#2A2F3A;--panel:#171A21;--draw:#4A5262;--loss:#6673B5;--tliga:#1B1F28;--tpokal:#242038;--tcl:#172A3C;--veil:rgba(15,17,22,.76);--btn:#F2F3F5;--btnTxt:#0F1116}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0F1116;--ink:#F2F3F5;--muted:#A3AAB8;--hair:#2A2F3A;--panel:#171A21;--draw:#4A5262;--loss:#6673B5;--tliga:#1B1F28;--tpokal:#242038;--tcl:#172A3C;--veil:rgba(15,17,22,.76);--btn:#F2F3F5;--btnTxt:#0F1116}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-feature-settings:'tnum' 1;line-height:1.5}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:30}
a{color:var(--ink)}a:hover{color:var(--red)}
.wrap{max-width:1400px;margin:0 auto;padding:0 24px;box-sizing:border-box}
@media (min-width:900px){.wrap{padding:0 48px}}
header.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:18px 0}
.wordmark{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:18px;letter-spacing:-.01em;text-decoration:none}
nav.main{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:14px}nav.main a{text-decoration:none;color:var(--muted)}nav.main a[aria-current]{color:var(--ink);border-bottom:1.5px solid var(--red);padding-bottom:3px}
.edge{height:9px;display:flex;flex-direction:column}.edge span{height:3px;display:block}.edge span:nth-child(1){background:var(--edge1,var(--red))}.edge span:nth-child(2){background:var(--edge2,var(--bg))}.edge span:nth-child(3){background:var(--edge3,var(--navy))}
.hero{position:relative;margin:0;overflow:hidden}.hero>picture,.hero>img{position:absolute;inset:0;display:block;width:100%;height:100%}.hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.hero::before{z-index:1}.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,12,20,.62) 0,rgba(8,12,20,.42) 50%,rgba(8,12,20,.12) 100%)}.hero .credit{z-index:3}.hero h1,.hero p{text-shadow:0 1px 14px rgba(0,0,0,.4)}
.hero .txt{position:relative;z-index:2;box-sizing:border-box;min-height:clamp(260px,38vh,440px);padding:36px 24px 44px;max-width:min(1100px,100%)}
@media (min-width:900px){.hero .txt{padding:44px 48px 52px max(48px,calc(50% - 652px));max-width:none;padding-right:max(48px,calc(50% - 400px))}}
.hero h1{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:clamp(32px,4.4vw,54px);line-height:1;letter-spacing:-.025em;margin:0 0 10px;color:#fff}
.hero p{font-size:clamp(15px,1.6vw,18px);line-height:1.45;color:#fff;margin:0;max-width:40em}
.hero .credit{position:absolute;right:16px;bottom:12px;font-size:11px;color:#fff;background:rgba(18,20,23,.55);padding:4px 10px;border-radius:999px}
.intro{display:flex;flex-wrap:wrap;gap:20px 56px;padding:28px 0 8px;align-items:flex-start}
.intro p{flex:1 1 420px;font-size:16px;color:var(--muted);margin:0;max-width:42em}
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted);align-items:center;padding:12px 0 6px}
.legend span{display:inline-flex;align-items:center;gap:8px}.sw{width:22px;height:8px;border-radius:4px;display:inline-block}.sw.n{height:12px;border-radius:3px}
.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:500;font-size:14px;border:1px solid var(--hair);border-radius:999px;padding:10px 16px;background:var(--bg);color:var(--ink);cursor:pointer;text-decoration:none;min-height:44px}
.btn.primary{background:var(--btn);color:var(--btnTxt);border-color:var(--btn)}.btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.hud{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--hair)}
/* festes Raster: wechselnde Inhalte verschieben nichts (zwei Zeilen, jede Angabe einzeilig, zu Langes endet mit …) */
.hud .wrap{display:grid;grid-template-columns:5.4em repeat(7,minmax(0,1fr));grid-auto-flow:row;align-items:center;gap:8px 22px;padding-top:10px;padding-bottom:10px}
.hud .yr{grid-row:span 2}.hud .ctl{grid-column:-5/-1;justify-content:flex-end;flex-wrap:nowrap}.hud .ctl select,.hud .ctl .fx{white-space:nowrap}
.hud .yr{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:34px;letter-spacing:-.02em;line-height:1;min-width:3.2em}
.hud .stat{font-size:12px;color:var(--muted);line-height:1.3}.hud .stat b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.hud .ctl{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.stream{position:relative}.scroller{overflow-x:auto;overflow-y:visible}
svg.flow{display:block;font-family:Inter,system-ui,sans-serif;max-width:100%;height:auto}
.veil{position:absolute;left:0;right:0;top:0;height:0;background:var(--veil);pointer-events:none}
.marker{position:fixed;left:0;top:42vh;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;box-shadow:0 0 0 6px rgba(220,5,45,.16),0 4px 10px rgba(0,0,0,.25);z-index:15;pointer-events:none;display:none;background:#fff}
.marker.on{display:block}.marker .ball{display:block;width:100%;height:100%;will-change:transform}
@media (prefers-reduced-motion:no-preference){.marker.on{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 6px rgba(220,5,45,.16),0 4px 10px rgba(0,0,0,.25)}50%{box-shadow:0 0 0 12px rgba(220,5,45,.05),0 4px 10px rgba(0,0,0,.25)}}
.bead{transition:transform .35s cubic-bezier(.2,.8,.3,1.3),opacity .35s;transform-box:fill-box;transform-origin:center}}
.bead.future{opacity:.35;transform:scale(.55)}.bead.next{opacity:1;transform:scale(1.25)}.bead.past{opacity:1;transform:scale(1)}
.panel{background:var(--panel);padding:14px 16px;font-size:13px;color:var(--muted);max-width:40em}.panel b{color:var(--ink)}
footer{font-size:13px;color:var(--muted);margin-top:40px}footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px 40px;padding-top:32px;padding-bottom:44px}
footer h3{font-family:'Inter Tight',Inter,sans-serif;font-size:14px;font-weight:600;color:var(--ink);margin:0 0 8px}footer p{margin:0;line-height:1.55}footer a{text-decoration:none;color:var(--ink)}footer nav a{display:block;margin-bottom:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.card{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:25;background:var(--bg);border:1px solid var(--hair);padding:12px 44px 12px 16px;font-size:13px;color:var(--muted);box-shadow:0 10px 30px rgba(0,0,0,.12)}
@media (min-width:900px){.card{left:auto;right:96px;bottom:24px;width:360px}}
/* Ganze Tabelle in der Spielkarte; die eigene Zeile hervorgehoben */
.card .card-table{margin-top:10px;max-height:230px;overflow:auto;border-top:1px solid var(--hair)}.card .card-table table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.card .card-table caption{text-align:left;font-weight:600;color:var(--ink);padding:8px 0 4px}.card .card-table th{font-weight:500;color:var(--muted);text-align:right;padding:2px 4px}.card .card-table th:nth-child(2){text-align:left}
.card .card-table td{padding:3px 4px;text-align:right;color:var(--ink);border-top:1px solid var(--hair)}.card .card-table td:nth-child(2){text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.card .card-table tr.own td{font-weight:600;background:color-mix(in srgb,var(--red) 12%,transparent)}.card .card-table small{display:block;margin:6px 0 2px;color:var(--muted)}
svg .lbl-hit{cursor:pointer}
.card b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}.card #card-x{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:20px;cursor:pointer}
@media (max-width:999px){.wrap{padding:0 22px 0 16px}}
@media (max-width:760px){.hud .yr{font-size:26px;min-width:2.8em}.hud .stat{font-size:11px}.hud .stat b{font-size:12.5px}.hud .ctl{margin-left:0}.hud .wrap{gap:6px 16px}.hero .txt{min-height:max(240px,40vh)}.marker{width:24px;height:24px;margin:-12px 0 0 -12px}}
.bead:focus-visible,.node:focus-visible{outline:2px solid var(--red);outline-offset:2px}

svg.off-liga [data-lane=liga],svg.off-pokal [data-lane=pokal],svg.off-europa [data-lane=europa],svg.off-supercup [data-lane=supercup],svg.off-welt [data-lane=welt]{opacity:.12}
.card .h2h{display:block;margin-top:6px;color:var(--muted)}.card .btn{margin-top:10px;padding:8px 14px;min-height:36px;font-size:13px}
.rekorde table{border-collapse:collapse;width:100%;font-size:14px}.rekorde th,.rekorde td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--hair);vertical-align:top}.rekorde th{font-weight:500;color:var(--muted);width:40%}
@media (max-width:1100px){.hud .wrap{grid-template-columns:4.6em repeat(4,minmax(0,1fr))}.hud .ctl{grid-column:span 3;flex-wrap:wrap;row-gap:6px}.hud .stat.xl{display:none}}
@media (max-width:760px){.hud .stat.lg{display:none}.hud .wrap{grid-template-columns:3.6em repeat(3,minmax(0,1fr))}.hud .yr{grid-row:auto}.hud .ctl{grid-column:1/-1;justify-content:flex-start}}

.card img{display:block;width:100%;max-height:180px;object-fit:cover;margin:0 0 10px}.card .card-actions{display:flex;flex-wrap:wrap;gap:8px}.card a.btn{text-decoration:none}
.vergleich table{border-collapse:collapse;width:100%;max-width:640px;font-size:14px}.vergleich th,.vergleich td{text-align:left;padding:8px 12px 8px 0;border-bottom:1px solid var(--hair)}.vergleich thead th{font-weight:500;color:var(--muted);font-size:12px}

.moment{position:fixed;left:50%;top:calc(42vh - 64px);transform:translate(-50%,8px);background:var(--red);color:var(--on-red,#fff);font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:18px;letter-spacing:-.01em;padding:10px 18px;border-radius:999px;opacity:0;pointer-events:none;z-index:16;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}
.moment.on{opacity:1;transform:translate(-50%,0)}@media (prefers-reduced-motion:no-preference){.moment{transition:opacity .25s,transform .25s}}
.hint{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);background:var(--panel);padding:10px 14px;margin:8px 0 0}.hint button{margin-left:auto;font:inherit;border:0;background:transparent;color:var(--ink);font-weight:500;cursor:pointer;min-height:36px}

.install-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;font-weight:600;border:0;border-radius:999px;padding:6px 14px;min-height:36px;background:var(--red);color:#fff;cursor:pointer}.install-btn:hover{background:var(--navy)}
.install-hilfe{margin:0 auto;max-width:1304px;padding:10px 16px;font-size:13.5px;line-height:1.45;border-bottom:1px solid var(--hair);background:var(--bg)}
.theme{font:inherit;font-size:14px;border:1px solid var(--hair);border-radius:999px;padding:6px 12px;background:var(--bg);color:var(--ink);cursor:pointer;min-height:36px}
.decades{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--hudh,64px));z-index:19;background:var(--bg);border-bottom:1px solid var(--hair)}
.decades .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:6px;padding-bottom:6px;scrollbar-width:none}.decades .wrap::-webkit-scrollbar{display:none}
.decades button{flex:none;font:inherit;font-size:12.5px;border:1px solid var(--hair);border-radius:999px;padding:6px 11px;background:var(--bg);color:var(--muted);cursor:pointer;min-height:32px}
.decades button[aria-current]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
svg.duel [data-lane]:not([data-opp]){opacity:.25}svg.duel [data-opp]{opacity:.25}svg.duel [data-opp].duel-hit{opacity:1}
/* Hinweis in der Jahrzehnt-Leiste, solange ein Duell den Weg abblendet; ein Klick beendet es */
.decades button.duel-off{background:var(--red);border-color:var(--red);color:var(--on-red,#fff);font-weight:600}.decades button.duel-off span{margin-left:8px;font-weight:400}
.duel{margin-top:14px;padding:14px 16px;background:var(--panel);font-size:13px;color:var(--muted)}.duel b{color:var(--ink)}.duel .list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.duel .list button{font:inherit;font-size:12px;border:1px solid var(--hair);border-radius:999px;padding:5px 10px;background:var(--bg);color:var(--ink);cursor:pointer}

.intro-line{flex:1 1 100%;font-size:12.5px;color:var(--muted);line-height:1.45}.intro-line summary{cursor:pointer;color:var(--ink);font-weight:500;list-style:none;display:inline}.intro-line summary::-webkit-details-marker{display:none}.intro-line summary::after{content:" ▾";color:var(--muted)}.intro-line[open] summary::after{content:" ▴"}.intro-line span{display:block;margin-top:4px;max-width:70em}
.card .report{color:var(--ink);line-height:1.5}

.chapters{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none}
.chapter{position:absolute;left:0;right:0;pointer-events:auto;background:var(--bg);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:26px 24px 24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
@supports not (background:color-mix(in srgb,red 50%,transparent)){.chapter{background:var(--bg);opacity:.96}}
@media (min-width:1000px){.chapter{padding:28px 40px}.chapter .inner{max-width:760px}}
.chapter .kicker{margin:0 0 8px;font-size:12.5px;color:var(--muted)}.chapter h2{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:clamp(26px,3.2vw,40px);line-height:1.02;letter-spacing:-.025em;margin:0 0 10px}.chapter .lead{margin:0;font-size:15px;line-height:1.5;color:var(--ink);max-width:44em}
@media (max-width:760px){.chapter .lead{font-size:14px}}
.story{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:16;background:var(--bg);border:1px solid var(--hair);border-left:4px solid var(--red);padding:12px 16px;font-size:14px;line-height:1.45;color:var(--ink);opacity:0;transform:translateY(8px);pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.story b{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}.story.on{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.story{transition:opacity .3s,transform .3s}}
@media (min-width:900px){.story{left:auto;right:96px;bottom:24px;width:360px}}

.mode{display:inline-flex;border:1px solid var(--hair);border-radius:999px;padding:2px}.mode button{font:inherit;font-size:13px;font-weight:500;border:0;border-radius:999px;padding:6px 12px;background:transparent;color:var(--muted);cursor:pointer;min-height:32px}.mode button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.chapter .wm{position:absolute;right:-6px;top:-18px;font-family:'Inter Tight',Inter,sans-serif;font-weight:700;font-size:clamp(120px,22vw,220px);line-height:1;letter-spacing:-.05em;color:var(--ink);opacity:.05;pointer-events:none;user-select:none}
.chapter .tally{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:14px;padding-top:12px;border-top:1px solid var(--hair)}.chapter .tally div{display:flex;flex-direction:column;min-width:72px}.chapter .tally b{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:26px;letter-spacing:-.02em;line-height:1.05}.chapter .tally span{font-size:12px;color:var(--muted)}
@media (max-width:999px){.chapter .tally b{font-size:20px}.chapter .wm{font-size:110px;top:-8px}.chapter h2{font-size:26px}.chapter .lead{font-size:13.5px}.chapter .tally{gap:10px 18px;margin-top:12px;padding-top:10px}}

.stat-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px 40px}.stat-zwei[hidden]{display:none}.stat-h{font-size:16px;font-weight:600;margin:6px 0 4px}
#spieler thead th{font-weight:500;color:var(--muted);font-size:12px;width:auto}#spieler tbody th{font-weight:600;color:var(--ink);width:auto}
.moment{z-index:21}
@media (max-height:520px){.hud .stat.lg,.hud .intro-line{display:none}.hud .yr{font-size:22px}.hud .wrap{padding-top:4px;padding-bottom:4px}.decades .wrap{padding-top:3px;padding-bottom:3px}.decades button{min-height:26px;padding:3px 9px}}

.live{display:flex;flex-wrap:wrap;gap:12px;padding:18px 0 4px}.live .tile{flex:1 1 150px;border:1px solid var(--hair);padding:12px 14px;font-size:13px;color:var(--muted);line-height:1.4}
.live .lbl{display:block;font-size:11.5px;margin-bottom:4px}.live b{display:block;font-size:15px;font-weight:600;color:var(--ink)}.live .sub{display:block}
.live .now{border-color:var(--red)}.live .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:middle}
@media (prefers-reduced-motion:no-preference){.live .dot{animation:blink 1.4s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}}

/* Einheitliche Bedienelemente */
select,.tools input[type=search],.tools input[type=date]{font:inherit;font-size:14px;line-height:1.2;color:var(--ink);background-color:var(--bg);border:1px solid var(--hair);border-radius:10px;height:42px;padding:0 12px;box-sizing:border-box;-webkit-appearance:none;appearance:none;margin:0;min-width:0}
select{padding-right:34px;max-width:100%;text-overflow:ellipsis;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.hud select{height:36px;font-size:13px}
select:hover,.tools input:hover{border-color:var(--draw)}
select:focus,.tools input:focus{outline:none}select:focus-visible,.tools input:focus-visible,.chip:focus-visible,.t-go:focus-visible{outline:2px solid var(--red);outline-offset:1px}
.tools input[type=date]{line-height:40px}.tools input[type=date]::-webkit-date-and-time-value{text-align:left}.tools input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
/* Werkzeugbereich */
.tools{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(170px,1fr));gap:14px 16px;align-items:end;padding:18px 0 14px;margin-top:10px;border-top:1px solid var(--hair)}
.t-lbl{display:block;font-size:12px;font-weight:500;color:var(--muted);margin:0 0 6px}
.t-search{position:relative}.t-inp{position:relative}.t-inp .ico{position:absolute;left:12px;top:50%;width:16px;height:16px;margin-top:-8px;fill:none;stroke:var(--muted);stroke-width:1.5;pointer-events:none}
.tools .t-inp input{width:100%;padding-left:36px}.tools .t-row>select{width:100%}
.t-combo{display:flex;min-width:0}.tools .t-combo>input,.tools .t-combo>select{flex:1 1 auto;width:auto;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0}
.t-go{flex:none;width:44px;height:42px;margin-left:-1px;padding:0;border:1px solid var(--ink);border-radius:0 10px 10px 0;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer}
.t-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.t-go.play svg{fill:currentColor;stroke:none}
.t-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.t-chips .t-lbl{margin:0 6px 0 0}
.chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 13px 0 11px;font:inherit;font-size:13px;font-weight:500;color:var(--ink);background:var(--panel);border:1px solid var(--hair);border-radius:999px;cursor:pointer}
.chip i{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--draw)}.chip[aria-pressed="false"]{background:var(--bg);color:var(--muted)}.chip[aria-pressed="false"] i{background:transparent!important}
.t-search .hits{position:absolute;left:0;right:0;top:100%;margin-top:6px;z-index:9;background:var(--bg);border:1px solid var(--hair);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.hit{display:block;width:100%;text-align:left;font:inherit;font-size:13px;padding:10px 14px;border:0;border-bottom:1px solid var(--hair);background:transparent;color:var(--ink);cursor:pointer}.hit:last-child{border-bottom:0}.hit:hover{background:var(--panel)}.hit.muted{color:var(--muted);cursor:default}
@media (max-width:1100px){.tools{grid-template-columns:1fr 1fr}.t-search{grid-column:1/-1}}
@media (max-width:760px){.tools{grid-template-columns:1fr;gap:0;padding-top:14px}.t-search{padding-bottom:12px}.t-search .t-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.t-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--hair)}.t-row .t-lbl{flex:1 1 auto;margin:0;font-size:13px}.tools .t-row>select,.t-row>.t-combo{flex:0 0 57%;max-width:57%;width:57%}.t-row .t-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-chips{padding-top:12px;border-top:1px solid var(--hair);flex-wrap:nowrap;overflow-x:auto;gap:4px;scrollbar-width:none}.t-chips::-webkit-scrollbar{display:none}.t-chips .t-lbl{display:none}.chip{flex:none;height:30px;gap:5px;padding:0 7px 0 6px;font-size:12px}.chip i{width:7px;height:7px}}

:root{--cliga:#9AA3B2;--cpokal:#A497E0;--ccl:#8DBDE6}
.chip i{background:var(--dot)!important;box-shadow:none}.chip[aria-pressed="false"] i{background:transparent!important;box-shadow:inset 0 0 0 1.5px var(--dot)}

/* Neue Abschnitte */
.sec-block{padding:36px 0 8px;border-top:1px solid var(--hair);margin-top:32px}
.sec{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:26px;line-height:1.08;letter-spacing:-.02em;margin:0 0 6px}
.sec-lead{font-size:14px;color:var(--muted);margin:0 0 14px;max-width:46em}
.sec-ctl{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:12px}
.live .today{border-left:3px solid var(--red)}.live .link{font:inherit;font-size:12.5px;font-weight:500;color:var(--ink);background:none;border:0;padding:6px 0 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.race{border:1px solid var(--hair);padding:14px 16px}.race-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.race-year{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:32px;letter-spacing:-.02em;min-width:4.6em;font-feature-settings:'tnum' 1}
.race-head input[type=range]{flex:1;accent-color:var(--red);min-width:0}
.race-bars{position:relative;min-height:34px}
.race-row{position:absolute;left:0;right:0;top:0;height:28px;display:grid;grid-template-columns:160px 1fr 52px;align-items:center;gap:10px}
.race-row .nm{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.race-row .tr{height:16px;background:var(--panel);display:block}
.race-row .br{display:block;height:100%;width:0;background:var(--navy)}.race-row.lead .br{background:var(--red)}.race-row .vl{font-weight:600;font-size:13px;text-align:right}
@media (prefers-reduced-motion:no-preference){.race-row{transition:transform .4s ease,opacity .4s}.race-row .br{transition:width .4s ease}}
@media (max-width:760px){.race-row{grid-template-columns:112px 1fr 38px;gap:8px}.race-year{font-size:26px}}
.map-wrap{border:1px solid var(--hair);background:var(--bg)}#map{display:block;width:100%;height:auto}
#map .city{cursor:pointer}#map .city:focus-visible{outline:2px solid var(--red)}
.map-off{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.map-info{margin-top:12px;padding:14px 16px;background:var(--panel);font-size:13px}.map-info b{display:block;font-size:15px;margin-bottom:6px}.map-info ul{list-style:none;margin:0;padding:0}.map-info li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:6px 0;border-top:1px solid var(--hair)}.map-info li:first-child{border-top:0}
.map-info button{font:inherit;font-size:12.5px;font-weight:500;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.quiz-card{border:1px solid var(--hair);padding:18px 18px 16px;max-width:640px}.q-meta{font-size:12.5px;color:var(--muted);margin:0 0 8px}
.q-text{font-family:'Inter Tight',Inter,sans-serif;font-weight:600;font-size:21px;line-height:1.25;letter-spacing:-.01em;margin:0 0 14px}
.q-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width:520px){.q-opts{grid-template-columns:repeat(2,1fr)}}
.q-opt{font:inherit;font-size:17px;font-weight:600;height:48px;border:1px solid var(--hair);border-radius:10px;background:var(--bg);color:var(--ink);cursor:pointer;font-feature-settings:'tnum' 1}.q-opt:hover:not(:disabled){border-color:var(--ink)}
.q-opt.right{background:var(--ink);color:var(--bg);border-color:var(--ink)}.q-opt.wrong{color:var(--muted);text-decoration:line-through}.q-opt:disabled{cursor:default}
.q-fb{font-size:14px;margin:12px 0 0}.q-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.q-actions .btn[hidden]{display:none}
.q-start{display:flex;align-items:center;gap:14px;margin-top:12px}.q-best{font-size:13px;color:var(--muted)}
.poster-wrap{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:flex-start}.poster-prev{flex:0 1 360px;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,.12);background:#fff;line-height:0}.poster-prev svg{width:100%;height:auto;display:block}
.poster-ctl{flex:1 1 260px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.poster-ctl select{min-width:220px}.poster-ctl .p-hint{font-size:12.5px;color:var(--muted);margin:0;max-width:30em}
#install{margin-top:12px}#print-area{display:none}
@media print{body>*{display:none!important}body>#print-area{display:block!important}#print-area svg{display:block;width:100%;height:auto}html,body{background:#fff!important;margin:0}}

[hidden]{display:none!important}
@media (max-width:760px){.live{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live .today,.live .now{grid-column:1/-1}.live .tile{padding:10px 12px}.live b{font-size:14px}}
@media (max-width:760px){.map-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}#map{min-width:600px}}

.veil{display:none}
.hud .stat{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud .stat b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:1.35em}
#querformat{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:27;margin:0;box-shadow:0 10px 30px rgba(0,0,0,.14)}
/* Saisonliste: Jahrzehnte als Karten, offen in Vereinsfarbe, Saisons mit Titel mit farbigem Strich */
.chronik details{border:1px solid var(--hair);border-radius:12px;margin:8px 0;overflow:hidden}
.chronik summary{cursor:pointer;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;font-weight:600;font-size:15px;list-style:none;background:var(--bg)}
.chronik summary::-webkit-details-marker{display:none}.chronik summary::after{content:'';margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.chronik details[open] summary{background:var(--red);color:var(--on-red,#fff)}.chronik details[open] summary::after{transform:rotate(-135deg)}
.chronik .dek-t{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--red) 12%,var(--bg));color:var(--red)}.chronik details[open] .dek-t{background:rgba(255,255,255,.2);color:#fff}
.chronik details ul{padding:8px 16px 4px}.chronik li.titel{border-left:3px solid var(--red);padding-left:10px;margin-left:-13px}
.ueber-daten p{font-size:15px;line-height:1.55;color:var(--muted);margin:0 0 10px;max-width:34em}
.chronik ul{list-style:none;margin:0 0 12px;padding:0;font-size:14px;line-height:1.5}.chronik li{padding:3px 0}.chronik li b{display:inline-block;min-width:5.2em;font-feature-settings:'tnum' 1}
.chronik .facts{font-size:15px;margin:0 0 16px;max-width:46em}.chronik .about{font-size:13.5px;color:var(--muted);max-width:46em;margin:16px 0 0}

.legal{max-width:760px;font-size:15px;line-height:1.6;padding-bottom:20px}.legal p{margin:0 0 12px}

/* Saisontext als Aufklappzeile unter der Leiste: überlagert den Strom, statt ihn zu verschieben */
.decades .intro-line{position:absolute;left:0;right:0;top:100%;margin:0;background:var(--bg);border-bottom:1px solid var(--hair);padding:6px max(16px,calc(50% - 652px));box-sizing:border-box}
.decades .intro-line span{max-height:40vh;overflow:auto}

.skip{position:absolute;left:-9999px;top:8px;z-index:40;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px;text-decoration:none}.skip:focus{left:12px}
main{display:block}

:root{--draw-s:#9AA3B2;--loss-line:#2E3A7A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--draw-s:#6B7385;--loss-line:#8B98E0}}
:root[data-theme="dark"]{--draw-s:#6B7385;--loss-line:#8B98E0}
.intro-card{border:1px solid var(--hair);padding:16px 18px;margin:16px 0 10px;background:var(--bg)}.intro-seen .intro-card{display:none}
.ic-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 20px}.ic-step{display:flex;gap:10px;align-items:flex-start}.ic-step p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}.ic-step b{color:var(--ink)}
.ic-n{flex:none;display:inline-flex;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--bg);font-weight:600;font-size:13px;align-items:center;justify-content:center}
.ic-step .sw{vertical-align:middle;display:inline-block}.ic-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
@media (max-width:760px){.ic-steps{grid-template-columns:1fr}}
.link-btn{font:inherit;font-size:14px;font-weight:500;color:var(--ink);background:none;border:0;padding:8px 4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:44px}
.fig-stat{cursor:pointer}.fig-stat b{text-decoration:underline dotted;text-underline-offset:3px}.fig-stat:focus-visible{outline:2px solid var(--red);outline-offset:2px}
#flow .fig{cursor:pointer}
.hit{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:baseline}.hit small{grid-column:2;color:var(--muted);font-size:12px}
.hit-type{grid-row:span 2;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--hair);border-radius:999px;padding:2px 7px;align-self:center}
.mr-text{font-size:14px;margin:10px 0 0;max-width:46em}

.ch-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:0 0 8px}.ch-kopf .kicker{margin:0}
.tl-seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--hair);border-radius:999px;background:var(--bg)}.tl-seg button{font:inherit;font-size:12px;font-weight:500;min-height:28px;min-width:44px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.tl-seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.card .card-tl{margin:10px 0 0}.chapter .ch-momente{list-style:none;margin:12px 0 0;padding:0;font-size:14px;line-height:1.5;max-width:44em}.chapter .ch-momente li{padding:3px 0}.chapter .ch-momente b{font-weight:600;margin-right:4px}
.chapter .ch-text{max-width:44em}.chapter .ch-text p{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--ink)}.chapter .ch-text[hidden]{display:none}.chapter .ch-text .ch-quelle{font-size:12.5px;line-height:1.45;color:var(--muted)}
.chapter .watch{margin:12px 0 0;font-size:13px;color:var(--muted);max-width:52em}.chapter .watch b{color:var(--ink);font-weight:600}
.chronik .watchlist{font-size:14px;line-height:1.5;padding-left:0;list-style:none}.chronik .watchlist li{padding:4px 0;border-top:1px solid var(--hair)}

/* Marke vereinsweg im Kopf der Vereinsseite */
.wordmark{display:inline-flex;align-items:center;gap:9px;color:var(--ink)}.vw-mark{flex:none;color:var(--ink)}.wordmark .vw-word{color:var(--red);transition:color .15s}.wordmark:hover .vw-word,.wordmark:focus-visible .vw-word{color:var(--navy)}
.vw-word{font-family:'Inter Tight',Inter,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.035em}.vw-club{font-weight:600;font-size:15px;letter-spacing:0;padding-left:12px;margin-left:3px;border-left:1px solid var(--hair);color:var(--ink)}
@media (max-width:520px){.vw-club{display:none}}
.legend .sw-ic{vertical-align:middle;margin-right:6px}
.hud .tc{display:inline-flex;align-items:center;gap:3px;margin-right:12px}.hud .tc svg{flex:none}
.hud .fx{font:inherit;font-size:13px;font-weight:500;height:36px;padding:0 12px;border:1px solid var(--hair);border-radius:999px;background:var(--bg);color:var(--ink);cursor:pointer}
@media (max-width:760px){.hud .fx{height:34px;font-size:12.5px;padding:0 10px}}
.confetti{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:19}
#flow .node{cursor:pointer}

/* Ball läuft hinter den Kapitelkarten */
.chapters{z-index:16}.chapter{background:var(--bg)}
.moment.quiet{background:#5D6572}
.t-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--hair);border-radius:999px}.t-seg button{font:inherit;font-size:13px;font-weight:500;height:34px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}
.t-seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}.t-seg button:focus-visible{outline:2px solid var(--red);outline-offset:1px}
@media (max-width:760px){.t-row>.t-seg{flex:0 0 57%;max-width:57%}.t-seg button{flex:1;padding:0 6px;font-size:12.5px}}

.glance{margin:22px 0 0}.glance ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.glance li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;border:1px solid var(--hair);padding:12px 14px;background:var(--bg)}
.glance svg{grid-row:1/3;color:var(--red)}.glance b{font-family:'Inter Tight',Inter,sans-serif;font-size:26px;font-weight:700;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.glance span{font-size:12.5px;line-height:1.3;color:var(--muted)}.glance-stand{margin:6px 0 0;font-size:12px;color:var(--muted);text-align:right}
.werkzeug{border:1px solid var(--hair);padding:14px 18px 6px;margin:18px 0 0;background:var(--bg)}
.wz-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.wz-kopf h2{font-family:'Inter Tight',Inter,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.01em;margin:0 auto 0 0}
.werkzeug .legend{border-top:1px solid var(--hair);margin-top:12px}.werkzeug .tools{margin-top:4px}
.aktuell{padding:6px 0 0}.aktuell .live{padding-top:12px}

/* Aktuell beim Verein: Überschriften und Links der offiziellen Vereinsseite */
.news{border:1px solid var(--hair);padding:14px 16px 8px;margin:12px 0 0}.news li.verein{background:var(--panel,#F4F5F7)}
.news-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin-bottom:6px}.news h2{font-family:'Inter Tight',Inter,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0}.news-head span{font-size:12.5px;color:var(--muted)}
.news ul{list-style:none;margin:0;padding:0 6px 0 0;max-height:190px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.news ul:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.news li{display:flex;gap:12px;align-items:baseline;min-width:0;overflow-wrap:anywhere;padding:7px 8px;border-top:1px solid var(--hair);font-size:14px;line-height:1.4}
.news time{flex:none;width:4.4em;color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}.news a{color:var(--ink);text-decoration:none;flex:1 1 auto;min-width:0}.news .tag{flex:none;font-size:11.5px;color:var(--muted);border:1px solid var(--hair);border-radius:999px;padding:1px 8px;white-space:nowrap}.news a:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- Handy: Kopf mit Menü, schlanke Anzeige, eingeklappte Werkzeuge, saubere Bedienzeilen ---------- */
.menu-btn,.m-only,.t-more{display:none}
.fx{font:inherit;font-size:13px;font-weight:500;height:36px;padding:0 12px;border:1px solid var(--hair);border-radius:999px;background:var(--bg);color:var(--ink);cursor:pointer}
@media (max-width:760px){
header.top{position:relative;flex-wrap:nowrap;padding:12px 0}.wordmark .vw-word{font-size:21px}
.menu-btn{display:inline-flex;flex:none;width:44px;height:44px;border:1px solid var(--hair);border-radius:999px;background:var(--bg);color:var(--ink);align-items:center;justify-content:center;cursor:pointer;padding:0}
nav.main{display:none;position:absolute;left:-20px;right:-20px;top:100%;z-index:40;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;background:var(--bg);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);box-shadow:0 18px 34px rgba(0,0,0,.14);padding:4px 20px 20px;font-size:16px}
nav.main.open{display:flex}nav.main .o1{order:1}nav.main .o2{order:2}nav.main .o3{order:3}nav.main .m-only{display:flex}
nav.main>a{display:flex;align-items:center;min-height:50px;border-bottom:1px solid var(--hair);color:var(--ink);font-weight:500}
nav.main .menu-lbl{display:block;font-size:12px;font-weight:500;color:var(--muted);margin:18px 0 8px}
nav.main .mode{display:flex;width:100%}nav.main .mode button{flex:1;min-height:42px;font-size:14px}
nav.main .menu-set{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.menu-set .ctl{display:flex;gap:8px;margin:0;flex-wrap:wrap}.menu-set select{height:42px}.menu-set .fx,.menu-set .theme{height:42px;font-size:14px;padding:0 14px}
.t-more{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin:0 0 6px;font:inherit;font-size:14px;font-weight:600;border:1px solid var(--hair);border-radius:12px;background:var(--bg);color:var(--ink);cursor:pointer}
.tools:not(.open) .t-row,.tools:not(.open) .t-chips{display:none}
.sec-ctl,#spieler .field,#vergleich .field{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px}
.sec-ctl select,#spieler .field select,#vergleich .field select{width:100%}.sec-ctl>.btn{grid-column:1/-1;justify-self:start}
.race-row{grid-template-columns:132px 1fr 36px}.race-row .nm{font-size:12.5px}
}
/* Karten: Faktentabelle, Text, darunter eine Zeile mit „Link teilen“ und „Fehler melden“ */
.card .card-fakten{display:grid;grid-template-columns:auto 1fr;gap:3px 14px;margin:10px 0 2px;padding:8px 0 0;border-top:1px solid var(--hair);font-size:12.5px}
.card .card-fakten dt{color:var(--muted);white-space:nowrap}.card .card-fakten dd{margin:0;color:var(--ink);min-width:0}
.card .report{display:block;margin-top:8px}.card .card-lang{margin-top:6px;font-size:13px}.card .card-lang summary{cursor:pointer;color:var(--ink);font-weight:500;padding:4px 0}.card .card-lang p{margin:4px 0 0;color:var(--ink);line-height:1.5}
.card .card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--hair)}
/* Links in den Karten wie die Jahrzehnt-Knöpfe: Pillen mit dünnem Rand */
.card .lnk{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 12px;border:1px solid var(--hair);border-radius:999px;background:var(--bg);font:inherit;font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer;text-decoration:none;white-space:nowrap}.card .lnk:hover{color:var(--ink);border-color:var(--ink)}
.card .card-actions .lnk[hidden]{display:none}

.btn{box-sizing:border-box}
@media (max-width:760px){footer nav a{display:inline-block;padding:8px 0}input[type=range]{height:32px}#today-jump{padding:8px 0}.news li a{display:block;padding:6px 0}}

/* Erklärung hinter dem Fragezeichen (Stärke) */
.elo-stat{position:relative}.info-q{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:0;background:none;font:inherit;font-size:10px;font-weight:600;line-height:1;color:var(--muted);cursor:pointer;vertical-align:middle}.info-q::before{content:'';position:absolute;left:4px;top:4px;width:14px;height:14px;border:1px solid var(--hair);border-radius:50%;background:var(--bg);z-index:-1}.info-q{isolation:isolate}.info-q:hover,.info-q[aria-expanded="true"]{color:var(--ink)}.info-q:hover::before,.info-q[aria-expanded="true"]::before{border-color:var(--ink)}
.info-pop{position:fixed;z-index:60;padding:10px 12px;border:1px solid var(--hair);border-radius:10px;background:var(--bg);box-shadow:0 8px 24px rgba(0,0,0,.1);font-size:12.5px;font-weight:400;line-height:1.45;color:var(--ink);white-space:normal;text-align:left}.info-pop[hidden]{display:none}
.ctl-g{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.t-combo .info-q,.field .info-q,.t-chips .info-q{flex:none}
/* Spielkarte: Anzeigetafel und Torfolge */
.card .sb{margin:0 0 4px}.card .sb[hidden],.card #card-k[hidden],.card #card-t[hidden]{display:none}.sb-meta{margin:0 28px 10px 0;font-size:12.5px;color:var(--muted)}
.sb-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.sb-team{font-size:14px;font-weight:600;line-height:1.25;color:var(--ink)}.sb-h{text-align:right}.sb-g{text-align:left}.sb-team.own{color:var(--red)}.sb-score{font-family:'Inter Tight',Inter,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;padding:4px 12px;border-radius:10px;background:var(--panel)}
.sb-extra{margin:6px 0 0;text-align:center;font-size:12.5px;color:var(--muted)}
.sb-tore{list-style:none;margin:12px 0 0;padding:8px 0 0;border-top:1px solid var(--hair);font-size:13px}.sb-tore li{display:grid;grid-template-columns:1fr 3em 1fr 2.6em;align-items:baseline;gap:6px;padding:2px 0}.sb-tore .min{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.sb-tore li.h .wer{text-align:right}.sb-tore .stand{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}

/* Quiz: abgesetzter Bereich mit dezentem Muster, Antwortfelder in vier Farben (ohne Symbole), Zeitbalken */
.quiz-sec{position:relative;padding:28px 24px 24px;margin:32px 0 0;border-radius:18px;background-color:var(--panel);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'><g fill='none' stroke='%23121417' stroke-width='7' stroke-linecap='round' stroke-linejoin='round' opacity='.07'><path d='M30 52c0-16 12-26 27-26s26 10 26 23c0 18-24 19-24 38M59 112v2'/><path d='M168 168c0-13 10-21 22-21s21 8 21 19c0 15-20 16-20 31M191 222v2'/><circle cx='196' cy='56' r='20'/><path d='M196 36v40M176 56h40' stroke-width='5'/><rect x='34' y='162' width='46' height='46' rx='11'/><path d='M47 186l9 9 14-17'/><path d='M122 96l8 16 18 3-13 12 3 18-16-9-16 9 3-18-13-12 18-3z' stroke-width='5'/></g></svg>");background-size:260px 260px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .quiz-sec{background-image:none}}:root[data-theme="dark"] .quiz-sec{background-image:none}
.quiz-sec:fullscreen{overflow:auto;margin:0;border-radius:0;padding:48px max(24px,calc(50% - 420px))}.quiz-sec:fullscreen .quiz-card,.quiz-sec:fullscreen .q-ende{max-width:none}
.q-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px}.q-kopf .sec{margin:0}.q-voll{display:inline-flex;align-items:center;gap:6px}.q-voll[hidden]{display:none}
.q-wahl{border:0;margin:14px 0 0;padding:0}.q-wahl legend{font-size:13px;color:var(--muted);margin-bottom:8px}.q-chips{display:flex;flex-wrap:wrap;gap:8px}
.q-chip{font:inherit;font-size:13px;text-align:left;display:inline-flex;flex-direction:column;gap:1px;min-height:40px;padding:6px 14px;border:1px solid var(--hair);border-radius:14px;background:var(--bg);color:var(--ink);cursor:pointer;max-width:200px}.q-chip small{font-size:11.5px;color:var(--muted)}.q-chip[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:var(--on-red,#fff)}.q-chip[aria-pressed="true"] small{color:rgba(255,255,255,.85)}
.q-start{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px}.q-start select{font:inherit;font-size:13px;min-height:36px;border:1px solid var(--hair);border-radius:999px;padding:0 10px;background:var(--bg);color:var(--ink)}
.quiz-card{margin-top:16px;max-width:760px;border:0;border-radius:16px;background:var(--bg);box-shadow:0 10px 30px rgba(0,0,0,.08);padding:20px}
.q-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.q-score{margin:0;font-family:'Inter Tight',Inter,sans-serif;font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}
.q-zeit{height:8px;border-radius:999px;background:var(--hair);overflow:hidden;margin:0 0 14px}.q-zeit[hidden]{display:none}.q-zeit span{display:block;height:100%;width:100%;background:var(--red);border-radius:999px}.q-zeit span.knapp{background:#B3261E}
.q-opts{grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width:520px){.q-opts{grid-template-columns:1fr}}
.q-opt{height:auto;min-height:64px;padding:12px 16px;border:0;border-radius:12px;font-size:16px;line-height:1.3;text-align:left;color:#fff;transition:transform .12s,opacity .2s}.q-opt:not(:disabled):hover{transform:translateY(-2px)}
.q-opt.q-a{background:var(--red);color:var(--on-red,#fff)}.q-opt.q-b{background:var(--navy);color:var(--on-navy,#fff)}.q-opt.q-c{background:color-mix(in srgb,var(--red) 22%,var(--bg));color:var(--ink)}.q-opt.q-d{background:color-mix(in srgb,var(--navy) 22%,var(--bg));color:var(--ink)}.q-opt.dunkel{color:#121417}
.q-opt.right{box-shadow:0 0 0 4px var(--bg),0 0 0 7px #2E7D32}.q-opt.right::after{content:' ✓';font-weight:700}.q-opt.wrong{opacity:.55;text-decoration:line-through}.q-opt.aus{opacity:.35}
.q-fb{font-weight:600}.q-fb.ok{color:#2E7D32}.q-fb.falsch{color:#B3261E}
.q-ende{margin-top:16px;max-width:760px;border-radius:16px;background:var(--bg);box-shadow:0 10px 30px rgba(0,0,0,.08);padding:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.q-ende[hidden]{display:none}.q-gross{margin:0;font-family:'Inter Tight',Inter,sans-serif;font-size:40px;font-weight:700;letter-spacing:-.02em;color:var(--red)}
.q-eintrag{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.q-eintrag label{width:100%;font-size:14px}.q-eintrag input{font:inherit;min-height:40px;padding:0 12px;border:1px solid var(--hair);border-radius:10px;background:var(--bg);color:var(--ink)}.q-eintrag small{width:100%;color:var(--muted)}
.q-liste{margin-top:18px;max-width:760px}.q-liste h3{font-size:15px;margin:0 0 6px}.q-liste p{font-size:13.5px;color:var(--muted);margin:0}.q-liste ol{margin:0;padding:0 0 0 22px;font-size:14px;columns:2;column-gap:32px}.q-liste li{padding:3px 0;break-inside:avoid}.q-liste li span{margin-right:8px}.q-liste li b{font-variant-numeric:tabular-nums}@media (max-width:520px){.q-liste ol{columns:1}}

.legend .lg-set{display:inline-flex;align-items:center;gap:6px}.lg-rad{color:var(--muted);flex:none}.lg-sel{font:inherit;font-size:13px;color:var(--muted);min-height:28px;padding:0 6px;border:1px solid var(--hair);border-radius:999px;background:var(--bg);cursor:pointer}

/* Quiz-Vorschau: lädt zum Mitspielen ein */
.q-teaser{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px 32px;align-items:center;margin:8px 0 6px}@media (max-width:760px){.q-teaser{grid-template-columns:1fr}}
.q-teaser h3{font-family:'Inter Tight',Inter,sans-serif;font-size:clamp(26px,3.4vw,40px);line-height:1.05;letter-spacing:-.02em;margin:0 0 10px}.q-teaser p{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.q-zahlen{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.q-zahlen span{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--bg);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.q-probe{background:var(--bg);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:16px;transform:rotate(-1.2deg)}.q-probe p{font-weight:600;font-size:15px;margin:0 0 10px}.q-probe div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.q-probe span{display:block;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;color:var(--on-red,#fff);background:var(--red)}.q-probe span:nth-child(2){background:var(--navy);color:var(--on-navy,#fff)}.q-probe span.dunkel{color:#121417}.q-probe span:nth-child(3){background:color-mix(in srgb,var(--red) 22%,var(--bg));color:var(--ink)}.q-probe span:nth-child(4){background:color-mix(in srgb,var(--navy) 22%,var(--bg));color:var(--ink)}
#q-start{min-height:48px;padding:0 26px;font-size:16px}.quiz-sec.laeuft .q-teaser{display:none}

/* Direkter Vergleich */
.h2h-kopf{display:flex;flex-direction:column;gap:10px;margin:8px 0 18px}.h2h-zahlen{margin:0;font-size:15px}.h2h-zahlen b{font-size:20px;margin-right:4px}
.h2h-balken{display:flex;gap:3px;height:44px;border-radius:12px;overflow:hidden}.h2h-balken span{display:flex;flex-direction:column;justify-content:center;padding:0 12px;min-width:44px}.h2h-balken b{font-size:16px;line-height:1.1}.h2h-balken small{font-size:11px;opacity:.9}
.h2h-s{background:var(--red);color:var(--on-red,#fff)}.h2h-u{background:var(--draw-s)}.h2h-n{background:var(--navy);color:var(--on-navy,#fff)}.h2h-balken .h2h-u{color:var(--ink)}
.lnk-seite{align-self:flex-start;display:inline-flex;align-items:center;min-height:32px;font-size:13.5px;font-weight:600;color:var(--red)}
.h2h-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px 32px}.h2h-tab{width:100%;border-collapse:collapse;font-size:14px}.h2h-tab caption{text-align:left;font-weight:600;padding:0 0 6px}.h2h-tab th,.h2h-tab td{padding:7px 8px 7px 0;border-bottom:1px solid var(--hair);text-align:right;font-variant-numeric:tabular-nums}.h2h-tab th:first-child,.h2h-tab tbody th{text-align:left;font-weight:500}.h2h-tab thead th{font-size:12px;color:var(--muted);font-weight:500}
.h2h-fakten{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:20px 0 0;font-size:14px}.h2h-fakten dt{color:var(--muted)}.h2h-fakten dd{margin:0}
.h2h-verlauf h3,.h2h-letzte h3{font-size:15px;margin:22px 0 8px}.h2h-saeulen{display:flex;align-items:flex-end;gap:6px;height:120px;border-bottom:1px solid var(--hair);padding-bottom:22px;position:relative}.h2h-saeule{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.h2h-stapel{width:100%;max-width:38px;display:flex;flex-direction:column;border-radius:6px 6px 0 0;overflow:hidden}.h2h-stapel span{display:block;min-height:2px}.h2h-saeule small{position:absolute;bottom:-20px;font-size:11px;color:var(--muted)}
.h2h-letzte ul{list-style:none;margin:0;padding:0}.h2h-spiel{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:6px 0;border:0;border-bottom:1px solid var(--hair);background:none;font:inherit;font-size:14px;color:var(--ink);text-align:left;cursor:pointer}.h2h-erg{flex:none;min-width:48px;text-align:center;padding:4px 8px;border-radius:8px;font-variant-numeric:tabular-nums}.h2h-erg.h2h-u{color:var(--ink)}
.chronik details[open] .dek-t{color:var(--on-red,#fff)}