:root{--bg: #f3f3f5;--surface: #ffffff;--surface-2: #ececf0;--surface-alt: #f8f8fa;--line: #dcdce3;--ink: #15151e;--muted: #676774;--accent: #e10600;--accent-ink: #ffffff;--up: #0f8a4a;--down: #d1241b;--bar: #0b0b10;--bar-ink: #ffffff;--bar-muted: #a3a3b0;--hero: #15151e;--hero-2: #22222d;--hero-ink: #ffffff;--hero-muted: #a8a8b5;--pos: #15151e;--pos-ink: #ffffff;--shadow: rgba(21, 21, 30, .14);--f-display: "Barlow Condensed", "Arial Narrow", sans-serif;--f-body: "Barlow", "Helvetica Neue", Arial, sans-serif;--skew: -12deg;color-scheme:light}
@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0c0c11;--surface: #15151c;--surface-2: #1d1d26;--surface-alt: #121219;--line: #2a2a35;--ink: #f3f3f6;--muted: #9797a8;--up: #3ddc84;--down: #ff5a52;--hero: #15151c;--hero-2: #1d1d26;--hero-ink: #f3f3f6;--hero-muted: #9797a8;--pos: #0a0a0f;--pos-ink: #f3f3f6;--shadow: rgba(0, 0, 0, .5);color-scheme:dark}
}
:root[data-theme=dark]{--bg: #0c0c11;--surface: #15151c;--surface-2: #1d1d26;--surface-alt: #121219;--line: #2a2a35;--ink: #f3f3f6;--muted: #9797a8;--up: #3ddc84;--down: #ff5a52;--hero: #15151c;--hero-2: #1d1d26;--hero-ink: #f3f3f6;--hero-muted: #9797a8;--pos: #0a0a0f;--pos-ink: #f3f3f6;--shadow: rgba(0, 0, 0, .5);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gutter{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:1180px;margin:0 auto}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bar);color:var(--bar-ink);border-bottom:3px solid var(--accent)}
body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bar)}
.topbar .wrap{display:flex;align-items:center;gap:28px;height:58px}
.logo{font-family:var(--f-display);font-weight:800;font-style:italic;font-size:26px;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.logo span{color:var(--accent)}
.nav{display:flex;gap:4px}
.nav a{font-family:var(--f-display);font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:.04em;padding:6px 12px;color:var(--muted)}
.nav a[aria-current=page],.nav a:hover{color:var(--ink)}
.nav a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--accent)}
@media (max-width: 520px){.topbar .wrap{gap:12px}
.logo{font-size:21px}
.nav a{font-size:15px;padding:6px 8px}
}
main{padding-block:28px 56px}
.view{display:grid;gap:34px}
.kicker{font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
h1,h2,h3{margin:0;font-family:var(--f-display);font-style:italic;text-transform:uppercase;line-height:.95;text-wrap:balance}
h1{font-weight:800;font-size:clamp(40px,7vw,76px);letter-spacing:-.005em}
h2{font-weight:800;font-size:clamp(26px,3.6vw,36px)}
h3{font-weight:700;font-size:18px;letter-spacing:.03em}
.lede{color:var(--muted);max-width:62ch;margin:10px 0 0;font-size:16px}
.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px}
.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width: 860px){.stories{grid-template-columns:minmax(0,1fr)}
}
.story{position:relative;display:grid;gap:6px;align-content:start;background:var(--surface);padding:18px 20px 20px;border-top:4px solid var(--accent);overflow:hidden}
.story:after{content:"";position:absolute;right:-30px;top:0;bottom:0;width:90px;background:var(--brand, var(--line));opacity:.18;transform:skew(var(--skew))}
.story:hover{background:var(--surface-2);color:var(--ink)}
.story .kicker{font-size:13px}
.story-naam{font-family:var(--f-display);font-style:italic;text-transform:uppercase;font-size:32px;line-height:.95}
.story-naam small{display:block;font-size:18px;font-weight:500;color:var(--muted)}
.story-naam b{font-weight:800}
.story-waarde{display:flex;align-items:baseline;gap:10px;font-family:var(--f-display);font-weight:800;font-size:26px;font-variant-numeric:tabular-nums}
.story p{margin:2px 0 0;color:var(--muted);font-size:14px;position:relative;z-index:1}
.tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tab{background:var(--surface);border:0;color:var(--muted);padding:7px 14px;font-family:var(--f-display);font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.04em;transform:skew(var(--skew))}
.tab>span{display:inline-block;transform:skew(calc(var(--skew) * -1))}
.tab:hover{color:var(--ink)}
.tab[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.sortlabel{font-size:13px;color:var(--muted);margin-right:4px}
.count{margin-left:auto;color:var(--muted);font-size:13px}
.tower{display:grid;gap:3px}
.trow{display:grid;grid-template-columns:52px 6px 54px minmax(0,1fr) 150px 110px 90px 150px;align-items:center;gap:0 12px;background:var(--surface);min-height:58px;padding-right:14px}
.trow:nth-child(2n){background:var(--surface-alt)}
.trow:hover{background:var(--surface-2);color:var(--ink)}
.trow.head{background:none;min-height:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-block:4px}
.pos{align-self:stretch;display:grid;place-items:center;font-family:var(--f-display);font-style:italic;font-weight:800;font-size:24px;background:var(--pos);color:var(--pos-ink);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.trow:nth-child(2) .pos,.trow:nth-child(3) .pos,.trow:nth-child(4) .pos{background:var(--accent)}
.trow.head .pos{background:none;clip-path:none;font-size:11px;font-style:normal;font-family:var(--f-body);font-weight:600}
.stripe{align-self:stretch;background:var(--brand, var(--line));margin-block:10px}
.trow.head .stripe{background:none}
.nr{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:26px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}
.nr.champ{color:var(--accent)}
.name{min-width:0;line-height:1.15}
.name .n{font-family:var(--f-display);font-size:21px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.name .n small{font-weight:500;font-size:17px;color:var(--muted);margin-right:5px}
.name .n b{font-weight:800;font-style:italic}
.name .t{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.cls{font-family:var(--f-display);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cls small{display:block;font-family:var(--f-body);font-weight:500;font-size:12px;letter-spacing:0;text-transform:none;color:var(--muted)}
.stat{font-variant-numeric:tabular-nums;text-align:right;font-size:14px;color:var(--muted)}
.stat b{color:var(--ink);font-weight:600}
.tr{font-family:var(--f-display);font-weight:700;font-size:17px;white-space:nowrap;text-align:right}
.tr.up{color:var(--up)}
.tr.down{color:var(--down)}
.tr.flat,.tr.none{color:var(--muted);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em}
.val{text-align:right;font-family:var(--f-display);font-weight:800;font-style:italic;font-size:24px;white-space:nowrap;font-variant-numeric:tabular-nums}
.val small{font-size:15px;font-weight:700}
@media (max-width: 980px){.trow{grid-template-columns:46px 6px 46px minmax(0,1fr) 90px 130px}
.hide-md{display:none}
}
@media (max-width: 600px){.trow{grid-template-columns:38px 5px minmax(0,1fr) auto;gap:0 10px;padding-right:10px;min-height:54px}
.hide-sm{display:none}
.pos{font-size:19px}
.name .n{font-size:18px}
.name .n small{font-size:15px}
.val{font-size:20px}
.val .tr{display:block;font-size:13px}
}
.val .tr{display:none}
@media (max-width: 600px){.val .tr{display:block}
}
.h2h{background:var(--surface);padding:20px;display:grid;gap:16px}
.h2h-pick{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.h2h select{width:100%;font:inherit;font-weight:600;padding:9px 10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.vs{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:26px;color:var(--accent)}
.h2h-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px 16px;font-variant-numeric:tabular-nums}
.h2h-grid .lab{text-align:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-self:center}
.h2h-grid .a{text-align:right}
.h2h-grid .b{text-align:left}
.h2h-grid .who{font-family:var(--f-display);font-size:22px;text-transform:uppercase;line-height:1.05}
.h2h-grid .who b{font-style:italic;font-weight:800}
.h2h-grid .who small{display:block;font-family:var(--f-body);text-transform:none;font-size:13px;color:var(--muted)}
.h2h-grid .win{color:var(--ink);font-weight:700}
.h2h-grid .lose{color:var(--muted)}
.h2h-grid .big{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:28px;line-height:1}
@media (max-width: 520px){.h2h-pick{grid-template-columns:minmax(0,1fr)}
.vs{text-align:center}
}
.hero{position:relative;overflow:hidden;background:var(--surface);padding:26px 26px 24px;display:grid;gap:18px;border-left:8px solid var(--brand, var(--accent))}
.hero:after{content:"";position:absolute;right:-60px;top:0;bottom:0;width:260px;background:var(--brand, var(--accent));opacity:.14;transform:skew(var(--skew))}
.hero>*{position:relative;z-index:1}
.hero-top{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.bignr{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:clamp(64px,11vw,120px);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--brand, var(--accent))}
.hero h1 small{display:block;font-weight:500;font-size:.45em;color:var(--muted)}
.hero-meta{display:flex;gap:8px 18px;flex-wrap:wrap;color:var(--muted);font-size:15px}
.hero-meta a{color:var(--ink);font-weight:600;border-bottom:1px solid var(--accent)}
.figures{display:flex;gap:14px 40px;flex-wrap:wrap;align-items:end}
.fig .lab{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fig .num{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}
.fig.main .num{font-size:clamp(40px,6vw,56px)}
.fig .tr{text-align:left;font-size:20px}
.back{font-family:var(--f-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:15px}
.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
@media (max-width: 760px){.cols{grid-template-columns:minmax(0,1fr)}
}
.block{display:grid;gap:12px;align-content:start}
.cards{display:grid;gap:8px}
.card{background:var(--surface);padding:14px 16px;display:grid;gap:4px;border-left:4px solid var(--line)}
.card.champ{border-left-color:var(--accent)}
.card .top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.card .k{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:22px;text-transform:uppercase;line-height:1}
.card .p{font-family:var(--f-display);font-weight:700;font-size:16px;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.card.champ .p{color:var(--accent)}
.card .s{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.card .s a{color:var(--ink);border-bottom:1px solid var(--line)}
.empty{color:var(--muted);font-size:14px;background:var(--surface);padding:14px 16px;margin:0}
.transfer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;background:var(--surface);padding:14px 16px}
.transfer .arrow{font-family:var(--f-display);font-weight:800;font-size:26px;color:var(--accent)}
.transfer .lab{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.transfer a,.transfer span.tm{font-weight:600}
.transfer .same{grid-column:1 / -1;color:var(--muted);font-size:14px}
.chart{background:var(--surface);padding:14px 16px}
.chart svg{display:block;width:100%;height:auto}
.mini{display:grid;gap:3px}
.mini a{display:grid;grid-template-columns:6px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--surface);padding:10px 14px 10px 0}
.mini a:hover{background:var(--surface-2);color:var(--ink)}
.mini .stripe{margin-block:0;align-self:stretch}
.mini .n{font-family:var(--f-display);font-size:18px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini .n b{font-style:italic;font-weight:800}
.mini .v{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}
.notes{display:grid;gap:10px;max-width:72ch;color:var(--muted);font-size:14px;border-top:1px solid var(--line);padding-top:20px}
.notes h2{color:var(--ink);font-size:24px}
.notes p{margin:0}
footer{color:var(--muted);font-size:12px;padding-block:20px 32px;border-top:1px solid var(--line)}
@media (prefers-reduced-motion: no-preference){.trow,.story,.tab{transition:background-color .15s ease,color .15s ease}
}
@media (max-width: 520px){.topbar .wrap{gap:8px}
.logo{font-size:19px}
.nav{margin-left:auto}
.nav a{padding:6px;font-size:15px}
}
.trow.head>*{font-family:var(--f-body);font-style:normal;font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.trow{grid-template-columns:52px 6px 54px minmax(0,1fr) 140px 150px 90px 150px}
.stat{white-space:nowrap}
@media (max-width: 980px){.trow{grid-template-columns:46px 6px 46px minmax(0,1fr) 90px 130px}
}
@media (max-width: 600px){.trow{grid-template-columns:38px 5px minmax(0,1fr) auto}
}
.mini .n small{margin-left:0;margin-right:5px;font-family:var(--f-display);font-size:16px;text-transform:uppercase}
.mini .n .sub{margin-left:8px;margin-right:0;font-family:var(--f-body);font-size:12px;text-transform:none}
@media (max-width: 520px){.logo{font-size:17px;white-space:nowrap}
.nav a{font-size:14px;padding:6px 5px}
.topbar .wrap{gap:6px}
}
@media (max-width: 380px){.logo span{display:none}
.logo{font-size:16px}
}
.nav{flex-shrink:0}
.h2h-grid>div{min-width:0;overflow-wrap:anywhere}
@media (max-width: 520px){.h2h-grid .who{font-size:17px}
.h2h-grid .big{font-size:21px}
.h2h-grid{gap:8px 10px}
}
.tk{display:inline-block;font-family:var(--f-display);font-weight:700;font-size:12px;letter-spacing:.06em;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);padding:0 5px;margin-right:6px;line-height:1.5;font-style:normal}
.tk.big{font-size:15px;padding:1px 8px;color:var(--accent);border-color:var(--accent);background:transparent}
.vorm{display:inline-flex;gap:2px;align-items:center;font-variant-numeric:tabular-nums}
.vorm b{width:6px}
.vorm i{font-style:normal;font-family:var(--f-display);font-weight:700;font-size:13px;min-width:22px;height:22px;display:inline-grid;place-items:center;background:var(--surface-2);color:var(--muted)}
.vorm i.w{background:var(--accent);color:var(--accent-ink)}
.vorm i.p{background:var(--ink);color:var(--bg)}
.vorm i.t{color:var(--ink)}
.vorm i.x{color:var(--down)}
.racekaart{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:4px}
.rk{background:var(--surface);padding:8px 10px;display:grid;gap:4px}
.rk-r{font-family:var(--f-display);font-weight:800;font-style:italic;font-size:16px}
.rk-gp{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.small-note{color:var(--muted);font-size:12px;margin:0}
.search{position:relative;margin-left:auto;width:min(320px,38vw)}
.search input{width:100%;font:inherit;font-size:14px;padding:7px 10px;background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.search input::placeholder{color:var(--muted)}
.hits{position:absolute;right:0;top:calc(100% + 6px);width:min(420px,92vw);background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 30px var(--shadow);z-index:40;display:grid}
.hits a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 8px;padding:9px 12px;border-bottom:1px solid var(--line)}
.hits a:hover{background:var(--surface-2);color:var(--ink)}
.hits .hn{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hits .hs{grid-column:2;font-size:12px;color:var(--muted)}
.hits .none{padding:10px 12px;color:var(--muted)}
@media (max-width: 700px){.topbar .wrap{flex-wrap:wrap;height:auto;padding-block:8px;row-gap:8px}
.search{order:3;width:100%;margin-left:0}
.hits{left:0;right:auto;width:100%}
}
.logo{color:var(--bar-ink)}
.nav a{color:var(--bar-muted)}
.nav a[aria-current=page],.nav a:hover{color:var(--bar-ink)}
.search input{background:#1b1b24;border-color:#2e2e3a;color:#fff}
.search input::placeholder{color:var(--bar-muted)}
.themeknop{flex-shrink:0;background:none;border:1px solid #2e2e3a;color:var(--bar-ink);width:34px;height:34px;display:grid;place-items:center;font-size:16px}
.themeknop:hover{border-color:var(--accent)}
.hero,.story{background:var(--hero);color:var(--hero-ink)}
.story:hover{background:var(--hero-2);color:var(--hero-ink)}
.hero .hero-meta,.story p,.hero .fig .lab,.story-naam small,.hero h1 small{color:var(--hero-muted)}
.hero-meta a{color:var(--hero-ink)}
.hero .tk.big{background:transparent}
.trow.head{background:none}
.trow:nth-child(2) .pos,.trow:nth-child(3) .pos,.trow:nth-child(4) .pos{color:var(--accent-ink)}
.dash{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.dash>*{min-width:0}
.span-6{grid-column:span 6}
@media (max-width: 900px){.span-6{grid-column:span 12}
}
.panel{background:var(--surface);border:1px solid var(--line);display:grid;align-content:start}
.panel-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px 10px;border-bottom:3px solid var(--ink)}
.panel-h h2{font-size:22px}
.panel-h a{font-family:var(--f-display);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}
.plist{display:grid}
.plist a,.plist .row{display:grid;grid-template-columns:26px 5px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 16px 9px 12px;border-bottom:1px solid var(--line)}
.plist a:hover{background:var(--surface-2);color:var(--ink)}
.plist .i{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:17px;color:var(--muted);text-align:center}
.plist .stripe{margin:0;align-self:stretch}
.plist .n{font-family:var(--f-display);font-size:17px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plist .n b{font-style:italic;font-weight:800}
.plist .n small{font-weight:500;color:var(--muted);margin-right:4px}
.plist .s{display:block;font-family:var(--f-body);text-transform:none;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plist .v{text-align:right;font-family:var(--f-display);font-weight:800;font-style:italic;font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums}
.plist .v .tr{display:block;font-style:normal;font-size:13px}
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.filters label{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}
.filters select{font:inherit;font-size:14px;padding:6px 8px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.cal{display:grid;gap:3px;margin-top:14px}
.cal .c{display:grid;grid-template-columns:120px minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:center;background:var(--surface);padding:10px 14px;border-left:4px solid var(--line)}
.cal .c .d{font-size:13px;color:var(--muted)}
.cal .c .g{font-weight:600}
.cal .c .g small{display:block;font-weight:400;color:var(--muted)}
.cal .c .w{font-size:13px;color:var(--muted)}
.cal .c .w a{color:var(--ink);font-weight:600}
.news{display:grid;gap:3px}
.news .item{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--surface);padding:12px 16px;border-left:4px solid var(--line)}
.news .item.titel{border-left-color:var(--accent)}
.news .item .d{font-size:13px;color:var(--muted)}
.news .item .t{font-weight:600}
.news .item .t a{border-bottom:1px solid var(--line)}
.news .item .k{font-family:var(--f-display);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
@media (max-width: 640px){.news .item{grid-template-columns:minmax(0,1fr);gap:2px}
}
.pagehead{display:grid;gap:4px}
.nav{min-width:0;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap}
@media (max-width: 1100px){.search{width:min(240px,30vw)}
.nav a{padding:6px 8px;font-size:15px}
}
@media (max-width: 700px){.nav{order:4;width:100%;flex-shrink:1}
.themeknop{margin-left:auto}
}
footer a{color:var(--ink);border-bottom:1px solid var(--line)}
[hidden]{display:none!important}
.logo{flex-shrink:0;overflow:visible;min-width:0;white-space:nowrap}
.topbar .wrap{gap:18px}
.nav{flex:1 1 auto}
@media (max-width: 1300px){.search{width:210px}
.nav a{padding:6px 7px;font-size:15px}
}
@media (max-width: 700px){.search{order:3;width:100%;margin-left:0}
.logo{font-size:19px}
}
.site-footer{background:var(--bar);color:var(--bar-muted);border-top:3px solid var(--accent);padding-block:40px 28px;margin-top:24px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
@media (max-width: 860px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.foot-brand{grid-column:1 / -1}
}
.foot-brand p{margin:10px 0 0;max-width:34ch}
.foot-col{display:grid;gap:8px;align-content:start}
.foot-col h3{color:var(--bar-ink);font-size:15px;letter-spacing:.06em;margin-bottom:4px}
.site-footer a{color:var(--bar-muted);border:0}
.site-footer a:hover{color:var(--bar-ink)}
.site-footer .logo{color:var(--bar-ink);font-size:22px}
.foot-bottom{display:flex;flex-wrap:wrap;gap:8px 24px;border-top:1px solid #262631;margin-top:32px;padding-top:18px;font-size:12px}
.ovrs{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 4px;margin-right:8px;font-family:var(--f-display);font-style:normal;font-weight:800;font-size:15px;background:var(--surface-2);color:var(--ink);vertical-align:2px}
.ovrs.elite{background:var(--accent);color:var(--accent-ink)}
.ovrs.high{background:var(--ink);color:var(--bg)}
.hero-r{grid-template-columns:minmax(0,1fr) 300px;align-items:center;column-gap:28px}
.hero-l{display:grid;gap:18px;min-width:0}
@media (max-width: 860px){.hero-r{grid-template-columns:minmax(0,1fr)}
}
.rcard{position:relative;z-index:1;background:linear-gradient(160deg,var(--hero-2),var(--hero));color:var(--hero-ink);border:1px solid #2e2e3a;border-top:6px solid var(--brand, var(--accent));padding:16px 16px 14px;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);display:grid;gap:6px;max-width:360px}
.rc-top{display:flex;justify-content:space-between;align-items:start;gap:10px}
.rc-ovr{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:56px;line-height:.85}
.rc-ovr small{display:block;font-size:13px;font-style:normal;letter-spacing:.12em;color:var(--hero-muted);margin-top:4px}
.rc-ovr.elite{color:var(--accent)}
.rc-meta{display:grid;justify-items:end;gap:2px;font-family:var(--f-display);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--hero-muted)}
.rc-nr{color:var(--hero-ink);font-size:18px;font-style:italic}
.rc-name{font-family:var(--f-display);text-transform:uppercase;font-size:24px;line-height:1;margin-top:6px}
.rc-name small{display:block;font-size:15px;font-weight:500;color:var(--hero-muted)}
.rc-name b{font-style:italic;font-weight:800}
.rc-tk{font-family:var(--f-display);font-weight:700;font-size:13px;letter-spacing:.08em;color:var(--brand, var(--accent))}
.rc-attrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin-top:8px;border-top:1px solid #2e2e3a;padding-top:12px}
.rc-a{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;align-items:baseline}
.rc-v{font-family:var(--f-display);font-weight:800;font-size:22px;line-height:1;font-variant-numeric:tabular-nums}
.rc-l{font-size:11.5px;color:var(--hero-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-bar{grid-column:1 / -1;height:3px;background:#2e2e3a;margin-top:4px}
.rc-bar i{display:block;height:100%;background:var(--brand, var(--accent))}
.rc-a.na .rc-v{color:var(--hero-muted)}
.hero-r:after{display:none}
.rc-a.est .rc-v{color:var(--hero-muted);font-style:italic}
.rc-a.est .rc-bar i{opacity:.45}
.chip{display:inline-block;font-family:var(--f-display);font-weight:700;font-style:normal;font-size:12px;letter-spacing:.07em;text-transform:uppercase;padding:1px 7px;background:var(--surface-2);color:var(--ink);white-space:nowrap}
.chip.transfer{background:var(--ink);color:var(--bg)}
.chip.titel,.chip.preview{background:var(--accent);color:#fff}
.newsgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}
@media (max-width: 900px){.newsgrid{grid-template-columns:minmax(0,1fr)}
}
.arts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-top:12px}
@media (max-width: 640px){.arts{grid-template-columns:minmax(0,1fr)}
}
.art{display:grid;gap:8px;align-content:start;background:var(--surface);padding:16px 18px 18px;border-top:3px solid var(--line)}
.art:hover{background:var(--surface-2);color:var(--ink);border-top-color:var(--accent)}
.art.groot{grid-column:1 / -1;background:var(--hero);color:var(--hero-ink);border-top-color:var(--accent);padding:22px 24px 24px}
.art.groot:hover{background:var(--hero-2);color:var(--hero-ink)}
.art.groot .art-l,.art.groot .art-m{color:var(--hero-muted)}
.art.groot .art-k{font-size:clamp(28px,4vw,40px)}
.art-m{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted)}
.art-k{font-family:var(--f-display);font-style:italic;font-weight:800;text-transform:uppercase;font-size:23px;line-height:1;text-wrap:balance}
.art-l{color:var(--muted);font-size:14px}
.artikel{max-width:720px;display:grid;gap:12px;margin:8px 0 28px}
.artikel h1{font-size:clamp(34px,5.5vw,56px);font-weight:800}
.artikel .lede{font-size:19px;color:var(--ink);font-weight:500;margin:0}
.art-body p{font-size:17px;line-height:1.6;margin:0 0 14px;max-width:66ch}
a.rl{color:var(--ink);font-weight:600;border-bottom:2px solid var(--accent)}
a.rl:hover{color:var(--accent)}
.bron{font-size:13px;color:var(--muted);margin:0;border-top:1px solid var(--line);padding-top:12px}
.bron a{color:var(--ink);border-bottom:1px solid var(--line)}
.artikel~.panel,.artikel~.block,.artikel~.pick{margin-bottom:24px}
.nlist .nrow{grid-template-columns:auto minmax(0,1fr)}
.nlist .nk{font-family:var(--f-display);font-weight:700;font-size:17px;text-transform:uppercase;line-height:1.05;min-width:0}
.nlist .nk .s{margin-top:2px}
.wire .item{grid-template-columns:minmax(0,1fr);gap:2px;border-left-width:3px;background:none;border-bottom:1px solid var(--line)}
.wire .item .k{display:none}
.news .item .t small{display:block;font-weight:400;color:var(--muted);font-size:13px;margin-top:2px}
#cstabs{margin-top:8px}
.cal .c.up{border-left-color:var(--accent)}
.cal .c .g .chip{margin-right:8px;vertical-align:2px}
.cal .c .w span{display:block}
.cal .c .w b{font-family:var(--f-display);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.chip.s-mxgp{background:var(--ink);color:var(--bg)}
.chip.s-sx{background:#1d4ed8;color:#fff}
.chip.s-promx{background:#15803d;color:#fff}
.chip.s-smx{background:#7c3aed;color:#fff}
.chip.s-mxon,.chip.s-paris{background:var(--accent);color:#fff}
@media (max-width: 640px){.cal .c{grid-template-columns:minmax(0,1fr);gap:4px}
.cal .c .d,.cal .c .w{grid-column:1}
}
.rt{text-align:center}
.rt b{display:inline-grid;place-items:center;min-width:46px;height:34px;padding:0 6px;font-family:var(--f-display);font-style:italic;font-weight:800;font-size:24px;line-height:1;font-variant-numeric:tabular-nums;background:var(--surface-2);color:var(--ink)}
.rt b.elite{background:var(--accent);color:#fff}
.rt b.high{background:var(--ink);color:var(--bg)}
.pick .score{font-family:var(--f-display);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}
.pk{display:grid;grid-template-columns:90px minmax(0,1fr);gap:4px 14px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.pk-k{font-family:var(--f-display);font-weight:800;font-style:italic;font-size:18px;text-transform:uppercase}
.pk-l{display:flex;flex-wrap:wrap;gap:6px 16px}
.pk-l span{font-family:var(--f-display);font-weight:700;font-size:18px;text-transform:uppercase;display:inline-flex;gap:6px;align-items:center}
.pk-l i{font-style:italic;font-weight:800;display:inline-grid;place-items:center;width:22px;height:22px;background:var(--surface-2);font-size:14px}
.pk-l .exact i{background:var(--up);color:#fff}
.pk-l .hit i{background:var(--ink);color:var(--bg)}
.pk-l .miss{opacity:.55}
.pk-u{grid-column:2;font-size:13px;color:var(--muted)}
@media (max-width: 520px){.pk{grid-template-columns:minmax(0,1fr)}
.pk-u{grid-column:1}
}
.trow.rr{grid-template-columns:52px 6px 54px minmax(0,1fr) 150px 120px 80px 76px 110px}
.pts{text-align:right;font-family:var(--f-display);font-variant-numeric:tabular-nums;line-height:1}
.pts b{display:block;font-style:italic;font-weight:800;font-size:22px}
.pts small{font-family:var(--f-body);font-size:12px;color:var(--muted)}
.val.sm{font-size:17px;color:var(--muted)}
.trow.mk{grid-template-columns:52px 6px minmax(0,1fr) 170px 76px 100px 100px 150px}
#msort{margin-bottom:10px}
@media (max-width: 980px){.trow.rr{grid-template-columns:46px 6px 46px minmax(0,1fr) 70px 64px 100px}
.trow.mk{grid-template-columns:46px 6px minmax(0,1fr) 64px 90px 90px 120px}
}
@media (max-width: 600px){.trow.rr{grid-template-columns:38px 5px minmax(0,1fr) 54px 44px}
.trow.mk{grid-template-columns:38px 5px minmax(0,1fr) 44px auto}
.pts b{font-size:18px}
.rt b{min-width:38px;height:28px;font-size:19px}
}
.racecenter{background:var(--hero);color:var(--hero-ink);border:1px solid #2a2a36;padding:14px 18px 18px;margin-bottom:24px;background-image:repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.025) 14px 28px)}
.rcx-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.rcx-logo{font-size:26px;font-weight:800;color:var(--hero-ink);border-bottom:3px solid var(--accent);padding-bottom:2px}
.rcx-sel{font-family:var(--f-display);font-weight:700;font-size:15px;letter-spacing:.05em;text-transform:uppercase;background:#22222c;color:var(--hero-ink);padding:8px 14px}
.rcx-sel:hover{background:var(--accent);color:#fff}
.rcx-box{border:1px solid #2e2e3a;background:#00000040;padding:14px 16px;display:grid;gap:12px}
.rcx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:15px;color:var(--hero-muted)}
.rcx-meta b{color:var(--hero-ink);font-size:18px;font-weight:700}
.rcx-live{color:var(--accent);font-weight:700;font-family:var(--f-display);text-transform:uppercase;letter-spacing:.05em}
.rcx-live:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:1px}
.rcx-strip{display:flex;gap:6px 26px;align-items:center;overflow-x:auto;scrollbar-width:none;border:1px solid #2e2e3a;padding:10px 14px;white-space:nowrap}
.rcx-strip::-webkit-scrollbar{display:none}
.rcx-lab{font-family:var(--f-display);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--hero-muted)}
.rcx-strip a{display:inline-flex;align-items:baseline;gap:6px;color:var(--hero-ink);font-family:var(--f-display);text-transform:uppercase}
.rcx-strip a:hover b{color:var(--accent)}
.rcx-strip i{font-style:italic;font-weight:800;font-size:22px;color:var(--hero-muted)}
.rcx-strip i.elite{color:var(--accent)}
.rcx-strip i:after{content:"/";margin-left:3px;color:var(--accent);font-style:normal}
.rcx-strip i[class^=s-]{font-size:14px;font-style:normal;font-weight:700;letter-spacing:.05em}
.rcx-strip b{font-weight:800;font-size:22px}
.rcx-strip small{font-family:var(--f-body);font-size:12px;color:var(--hero-muted);text-transform:none}
.rcx-links{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:center}
.rcx-links>a{font-family:var(--f-display);font-style:italic;font-weight:800;font-size:17px;text-transform:uppercase;color:var(--hero-ink);border-bottom:2px solid var(--hero-ink)}
.rcx-links>a:hover{color:var(--accent);border-color:var(--accent)}
.rcx-last{margin-right:auto;font-size:13px;color:var(--hero-muted)}
.rcx-last a{color:var(--hero-ink);border-bottom:1px solid #555}
@media (max-width: 640px){.rcx-logo{font-size:22px}
.rcx-strip b{font-size:19px}
.rcx-links{justify-content:flex-start}
.rcx-last{flex-basis:100%}
}
.trow.head>.val.sm,.trow.head>.pts,.trow.head>.rt{font-family:var(--f-body);font-style:normal;font-weight:600;font-size:11px;letter-spacing:.1em;color:var(--muted);text-align:right}
.trow.head>.rt{text-align:center}