/* Yazı tipleri (Google Fonts, SIL OFL 1.1): Saira Condensed, IBM Plex Sans, IBM Plex Mono. Kendi sunucumuzdan sunulur (CSP font-src 'self'). */
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/ui/fonts/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/ui/fonts/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/ui/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgtIU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/ui/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXEKVElMYYaJe8bpLHnCwDKhdTEG46kmUZQCX598fQbM4jw8V78x9OWIhqbQ5g0voKW6g.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXEKVElMYYaJe8bpLHnCwDKhdTEG46kmUZQCX598fQbM4jw8V78x9OWIhqbQ5g6voI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/ui/fonts/EJRLQgErUN8XuHNEtX81i9TmEkrnfc9Q-a2fli0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/ui/fonts/EJRLQgErUN8XuHNEtX81i9TmEkrnfc9Q962f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/ui/fonts/EJRLQgErUN8XuHNEtX81i9TmEkrnGc5Q-a2fli0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/ui/fonts/EJRLQgErUN8XuHNEtX81i9TmEkrnGc5Q962f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/ui/fonts/EJRLQgErUN8XuHNEtX81i9TmEkrnBc1Q-a2fli0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/ui/fonts/EJRLQgErUN8XuHNEtX81i9TmEkrnBc1Q962f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Düzen: tam genişlik kapak → hafta sonu şeridi → [zamanlama kulesi | rota, konu haritası, yarış merkezi, galeri]. Konular sağdan açılan panelde, panel içinde üç derinlik. */
:root{
  --bg:#f3efe9; --panel:#fbf9f5; --panel2:#e8e1d6; --line:#d5c9ba;
  --fg:#1f1a15; --muted:#685c4f; --accent:#a0541f; --accent-ink:#ffffff; --accent-soft:rgba(160,84,31,.10);
  --purple:#7a3fc2; --scrim:rgba(20,14,8,.55);
  --f-d:"Saira Condensed","Arial Narrow",sans-serif;
  --f-b:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-m:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#121010; --panel:#1a1715; --panel2:#25201c; --line:#37302a;
    --fg:#f0e8de; --muted:#a69987; --accent:#dd9b69; --accent-ink:#1a110a; --accent-soft:rgba(221,155,105,.13);
    --purple:#b892ff; --scrim:rgba(0,0,0,.65); color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#121010; --panel:#1a1715; --panel2:#25201c; --line:#37302a;
  --fg:#f0e8de; --muted:#a69987; --accent:#dd9b69; --accent-ink:#1a110a; --accent-soft:rgba(221,155,105,.13);
  --purple:#b892ff; --scrim:rgba(0,0,0,.65); color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--f-b)}
/* Okunabilirlik: uzun paragraflar 72 karakterde kırılır. */
p{max-width:72ch}
body.lock{overflow:hidden}
.page{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 48px}
h1,h2,h3,h4{font-family:var(--f-d);font-weight:700;line-height:1.02;margin:0;text-wrap:balance}
h2{font-size:clamp(30px,4vw,44px);text-transform:uppercase;letter-spacing:.005em}
h3{font-size:23px;letter-spacing:.01em}
h4{font:600 12px/1.2 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
p{margin:0}
a{color:var(--accent);text-underline-offset:2px}
button,select,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.eyebrow{font:600 12px/1.2 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sec-h .eyebrow{color:var(--accent)}
.muted{color:var(--muted)}
.tiny{font-size:14px;color:var(--muted);line-height:1.5}
.mono{font-family:var(--f-m);font-variant-numeric:tabular-nums}
.lead{font-size:19px;line-height:1.55;max-width:60ch}
.card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:3px;padding:10px 20px;font-weight:600;align-self:flex-start}
.btn.ghost{background:none;color:var(--accent);border:1px solid var(--line)}
.link{background:none;border:0;padding:0;color:var(--accent);font-weight:600;text-align:left;align-self:flex-start}
.link:hover{text-decoration:underline}
/* Sekme: alt çizgili metin; seçili olan kalın ve vurgu çizgili */
.seg{display:inline-flex;gap:16px;flex:none;border-bottom:1px solid var(--line)}
.seg button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:4px 0 6px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.seg button:hover{color:var(--fg)}
.seg button[aria-pressed="true"]{color:var(--fg);border-bottom-color:var(--accent)}
/* Filtre: ince takım şeridi; seçili olan ters renk */
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:none;border:1px solid var(--line);border-radius:3px;padding:5px 12px 5px 10px;font-size:14px;color:var(--muted);display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:border-color .15s,color .15s}
.chip:hover{border-color:var(--muted);color:var(--fg)}
.chip .sw{width:3px;height:14px;border-radius:0;margin-right:0}
.chip[aria-pressed="true"]{background:var(--fg);border-color:var(--fg);color:var(--bg);font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span{font-size:13px;border:1px solid var(--line);border-radius:3px;padding:3px 10px;color:var(--muted)}
.credit{font-size:13px;color:var(--muted);line-height:1.5}
.src{font-size:13px;color:var(--muted);line-height:1.6}
.sec-h{display:flex;flex-direction:column;gap:8px;max-width:68ch}
.sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:0}

/* üst menü */
.site{display:flex;align-items:center;gap:22px;padding-block:16px;flex-wrap:wrap}
.logo{font:800 26px/1 var(--f-d);letter-spacing:.04em;text-transform:uppercase}
.logo b{color:var(--accent)}
.nav{display:flex;gap:18px;flex-wrap:wrap;font-size:15px;color:var(--muted)}
.nav .on{color:var(--fg);box-shadow:inset 0 -2px var(--accent)}
.badge{margin-left:auto;font-size:13px;border:1px solid var(--line);border-radius:3px;padding:4px 10px;color:var(--muted)}

/* kapak */
.hero{display:flex;flex-direction:column;gap:10px}
.hero-ph{position:relative;border-radius:4px;overflow:hidden;min-height:360px;aspect-ratio:21/9;max-width:100%;background:var(--panel2);color:#fff}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,6,3,.82) 0%,rgba(10,6,3,.45) 45%,rgba(10,6,3,0) 75%),linear-gradient(0deg,rgba(10,6,3,.55),rgba(10,6,3,0) 45%)}
.hero-tx{position:absolute;z-index:1;left:clamp(18px,4vw,44px);bottom:clamp(18px,4vw,40px);right:18px;display:flex;flex-direction:column;gap:12px;max-width:560px}
.hero-tx .eyebrow{color:#f2c9a6}
.hero-tx h1{font-size:clamp(52px,9vw,108px);font-weight:800;text-transform:uppercase;line-height:.88;color:#fff}
.hero-tx h1 em{font-style:normal;color:#f2c9a6}
.hero-tx p{font-size:17px;color:#f1e9e0;max-width:44ch}
.hero-zoom{position:absolute;z-index:1;top:16px;right:16px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(0,0,0,.35);color:#fff;font-size:19px}
.hero-zoom:hover{background:rgba(0,0,0,.6)}
.hero-cap{display:flex;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;border-block:1px solid var(--line);padding-block:14px}
.nums div{display:flex;flex-direction:column-reverse}
.nums dt{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.nums dd{margin:0;font:700 34px/1 var(--f-d)}
.nums.sm{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:640px){.nums{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-ph{aspect-ratio:auto;min-height:440px}}

/* hafta sonu şeridi */
.wk{display:flex;flex-direction:column;gap:16px;padding-block:28px 8px}
.wk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 24px;flex-wrap:wrap}
.wk-cd{font-size:15px;background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:8px 16px}
.wk-cd .mono{font-weight:500;color:var(--accent)}
.wk-line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.wk-line::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:2px;background:var(--line)}
.wk-line li{position:relative;min-width:0}
.wk-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:0 10px 0 0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:4px}
.wk-b:hover .wk-n{text-decoration:underline;text-underline-offset:3px}
.wk-b:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wk-hint{margin:0;font-size:14px;color:var(--muted)}
.ses-pod{list-style:none;padding-left:0}
.dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);background:var(--bg);margin-bottom:8px;position:relative}
.wk-n{font-weight:600}
.wk-t{font-size:14px;color:var(--muted)}
.wk-s{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
li.done .dot{background:var(--muted);border-color:var(--muted)}
li.done .wk-n{color:var(--muted)}
li.next .dot{border-color:var(--accent);background:var(--accent)}
li.next .wk-s{color:var(--accent);font-weight:600}
li.live .dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
li.live .wk-s{color:var(--accent);font-weight:600}
@media(max-width:720px){
  .wk-line{grid-template-columns:1fr;gap:10px}
  .wk-line::before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
  .wk-b{display:grid;grid-template-columns:16px 1fr auto;column-gap:12px;align-items:center;padding:0}
  .dot{margin:0}
  .wk-t{grid-column:2}
  .wk-s{grid-column:3;grid-row:1}
}

/* ana iskelet */
.shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start;padding-top:24px}
.main{display:flex;flex-direction:column;gap:56px;min-width:0}
@media(max-width:980px){.shell{grid-template-columns:1fr}}

/* zamanlama kulesi */
.tower{position:sticky;top:calc(env(safe-area-inset-top,0px) + 64px);background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 80px);overflow:auto}
@media(max-width:980px){.tower{position:static;max-height:none}}
.tw-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.tw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
/* Satır: solda takım şeridi, altta lidere oranla ince puan çizgisi */
.tw{display:grid;grid-template-columns:18px 22px 40px minmax(0,1fr) auto 44px;gap:6px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);padding:8px 6px 8px 10px;text-align:left;border-radius:0;
  background:linear-gradient(var(--c),var(--c)) 0 100%/var(--w) 2px no-repeat;box-shadow:inset 3px 0 var(--c)}
.tw:hover{background-color:var(--panel2)}
.tw.fol{background-color:var(--accent-soft)}
.tw-p{font:600 14px var(--f-m);color:var(--muted);text-align:right}
.tw-m{font:600 11px var(--f-m);text-align:center}
.tw-m.up{color:#3fae6a}
.tw-m.dn{color:#e5484d}
.tw-c{font:600 15px var(--f-m);letter-spacing:.04em}
.tw-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted);visibility:hidden}
.tw-n.tm{visibility:visible;grid-column:3/span 2;font-weight:500;font-size:14px;color:var(--fg)}
.tw-pt{font-weight:600;text-align:right}
.tw-g{font-size:12px;color:var(--muted);text-align:right}
@media(max-width:980px){.tw-n{visibility:visible}}
.tw-all{align-self:center;background:none;border:1px solid var(--line);border-radius:3px;padding:6px 16px;font-size:14px;color:var(--muted)}
.tw-all:hover{color:var(--fg);border-color:var(--muted)}
.tw-fol{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.tower .pk-pop{position:static;margin-top:6px;max-height:260px;box-shadow:none}
select,input[type="search"]{background-color:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 16px;color:var(--fg);max-width:100%;transition:border-color .15s,box-shadow .15s}
/* Açılır liste: tarayıcı oku yerine iki eğimli degradeyle çizilen ok (veri URI'si gerekmez) */
select{-webkit-appearance:none;appearance:none;padding-right:40px;cursor:pointer;text-overflow:ellipsis;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
select:hover,input[type="search"]:hover{border-color:var(--muted)}
select:focus-visible,input[type="search"]:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
select option{color:var(--fg);background:var(--panel)}

/* rota */
.path-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
@media(max-width:760px){.path-row{grid-template-columns:1fr}}
.path{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,transform .15s}
.path:hover{border-color:var(--accent)}
.path.on{border-color:var(--accent);background:var(--accent-soft)}
.path p{font-size:14px;color:var(--muted)}
.lvl{display:inline-flex;gap:3px;align-items:flex-end}
.lvl i{display:block;width:6px;border-radius:1px;background:var(--line)}
.lvl i:nth-child(1){height:8px}.lvl i:nth-child(2){height:12px}.lvl i:nth-child(3){height:16px}
.lvl i.f{background:var(--accent)}

/* konu haritası */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:18px}
.tile{position:relative;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:18px 18px 40px;display:flex;flex-direction:column;gap:8px;min-height:150px;transition:border-color .15s,transform .15s}
.tile:hover{border-color:var(--accent)}
.tile p{font-size:14px;color:var(--muted)}
.tile.dim{opacity:.55}
.tile.inroute{border-color:var(--accent)}
.step{position:absolute;top:-10px;right:14px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font:700 15px/28px var(--f-d);text-align:center}
.stack{position:absolute;left:18px;bottom:16px;display:flex;gap:4px}
.stack i{display:block;width:18px;height:4px;border-radius:2px;background:var(--line)}
.stack i:first-child{background:var(--accent)}

/* yarış merkezi */
.race-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:16px;margin-top:18px}
@media(max-width:820px){.race-grid{grid-template-columns:1fr}}
.podium{display:flex;flex-direction:column;gap:10px}
.pod{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px 16px}
.pod-n{font:800 40px/1 var(--f-d);width:30px;color:var(--muted)}
.pod.p1 .pod-n{color:var(--accent)}
.pod b{display:block;font-size:17px}
.pod small{color:var(--muted);font-size:14px}
.card-h{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.legend{display:flex;gap:12px;font-size:13px;color:var(--muted);align-items:center}
.legend i{display:inline-block;width:14px;height:8px;border-radius:2px;margin-right:4px;background:var(--t)}
.st-row{display:grid;grid-template-columns:86px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:14px;padding:2px 0;border-radius:4px}
.st-row.fol{background:var(--accent-soft)}
.st-l{white-space:nowrap}
.st-l b{display:inline-block;width:18px;color:var(--muted);font-weight:500}
.st-bar{display:flex;gap:2px;height:14px}
.stint{height:100%;border-radius:3px;background:var(--t);min-width:3px}
.st-p{font-size:13px;color:var(--muted);text-align:right}
.st-ax{position:relative;height:16px;font:11px var(--f-m);color:var(--muted)}
.st-ax span{position:absolute;transform:translateX(-50%)}
.st-ax span:first-child{transform:none}
.st-ax span:last-child{transform:translateX(-100%)}
.fl{font:600 10px/1 var(--f-m);color:#fff;background:var(--purple);border-radius:3px;padding:2px 4px;vertical-align:1px}
.tS{--t:#e5484d}.tM{--t:#e8c547}.tH{--t:#d9d9d9}.tI{--t:#3fae6a}.tW{--t:#3b82f6}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
@media(max-width:760px){.duo{grid-template-columns:1fr}}
details.more-d{border:1px solid var(--line);border-radius:4px;background:var(--panel);margin-top:12px}
details.more-d summary{cursor:pointer;padding:12px 16px;font-weight:600;color:var(--accent)}
details.more-d .inner{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}
.vote{list-style:none;margin:0;padding:0;font-size:14px}
.vote li{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line)}

/* tablolar */
.tscroll{overflow-x:auto;max-width:100%}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font:600 12px var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
tbody th{font-weight:600}
td.num{text-align:right;font-family:var(--f-m);font-variant-numeric:tabular-nums;white-space:nowrap}
.ref{font:12px var(--f-m);color:var(--accent);white-space:nowrap}
tr.fol td,tr.fol th{background:var(--accent-soft)}

/* galeri */
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:18px}
.gal figure{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.gal figcaption{display:flex;flex-direction:column;gap:2px;font-size:14px}
.gal figcaption span{color:var(--muted);font-size:14px}
.phbtn{border:0;padding:0;background:var(--panel2);display:block;width:100%;border-radius:4px;overflow:hidden}
.ph{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .35s}
.phbtn:hover .ph{transform:scale(1.04)}

/* panel */
#sheet{position:fixed;inset:0;z-index:40;background:var(--scrim);display:flex;justify-content:flex-end}
#panel{width:min(760px,100%);height:100%;background:var(--bg);border-left:1px solid var(--line);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);animation:slide .28s ease-out}
@keyframes slide{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
.sh-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px max(20px,env(safe-area-inset-right,0px)) 14px 22px}
.sh-head h2{font-size:clamp(30px,5vw,42px);margin-top:6px}
.x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--panel);font-size:22px;line-height:1;flex:none}
.depth{display:flex;gap:6px;padding:0 max(20px,env(safe-area-inset-right,0px)) 14px 22px;border-bottom:1px solid var(--line);overflow-x:auto}
.depth button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:8px 14px;font-size:14px;color:var(--muted)}
.depth button[aria-selected="true"]{border-color:var(--accent);background:var(--accent-soft);color:var(--fg);font-weight:600}
.sh-body{flex:1;overflow:auto;padding:22px max(20px,env(safe-area-inset-right,0px)) 40px 22px;display:flex;flex-direction:column;gap:18px}
.layer{display:flex;flex-direction:column;gap:14px;padding-top:22px;border-top:1px dashed var(--line);animation:rise .3s ease-out}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.layer-tag{display:inline-flex;align-items:center;gap:8px;font:600 12px var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.more{align-self:stretch;text-align:left;background:var(--panel);border:1px dashed var(--accent);border-radius:4px;padding:14px 16px;color:var(--accent);font-weight:600}
.next-up{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:6px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media(max-width:620px){.days{grid-template-columns:1fr}}
.days ul{margin:4px 0 0;padding-left:18px;font-size:14px;color:var(--muted)}
.mini-days{display:flex;gap:8px;flex-wrap:wrap}
.mini-days span{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:8px 12px;font-size:14px}
.mini-days b{display:block;font:700 18px/1.1 var(--f-d);text-transform:uppercase}
.tyre-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}
.tdot{display:inline-block;width:14px;height:14px;border-radius:50%;border:4px solid var(--t);background:var(--bg);vertical-align:-2px;margin-right:6px}
.tyre{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.tyre>div:last-child{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}
.ring{width:140px;height:140px;border-radius:50%;border:16px solid var(--t);background:var(--panel2);display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 3px rgba(0,0,0,.25)}
.ring span{font:800 54px var(--f-d)}
.pts-row{display:flex;gap:6px;flex-wrap:wrap}
.pts-row span{display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:6px 0;width:44px}
.pts-row b{font-size:17px}
.pts-row small{font-size:12px;color:var(--muted)}
.calc-in{display:flex;gap:12px;flex-wrap:wrap}
.calc-in label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}
.calc-out{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.bignum{font:800 60px/1 var(--f-d)}
.bignum.sm{font-size:38px}
.ptrack{display:flex;align-items:flex-end;gap:5px;height:100px}
.pc{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;font-size:12px;color:var(--muted);justify-content:flex-end;min-width:0}
.pbar{width:100%;max-width:24px;background:var(--panel2);border-radius:3px 3px 0 0;min-height:3px}
.pbar.on{background:var(--accent)}
.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.split div{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px;display:flex;flex-direction:column}
.split small{color:var(--muted);font-size:14px}
.kt{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.kt div{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:2px}
.kt b{font:800 30px/1.05 var(--f-d)}
.kt span{font-size:14px;color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.tbtn{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;border-top:2px solid var(--c)}
.tbtn:hover{border-color:var(--accent);border-top-color:var(--c)}
.tbtn small{color:var(--muted);font-size:14px}
dl.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px}
dl.facts dt{color:var(--muted)}
dl.facts dd{margin:0}
.glist{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.glist div{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:12px 14px}
.glist b{font-family:var(--f-d);font-size:19px}
.glist p{font-size:14px;color:var(--muted)}
.faq details{border-top:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:600}
.faq p{margin-top:8px;color:var(--muted)}
.aerosvg{width:100%;height:auto;display:block}
.aerosvg .ln{fill:none;stroke:var(--accent);stroke-width:1.5}
.aerosvg .fl2{fill:var(--accent-soft)}
.aerosvg .dk{fill:var(--panel2)}
.aerosvg .act{fill:var(--accent);fill-opacity:.4}
.aerosvg .lead2{stroke:var(--muted);stroke-width:1}
.aerosvg .lbl text{fill:var(--muted);font:10px var(--f-b)}
.aerosvg .dots circle{fill:var(--accent)}
.aerosvg .aero{transform-box:fill-box;transform-origin:center;transition:transform .45s}
.aerosvg.straight .aero{transform:scaleX(.35)}
code{font:13px var(--f-m);background:var(--panel2);padding:1px 5px;border-radius:4px}

/* pilot ızgarası */
.dg-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:12px;margin-top:16px}
.dcard{position:relative;overflow:hidden;isolation:isolate;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px 16px;min-height:182px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transition:transform .18s,border-color .18s}
.dcard:hover{border-color:var(--c)}
.dcard.fol{box-shadow:0 0 0 2px var(--accent)}
.dc-num{position:absolute;z-index:-1;right:-4px;bottom:-30px;font:800 148px/1 var(--f-d);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px var(--c);opacity:.45;transition:color .25s,opacity .25s}
.dcard:hover .dc-num{color:var(--c);opacity:.25}
.dc-slash{position:absolute;z-index:-1;top:-30px;right:46px;width:12px;height:110px;background:var(--c);transform:skewX(-26deg);opacity:.9}
.dc-top{display:flex;gap:10px;align-items:center}
.dc-pos{font-size:14px;color:var(--muted)}
.dc-code{font:600 14px var(--f-m);letter-spacing:.14em;background:var(--c);color:#120e0b;padding:2px 8px;border-radius:4px}
.dc-name{display:flex;flex-direction:column;line-height:1;gap:2px}
.dc-name span{font-size:14px;color:var(--muted)}
.dc-name b{font:800 34px/.95 var(--f-d);text-transform:uppercase;letter-spacing:.005em;overflow-wrap:anywhere}
.dc-foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;color:var(--muted)}
.dc-pts{font-size:19px;color:var(--fg);font-weight:500}
.dc-pts small{font-size:13px;color:var(--muted)}
/* pilot paneli */
.dhero{position:relative;overflow:hidden;isolation:isolate;border-radius:4px;background:var(--panel);border:1px solid var(--line);padding:20px;min-height:150px;display:flex;align-items:flex-end}
.dh-num{position:absolute;z-index:-1;right:8px;top:-34px;font:800 210px/1 var(--f-d);letter-spacing:-.05em;color:var(--c)}
.dhero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--panel) 35%,transparent 80%)}
.dh-tx{display:flex;flex-direction:column;gap:6px}
.dh-code{font:800 60px/1 var(--f-d);letter-spacing:.06em}
.evt{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.h2h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}
.h2h-l,.h2h-r{display:flex;gap:6px;align-items:baseline}
.h2h b{font-size:20px}
.h2h-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px}
.h2h-bar i{display:block;background:var(--panel2)}
.tl{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:10px}
.tl li{display:flex;flex-direction:column;position:relative}
.tl li::before{content:"";position:absolute;left:-22px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
.tl .mono{font-size:13px;color:var(--muted)}
.card.warn{border-color:var(--accent);background:var(--accent-soft)}

/* büyütme */
#lb{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.86);display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.lbbox{max-width:1000px;width:100%;max-height:100%;overflow:auto;background:var(--panel);border-radius:4px}
.lbbox img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.lbcap{padding:16px 20px 20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}

footer{border-top:1px solid var(--line);margin-top:56px;padding-top:20px;display:flex;flex-direction:column;gap:10px}
footer summary{cursor:pointer;font-weight:600;color:var(--accent)}
footer ul{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.backbar{display:flex;gap:18px;padding:10px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);font-size:14px}
.backbar a{color:var(--accent);text-decoration:none;font-weight:600}
.backbar a:hover{text-decoration:underline}

/* ---- Okunabilirlik: göz yorgunluğu azaltma ----
   1) Daktilo yazı tipi (mono) yalnızca kodda; tarih, saat, puan ve kısaltmalar gövde yazı tipinde, rakamlar eşit genişlikte.
   2) Küçük BÜYÜK HARF etiketlerde harf aralığı daraldı, boy büyüdü, renk biraz açıldı.
   3) Pilot kartlarındaki dev numara ve eğik şerit arka plana çekildi; metinle yarışmıyor.
   4) Koyu temada ikincil yazı rengi bir ton açıldı. */
.mono,.tw-p,.tw-c,td.num,.ref,.st-ax,.dc-code{font-family:var(--f-b);font-variant-numeric:tabular-nums}
.tw-c,.dc-code{letter-spacing:.02em}
h4,.eyebrow,.nums dt,.wk-s,thead th,.layer-tag{letter-spacing:.05em}
h4,thead th{font-size:13px}
.nums dt,.wk-s{font-size:13px}
.dc-num{opacity:.14;-webkit-text-stroke-width:1.5px}
.dcard:hover .dc-num{opacity:.2}
.dc-slash{opacity:.35}
.dh-num{opacity:.4}
:root[data-theme="dark"]{--muted:#b9ad9c}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--muted:#b9ad9c}}
.evt{gap:8px;line-height:1.55}

/* Takip ettiğin pilot: tek satırlık sade kart */
.mine{display:flex;flex-direction:column;gap:8px;margin-top:20px;padding:16px 0 18px;border-top:2px solid var(--fg);border-bottom:1px solid var(--line)}
.mine-r{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.mine-r h2{margin:0;font-size:clamp(24px,3vw,32px)}
.mine-r .sw{width:10px;height:10px;border-radius:50%;margin:0}
.mine-n{margin:0;font-size:16px}
.mine .tiny{margin:0}
.mine-a{display:flex;flex-wrap:wrap;gap:6px 20px;margin:4px 0 0;max-width:none}
.mine-a .muted{color:var(--muted);font-weight:500}

/* Sezon: form grafiği + kıyaslama, şampiyonluk şansı + takvim; altta sezon yolculuğu */
.sx{padding-block:48px 24px}
.sx-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:20px;align-items:stretch}
.sx .card{gap:14px;padding:20px}
#sx-form{grid-column:span 4}
#sx-cmp{grid-column:span 2}
#sx-sc,#sx-cal{grid-column:span 3}
@media(max-width:980px){.sx-g{grid-template-columns:repeat(2,minmax(0,1fr))}#sx-form{grid-column:1/-1}#sx-cmp,#sx-sc,#sx-cal{grid-column:span 1}}
@media(max-width:640px){.sx-g{grid-template-columns:minmax(0,1fr)}#sx-cmp,#sx-sc,#sx-cal{grid-column:auto}}
.sx-sel{display:grid;gap:8px}
.sx-big{font-size:18px;line-height:1.45}
.sx-ct{margin:0;font-size:15px}
.sx-strip{margin-top:28px}
.sx-sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sx-sh .mono{font-size:13px;color:var(--muted)}
.sx-prog{height:4px;background:var(--panel2);margin:8px 0 12px;border-radius:2px;overflow:hidden}
.sx-prog i{display:block;height:100%;background:var(--accent)}
.sx-strip ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
@media(max-width:1100px){.sx-strip ol{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:560px){.sx-strip ol{grid-template-columns:repeat(4,minmax(0,1fr))}.sx-strip li>*{padding:6px 7px}}
.sx-strip li>*{display:flex;flex-direction:column;gap:2px;width:100%;height:100%;padding:8px 10px;border:1px solid var(--line);border-radius:2px;background:var(--panel);text-align:left;font:inherit;color:var(--fg)}
.sx-strip li .mono{font-size:11px;color:var(--muted)}
.sx-strip li b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-strip li small{font-size:12px;color:var(--muted)}
.sx-strip .done{cursor:pointer;box-shadow:inset 0 -3px 0 var(--c)}
.sx-strip .done small{color:var(--fg);font:700 13px var(--f-m)}
.sx-strip .done:hover{background:var(--panel2)}
.sx-strip .next{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.sx-strip .next small{color:var(--accent);font-weight:600}

/* Seçici: takım renginde numara + isim; açılınca sade, şeritli liste */
.pk{position:relative;min-width:0}
.pk-b,.pk-o{display:flex;align-items:center;gap:12px;width:100%;min-width:0;text-align:left;border:0;background:none;color:var(--fg)}
.pk-b{border:1px solid var(--line);border-radius:8px;padding:8px 14px 8px 12px;transition:border-color .15s}
.pk-b:hover,.pk-b[aria-expanded="true"]{border-color:var(--fg)}
.pk-c{flex:none;min-width:30px;font:700 24px/1 var(--f-d);font-style:normal;color:var(--c);text-align:center;font-variant-numeric:tabular-nums}
.pk-t{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.25}
.pk-t b{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-t small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp .pk-c{font:700 18px/1 var(--f-d)}
.pk-ch{flex:none;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.6}
.pk-b[aria-expanded="true"] .pk-ch{transform:translateY(2px) rotate(-135deg)}
.pk-pop{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 4px);min-width:240px;max-height:320px;overflow:auto;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--fg);border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.pk-o{padding:7px 12px;border-top:1px solid var(--line);box-shadow:inset 0 0 var(--c,transparent)}
.pk-o:first-child{border-top:0}
.pk-o:hover,.pk-o:focus-visible{background:var(--panel2);outline:0}
.pk-o[aria-selected="true"] .pk-t b::after{content:"  ✓";color:var(--accent)}

/* Pilot kıyaslama: yayın grafiği gibi; sayılar iri, çubuk ince ve keskin */
.sx-duel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.sx-duel li{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.sx-duel li:first-child{border-top:0}
.sx-duel li>.mono{font:600 20px/1 var(--f-d);color:var(--muted);text-align:center}
.sx-duel li>.mono.w{color:var(--fg)}
.sx-dl{display:flex;flex-direction:column;align-items:stretch;gap:6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--muted)}
.sx-du{display:flex;width:100%;height:4px;gap:3px}
.sx-du i{display:block;height:100%;min-width:2px}

/* Şampiyonluk göstergesi: dolu kısım puan, taralı kısım kalan en yüksek puan */
.sx-gauge{position:relative;display:flex;height:6px;background:var(--panel2)}
.sx-gauge i{display:block;height:100%}
.sx-gauge .max{background:repeating-linear-gradient(-45deg,var(--muted) 0 1px,transparent 1px 5px)}

/* Bunu biliyor muydun?: dergi kenar notu gibi */
.fact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:6px 24px;margin-top:32px;padding:20px 0;border-top:2px solid var(--fg);border-bottom:1px solid var(--line)}
.fact-i{font:700 44px/1 var(--f-d);color:var(--accent);font-variant-numeric:tabular-nums}
.fact>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.fact p{font-size:19px;line-height:1.45;max-width:60ch}
.fact-n{background:none;border:0;padding:0;font-size:14px;font-weight:600;color:var(--accent);white-space:nowrap}
.fact-n:hover{text-decoration:underline}
@media(max-width:640px){.fact{grid-template-columns:auto minmax(0,1fr)}.fact-n{grid-column:2;justify-self:start}}

/* Yarış merkezi: pit hattı, sollama, yarış kontrolü */
.xg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}
.xb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.xb li{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:14px;padding:7px 0;border-top:1px solid var(--line)}
.xb li:first-child{border-top:0}
.xb-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.xb-t{height:4px;background:var(--panel2)}
.xb-t i{display:block;height:100%}
.xb .mono{font-size:13px;color:var(--muted);min-width:48px;text-align:right}
.xb li:first-child .mono{color:var(--fg);font-weight:600}
.rc-strip{position:relative;height:22px;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),var(--line) calc(10% - 1px) 10%),var(--panel2)}
.rc-strip i{position:absolute;top:0;bottom:0}
.rc-ax{display:flex;justify-content:space-between;font:12px var(--f-m);color:var(--muted);margin-top:6px}
.rc-sum{display:flex;flex-wrap:wrap;gap:6px 20px;margin:6px 0 0;font-size:14px}
.rc-sum span{display:flex;align-items:center;gap:8px}
.rc-sum i{display:inline-block;width:10px;height:10px}
.rc-vsc{background:#f2a33a}
.rc-sc{background:#e8c547}
.rc-red{background:#e5484d}
.rc-ok{background:#3fae6a}
.xg>.card:last-child{grid-column:1/-1}

/* Tahmin oyunu */
.gm{padding-block:48px 24px}
.gm-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:16px;align-items:start}
.gm-g:first-of-type{margin-top:20px}
.gm .card{gap:14px;padding:20px}
.gm .card>p{margin:0}
.gm .btn{display:inline-block;text-decoration:none;text-align:center}
.gm .btn[disabled]{opacity:.45;cursor:default}
.gm-form{display:flex;flex-direction:column;gap:10px}
.gm-form .tiny{margin:0}
.gm .tiny.ok{color:var(--accent)}
.gm-b,.gm-f,.gm-v{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.gm-b li{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;gap:10px;align-items:baseline;padding:8px 0;border-top:1px solid var(--line)}
.gm-b li:first-child{border-top:0}
.gm-b small{color:var(--muted);font-size:12px}
.gm li.me{box-shadow:inset 3px 0 var(--accent);padding-left:10px}
.gm-b .mono:first-child{color:var(--muted)}
.gm-f li{display:grid;gap:2px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.gm-f li:first-child{border-top:0}
.gm-f span{color:var(--muted)}
.gm-l{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.gm-lh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.gm-lh small{color:var(--muted)}
.gm-lh .link{margin-left:auto}
.gm-lf{display:flex;gap:8px}
.gm-lf input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 14px;color:var(--fg)}
.gm-lf input:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.gm-v li{display:flex;align-items:center;gap:12px;padding:6px 0;border-top:1px solid var(--line)}
.gm-v li:first-child{border-top:0}
.gm-v button{background:none;border:0;padding:0;color:var(--fg);font-weight:600;text-align:left}
.gm-v button:hover{color:var(--accent)}
.gm-v b{margin-left:auto;font-weight:500;color:var(--muted);font-size:13px;white-space:nowrap}

/* F1 giriş bölümü (paket: f1-svelte-paketi). Yalnızca .f1-studio; yazı tipleri ayrı adlı, diğer bölümleri etkilemez. */
@font-face {
  font-family: 'F1 Studio Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/ui/fonts/-F63fjptAgt5VM-kVkqdyU8n1iEq129k.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'F1 Studio Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/ui/fonts/-F63fjptAgt5VM-kVkqdyU8n1i8q1w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'F1 Studio Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/ui/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwl5FgtIU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'F1 Studio Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/ui/fonts/-F6qfjptAgt5VM-kVkqdyU8n3twJwlBFgg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'F1 Studio Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'F1 Studio Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'F1 Studio Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'F1 Studio Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'F1 Studio Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxQKYbABA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'F1 Studio Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/ui/fonts/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'F1 Studio Saira';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/ui/fonts/EJRLQgErUN8XuHNEtX81i9TmEkrnBc1Q-a2fli0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'F1 Studio Saira';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/ui/fonts/EJRLQgErUN8XuHNEtX81i9TmEkrnBc1Q962f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.f1-studio, .f1-studio * { box-sizing: border-box; }
.f1-studio h1 { text-wrap: balance; }
/* Only the F1 studio hero. No homepage or global theme selectors. */
.f1-studio{position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(620px,62vw,760px);background:#101010;border:1px solid #382526;border-radius:4px;color:#f7efdf}
.f1-studio__car{position:absolute;z-index:-2;width:100%;height:auto;left:0;bottom:-48px;display:block;max-width:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 24%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 24%)}
.f1-studio::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 0%,#d32c2210,transparent 40%),radial-gradient(ellipse at 100% 0%,#d32c2214,transparent 40%),linear-gradient(to bottom,transparent 78%,#1008089c)}
.f1-studio::after{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#ef433d85,transparent)}
.f1-studio__copy{position:relative;text-align:center;padding:38px 24px 0;display:flex;align-items:center;flex-direction:column;gap:16px}
.f1-studio__eyebrow{font:500 11px/1.4 "F1 Studio Mono", monospace;letter-spacing:.2em;color:#d39b94}
.f1-studio__copy h1{font:800 clamp(64px,8.8vw,112px)/.95 "F1 Studio Saira", "Arial Narrow", sans-serif;text-transform:uppercase;letter-spacing:-.025em;color:#f7efdf;margin:0}
.f1-studio__copy h1 em{font-style:normal;color:#ef5149}
.f1-studio__copy p{font:400 16px/1.65 "F1 Studio Sans", system-ui, sans-serif;color:#c8bfbb;max-width:48ch;margin:0}
.f1-studio__links{display:flex;justify-content:center;gap:28px;margin-top:4px}
.f1-studio__links a{font:500 13px/1.5 "F1 Studio Sans", system-ui, sans-serif;color:#eee0dc;text-decoration:none;padding:8px 0;border-bottom:1px solid #b9534e70;transition:color .18s,border-color .18s}
.f1-studio__links a span{margin-left:12px;color:#ef6b61}
.f1-studio__links a:hover{color:#fff;border-color:#ef7167}
.f1-studio__links a:focus-visible{outline:2px solid #f28b81;outline-offset:5px}
.f1-studio__foot{position:absolute;bottom:18px;left:26px;right:26px;display:flex;justify-content:space-between;font:400 9px/1.5 "F1 Studio Mono", monospace;letter-spacing:.16em;color:#ae8b86}
@media(max-width:700px){.f1-studio{height:510px}.f1-studio__copy{padding:36px 16px 0;gap:18px}.f1-studio__copy h1{font-size:clamp(58px,11vw,78px)}.f1-studio__copy p{font-size:15px}.f1-studio__car{bottom:14px}.f1-studio__foot{left:18px;right:18px;bottom:13px;font-size:8px;letter-spacing:.07em}.f1-studio__eyebrow{font-size:9px;letter-spacing:.13em}}
@media(max-width:390px){.f1-studio{height:480px}.f1-studio__copy{padding-top:30px}.f1-studio__copy h1{font-size:55px}.f1-studio__links{gap:20px}.f1-studio__copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.f1-studio__links a{transition:none}}

/* Oyun eklentileri: rozetler, bonus sorular, meydan okuma, pist rehberi; günün özeti */
.gm-bd{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.gm-bd li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line);border-radius:2px;font-size:12px;color:var(--muted)}
.gm-bd li i{font-style:normal;font-size:11px}
.gm-bd li.on{color:var(--fg);border-color:var(--accent);background:var(--panel2)}
.gm-bd li.on i{color:var(--accent)}
.gm-bonus{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.gm-ch{margin-top:16px;border-left:3px solid var(--accent)}
.gm-ch p{margin:6px 0 0}
.gm-th{margin:6px 0 0;font-size:18px}
.gm-tw{list-style:none;margin:10px 0;padding:0;display:flex;flex-direction:column}
.gm-tw li{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:baseline;padding:6px 0;border-top:1px solid var(--line);font-size:14px}
.gm-tw li:first-child{border-top:0}
.gm-tw small{color:var(--muted)}

/* Günün Pilotu */
.dy{margin-top:40px}
.dy-g{display:flex;flex-direction:column;gap:4px;margin:14px 0;overflow-x:auto}
.dy-r{display:grid;grid-template-columns:minmax(120px,1.6fr) repeat(5,minmax(58px,1fr));gap:4px;min-width:420px}
.dy-r>span,.dy-r>b{display:flex;align-items:center;justify-content:center;gap:4px;min-height:38px;padding:4px 6px;border:1px solid var(--line);border-radius:2px;font-size:13px;text-align:center;background:var(--panel)}
.dy-h>span{min-height:0;border:0;background:none;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.dy-n{justify-content:flex-start!important;text-align:left}
.dy-c.ok{background:#1f5a34;border-color:#2e8a50;color:#fff}
.dy-c.up,.dy-c.down{background:#6b5410;border-color:#a8811c;color:#fff}
.dy-c.no{background:var(--panel2);color:var(--muted)}
.dy-c i{font-style:normal;font-weight:700}
.dy-e>span{grid-column:1/-1;min-height:38px;background:none;border-style:dashed}
.dy-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.dy-win,.dy-lose{margin:10px 0}
.dy-win b{color:#4fbf7a}
/* Sezon sonu tahmini kartı */
#sezon:empty{display:none}
/* F1'den yola */
.br{margin-top:40px}
.br-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}
.br-c h3{margin:0 0 8px;font-size:17px}
.br-c p{margin:6px 0;font-size:14px}
.br-t{display:inline-block;min-width:52px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.br-c .link{display:inline-block;margin-top:8px}

/* Hava durumu: üstte yarış anı, ortada hafta sonu grafiği, altta seans kartları */
.wx{margin-top:40px}
.wx-card{gap:20px}
.wx-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 36px;align-items:center}
.wx-now{display:flex;align-items:center;gap:16px}
.wx-now .wi{width:76px;height:76px}
.wx-now b{display:block;font:600 60px/.9 var(--f-d)}
.wx-now span{display:block;font-weight:600;margin-top:6px}
.wx-now small{color:var(--muted);font-size:12px}
.wx-kpi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wx-kpi li{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--panel2);border-radius:2px}
.wx-kpi small{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.wx-kpi b{font:600 28px/1 var(--f-d)}
.wx-kpi em{font:500 13px var(--f-b,inherit);font-style:normal;color:var(--muted)}
.wx-mb{display:block;height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.wx-mb i{display:block;height:100%;background:var(--accent)}
.wx-mb.rain i{background:#4c9be8}
.wx-mb.cloud i{background:#9aa7b4}
.wx-v{grid-column:1/-1;margin:0;font-size:15px;padding-left:12px;border-left:3px solid var(--accent)}
.wi{width:24px;height:24px;flex:none;overflow:visible}
.wi-s{fill:#f2b84b}
.wi-r line{stroke:#f2b84b;stroke-width:1.7;stroke-linecap:round}
.wi-c{fill:#c9d1db;stroke:#8e9aa8;stroke-width:.8}
.wi-d line{stroke:#4c9be8;stroke-width:1.8;stroke-linecap:round}
.wx-cw{position:relative;margin:0 -4px}
.wx-svg{width:100%;height:auto;display:block;touch-action:pan-y}
.wx-sb{fill:var(--accent-soft)}
.wx-sb.r{fill:var(--accent);opacity:.2}
.wx-sl{fill:var(--muted);font:600 10px var(--f-m)}
.wx-sl.r{fill:var(--accent)}
.wx-dl{stroke:var(--line)}
.wx-dt{fill:var(--fg);font:600 11px var(--f-m)}
.wx-ht,.wx-ax,.wx-pl{fill:var(--muted);font:10px var(--f-m)}
.wx-gl{stroke:var(--line);stroke-dasharray:2 4}
.wx-bl{stroke:var(--line)}
.wx-g0{stop-color:var(--accent);stop-opacity:.42}
.wx-g1{stop-color:var(--accent);stop-opacity:0}
.wx-a{fill:url(#wxg)}
.wx-l{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.wx-pt{fill:var(--panel);stroke:var(--accent);stroke-width:2}
.wx-pv{fill:var(--fg);font:600 11px var(--f-m)}
.wx-r{fill:#4c9be8}
.wx-r.lo{opacity:.4}.wx-r.md{opacity:.7}
.wx-nl{stroke:var(--fg);stroke-dasharray:3 3}
.wx-nt{fill:var(--fg);font:600 10px var(--f-m)}
.wx-cur{stroke:var(--fg)}
.wx-hit{fill:transparent;cursor:crosshair}
.wx-tip{position:absolute;top:-6px;transform:translate(-50%,-100%);display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel);border:1px solid var(--fg);border-radius:2px;font-size:12px;pointer-events:none;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:5}
.wx-tip[hidden]{display:none}
.wx-tip .wi{width:18px;height:18px}
.wx-tip span{color:var(--muted)}
@media(max-width:640px){.wx-tip{flex-wrap:wrap;white-space:normal;width:max-content;max-width:240px;gap:2px 8px}}
.wx-ss{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.wx-ss li{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border:1px solid var(--line);border-radius:2px;min-width:0}
.wx-ss li.race{border-color:var(--accent);background:var(--accent-soft)}
.wx-ss li.past{opacity:.5}
.wx-ss small{color:var(--muted);font-size:11px}
.wx-ss b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wx-sx{display:flex;align-items:center;gap:8px}
.wx-sx .wi{width:30px;height:30px}
.wx-st{font:600 24px/1 var(--f-d)}
@media(max-width:720px){.wx-hero{grid-template-columns:1fr}.wx-now b{font-size:48px}.wx-kpi b{font-size:22px}.wx-kpi li{padding:10px}}

/* Kim formda: yatay çubuk grafik */
.fm-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fm-t{display:flex;gap:0;margin:8px 0;border:1px solid var(--line);width:max-content;max-width:100%}
.fm-h .fm-t{margin:0}
.fm-t button{padding:6px 14px;font-size:13px;background:none;border:0;color:var(--muted);cursor:pointer}
.fm-t button.on{background:var(--panel2);color:var(--fg)}
.fm{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.fm li{display:grid;grid-template-columns:18px minmax(72px,110px) minmax(60px,1fr) 30px auto 46px;gap:10px;align-items:center;padding:4px 0;font-size:14px}
.fm.tm li{grid-template-columns:18px minmax(90px,150px) minmax(60px,1fr) 30px 46px}
.fm-i{font-size:12px;color:var(--muted)}
.fm-n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-bar{height:12px;background:var(--panel2);border-radius:1px;overflow:hidden}
.fm-bar i{display:block;height:100%;background:var(--c)}
.fm-v{text-align:right;font-weight:600}
.fm-p{display:flex;gap:3px}
.fm-p i{width:22px;height:20px;display:grid;place-items:center;font:600 11px var(--f-m);font-style:normal;background:var(--panel2);color:var(--muted);border-radius:2px}
.fm-p i.fm-pt{color:var(--fg)}
.fm-p i.fm-pd{background:var(--accent);color:var(--accent-ink)}
.fm-d{font-size:12px;text-align:right;color:var(--muted);white-space:nowrap}
.fm-d.up{color:#4fbf7a}
.fm-d.dn{color:#e0645c}
@media(max-width:520px){.fm li{grid-template-columns:16px 76px minmax(40px,1fr) 26px 40px}.fm-p{display:none}}

/* Rapor: podyum + öne çıkanlar, start→finiş grafiği, katlanır tam tablo */
.rp{margin-top:40px}
.rp .card{gap:20px}
#rp-body{display:flex;flex-direction:column;gap:24px}
.rp-meta{margin:0;color:var(--muted);font-size:14px}
.rp h4{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.rp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:end}
.rp-pod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end}
.rp-st{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0}
.rp-code{font:700 28px/1 var(--f-d);letter-spacing:.02em}
.rp-st>small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rp-blk{width:100%;margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:12px;border-top:4px solid var(--c);background:color-mix(in srgb,var(--c) 22%,var(--panel2))}
.rp-blk em{font:700 32px/1 var(--f-d);font-style:normal}
.rp-blk small{font-size:11px;color:var(--muted)}
.rp-p1 .rp-blk{height:124px}.rp-p2 .rp-blk{height:94px}.rp-p3 .rp-blk{height:72px}
.rp-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rp-facts li{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:var(--panel2);border-left:3px solid var(--c,var(--line));border-radius:2px;min-width:0}
.rp-facts small{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.rp-facts b{font:700 26px/1.1 var(--f-d)}
.rp-facts b em{font-style:normal;font-size:17px}
.rp-facts .up{color:#4fbf7a}
.rp-facts span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start}
.rp-sl{width:100%;max-width:520px;height:auto;display:block}
.rp-sl text{font:600 11px var(--f-m);fill:var(--fg)}
.rp-sl .n{fill:var(--muted)}
.rp-sl text.h{fill:var(--muted);font-size:10px;letter-spacing:.14em}
.rp-sl .ln{fill:none;stroke:var(--c);stroke-width:2.2;opacity:.9}
.rp-sl .hit{fill:none;stroke:transparent;stroke-width:12;pointer-events:stroke}
.rp-sl circle{fill:var(--c)}
.rp-sl g{transition:opacity .15s}
.rp-sl g.out .ln{stroke-dasharray:3 4;opacity:.55}
.rp-sl g.out text{fill:var(--muted)}
.rp-sl:has(g:hover) g{opacity:.15}
.rp-sl g:hover{opacity:1!important}
.rp-sl g:hover .ln{stroke-width:4}
.rp-out{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}
.rp-out span{font-size:12px;padding:3px 8px;border:1px solid var(--line);border-radius:2px;color:var(--muted)}
.rp-out b{color:var(--fg);font-family:var(--f-m)}
.rp-side{display:flex;flex-direction:column;gap:26px}
.rp-bc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.rp-bc li{display:grid;grid-template-columns:46px 76px minmax(0,1fr);gap:10px;align-items:center;font-size:13px}
.rp-bc li b{font-family:var(--f-m);padding-left:8px;border-left:3px solid var(--c)}
.rp-gb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.rp-gb>span{display:block;height:8px}
.rp-gb i{display:block;height:100%;background:var(--c);opacity:.75;border-radius:1px}
.rp-gb em{font:11px var(--f-m);font-style:normal;color:var(--muted);white-space:nowrap}
.rp-gb em.best{color:var(--accent);font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.rp-bc .tiny{margin:8px 0 0}
.rp-more{border-top:1px solid var(--line);padding-top:6px}
.rp-more summary{cursor:pointer;font-weight:600;color:var(--accent);padding:6px 0}
.rp-tw{overflow-x:auto;margin:8px 0 0}
.rp-t{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.rp-t th,.rp-t td{padding:6px 8px;border-top:1px solid var(--line);text-align:left;vertical-align:baseline}
.rp-t thead th{border-top:0;color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.rp-t .num{text-align:right}
.rp-t th[scope=row] small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.rp-t tr.out{opacity:.55}
.rp-g.up{color:#4fbf7a}
.rp-g.dn{color:#e0645c}
@media(max-width:860px){.rp-hero,.rp-main{grid-template-columns:1fr}.rp-sl{margin:0 auto}}

/* Arşiv: yıl yıl şampiyon mozaiği, en çok kazananlar, takım dağılımı */
.ar{margin-top:40px}
.ar-g{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:32px;margin-top:14px;align-items:start}
.ar-mo{display:flex;flex-direction:column;gap:4px}
.ar-dr{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center}
.ar-dl{font:600 11px var(--f-m);color:var(--muted)}
.ar-dt{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}
.ar-ti{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;height:48px;padding:2px;border:0;border-radius:2px;font:inherit;color:var(--fg);background:color-mix(in srgb,var(--c) 30%,var(--panel));box-shadow:inset 0 -3px 0 var(--c);cursor:pointer;transition:transform .12s}
.ar-ti small{font:9px/1 var(--f-m);color:var(--muted)}
.ar-ti b{font:700 14px/1 var(--f-d);letter-spacing:.03em}
.ar-ti:hover{transform:translateY(-2px)}
.ar-ti.on{outline:2px solid var(--fg);outline-offset:1px}
.ar-ti.none{background:none;box-shadow:none;border:1px dashed var(--line);cursor:default;transform:none}
.ar-ti.none b{color:var(--muted)}
.ar-ti.void{visibility:hidden}
.ar-sel{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:18px;align-items:center;margin-top:14px;padding:14px 16px;border-left:4px solid var(--c);background:color-mix(in srgb,var(--c) 14%,var(--panel2));border-radius:2px}
.ar-sy{font:700 36px/1 var(--f-d)}
.ar-sn b{display:block;font-size:18px}
.ar-sn small{color:var(--muted);font-size:13px}
.ar-sel dl{display:flex;gap:18px;margin:0}
.ar-sel dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ar-sel dd{margin:0;font:700 22px/1.1 var(--f-d)}
.ar-h{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.ar-side .ar-h:not(:first-child){margin-top:26px}
.ar-top,.ar-hits{list-style:none;margin:0;padding:0}
.ar-top{display:flex;flex-direction:column;gap:7px}
.ar-top li{display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr) 22px;gap:10px;align-items:center;font-size:13px}
.ar-top b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-bar{height:10px;background:var(--panel2);border-radius:1px;overflow:hidden}
.ar-bar i{display:block;height:100%;background:var(--c)}
.ar-top .mono{text-align:right;font-weight:600}
.ar-stack{display:flex;height:18px;gap:2px;border-radius:2px;overflow:hidden}
.ar-stack i{display:block;height:100%;background:var(--c)}
.ar-leg{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.ar-leg li::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;background:var(--c);border-radius:1px}
.ar-leg b{color:var(--fg);margin-left:2px}
.ar-f{display:flex;gap:8px;margin:8px 0}
.ar-f input{flex:1;min-width:0;padding:8px 10px;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:2px;font:inherit}
.ar-hits{margin:8px 0}
.ar-hits li{padding:4px 0}
.ar-card{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:2px}
.ar-card h3{margin:0 0 4px;font-size:22px}
.ar-ch{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.ar-cup{text-align:right}
.ar-cup b{display:block;font:700 44px/1 var(--f-d);color:var(--accent)}
.ar-cup small{color:var(--muted);font-size:12px}
.ar-rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 8px}
.ar-ring{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.ar-ring svg{width:86px;height:86px}
.ar-ring .bg{fill:none;stroke:var(--panel2);stroke-width:7}
.ar-ring .fg{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round}
.ar-ring text{fill:var(--fg);font:700 13px var(--f-m)}
.ar-ring b{font:700 22px/1 var(--f-d)}
.ar-ring small{color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.ar-ring.tot{justify-content:center;border:1px solid var(--line);border-radius:2px}
.ar-ring.tot b{font-size:44px}
.ar-yrs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ar-yrs span{font:600 12px var(--f-m);padding:4px 8px;background:var(--accent-soft);color:var(--accent);border-radius:2px}
.ar-pk{display:flex;gap:32px;flex-wrap:wrap;margin:14px 0 20px}
.ar-pk b{display:block;font:700 30px/1 var(--f-d)}
.ar-pk small{color:var(--muted);font-size:12px}
.ar-tw{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.ar-tw li{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:2px;background:color-mix(in srgb,var(--c) 18%,var(--panel));box-shadow:inset 3px 0 0 var(--c);min-width:0}
.ar-tw small{font:11px var(--f-m);color:var(--muted)}
.ar-tw b{font:700 22px/1.1 var(--f-d)}
.ar-tw span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ar-tw em{font-size:11px;font-style:normal;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:900px){.ar-g{grid-template-columns:1fr}}
@media(max-width:560px){.ar-dr{grid-template-columns:1fr;gap:4px}.ar-dt{grid-template-columns:repeat(5,minmax(0,1fr))}.ar-sel{grid-template-columns:auto minmax(0,1fr)}.ar-rings{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-top li{grid-template-columns:100px minmax(0,1fr) 22px}}

/* Sayfa içi menü: kaydırınca üstte kalır, bulunduğun bölüm dolu */
.snav{position:sticky;top:0;z-index:30;margin-top:8px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.snav-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:8px 0}
.snav-in::-webkit-scrollbar{display:none}
.snav a{flex:none;white-space:nowrap;padding:6px 13px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;transition:background .15s,color .15s}
.snav a:hover{color:var(--fg);background:var(--panel2)}
.snav a[aria-current="true"]{background:var(--fg);color:var(--bg)}
#app section[id]{scroll-margin-top:64px}

/* Şampiyonluk yarışı */
#sx-ch{grid-column:1/-1}
.ch-sw{display:flex;gap:8px;flex-wrap:wrap}
.ch-sw .fm-t{margin:0}
.ch-sum{margin:0;font-size:15px}
.ch-svg{width:100%;height:auto;display:block;touch-action:pan-y}
.ch-l{fill:none;stroke:var(--c);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}
.ch-l.dash{stroke-dasharray:6 4}
.ch-d{fill:var(--c)}
.ch-t{fill:var(--c);font:700 11px var(--f-m)}
.ch-t .n{fill:var(--fg);font-weight:600}
.ch-hit{fill:transparent;cursor:crosshair}
.ch-tip{flex-direction:column;align-items:stretch;gap:3px;min-width:130px}
.ch-r{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;font:600 12px var(--f-m);color:var(--fg)!important}
.ch-r i{width:8px;height:8px;border-radius:1px}
@media(max-width:980px){#sx-ch{grid-column:1/-1}}

/* Rapor sekmeleri ve sıralama */
.rp-top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.rp-top .pk{flex:1 1 260px}
.rp-tabs{margin:0}
.rp-main.solo{grid-template-columns:minmax(0,1fr)}
.q-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.q-l li{display:grid;grid-template-columns:24px 44px minmax(0,1fr) 78px 64px;gap:10px;align-items:center;font-size:13px}
.q-l li.q-h{display:block;margin-top:12px;padding-bottom:4px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.q-l li.q-h:first-child{margin-top:0}
.q-p{color:var(--muted);text-align:right}
.q-l b{font-family:var(--f-m);padding-left:8px;border-left:3px solid var(--c)}
.q-bar{height:10px;background:var(--panel2);border-radius:1px;overflow:hidden}
.q-bar i{display:block;height:100%;background:var(--c);opacity:.8}
.q-t{text-align:right}
.q-l em{font:11px var(--f-m);font-style:normal;color:var(--muted);text-align:right}
.q-l li:nth-child(2) em{color:var(--accent);font-weight:700;letter-spacing:.08em}
@media(max-width:520px){.q-l li{grid-template-columns:20px 40px minmax(0,1fr) 54px;gap:8px}.q-t{display:none}}

/* Sezon arası */
.os{margin-top:40px}
.os-card{gap:20px}
.os-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.os-ch{display:flex;flex-direction:column;gap:2px;padding:18px 20px;border-left:5px solid var(--c);background:color-mix(in srgb,var(--c) 18%,var(--panel2));border-radius:2px}
.os-ch small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.os-code{font:700 56px/1 var(--f-d);color:var(--c)}
.os-ch span{font-size:18px;font-weight:600}
.os-ch em{font-style:normal;color:var(--muted);font-size:13px}
.os-st{grid-template-columns:repeat(4,minmax(0,1fr))}
.os-nx{display:flex;gap:24px;align-items:center;padding:16px 18px;border:1px solid var(--accent);border-radius:2px;background:var(--accent-soft)}
.os-nx p{margin:4px 0 0}
.os-days{display:block;font:700 60px/1 var(--f-d);color:var(--accent)}
.os-nx small{color:var(--muted);font-size:12px}
@media(max-width:640px){.os-g{grid-template-columns:1fr}.os-st{grid-template-columns:repeat(2,minmax(0,1fr))}.os-nx{gap:16px}.os-days{font-size:44px}}

/* Hareket: yalnızca "hareketi azalt" kapalıyken. Tüm geçişler yumuşak çıkışlı; bir şey gizli kalmaz (sınıfları betik ekler). */
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .rv.in{opacity:1;transform:none}
  #rp-body,#ar-body,#ar-trk,#ar-car{animation:rise .35s ease both}
  .pk-pop:not([hidden]){animation:rise .16s ease both}
  .card,.sx-strip li>*,.wx-ss li,.ar-tw li,.rp-facts li,.ar-ti{transition:transform .2s ease,border-color .2s,background .2s}
  .sx-strip .done:hover,.wx-ss li:hover,.ar-tw li:hover,.rp-facts li:hover{transform:translateY(-3px)}
  .btn,.fm-t button,.snav a{transition:transform .15s ease,background .2s,color .2s}
  .btn:active{transform:scale(.97)}
  /* çizgiler çizilir */
  .anim .ch-l:not(.dash),.anim .wx-l{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.5s cubic-bezier(.4,.1,.2,1)}
  .anim:not(.go) .ch-l:not(.dash),.anim:not(.go) .wx-l{stroke-dashoffset:1}
  .anim .ch-l.dash{transition:opacity 1s ease .5s}
  .anim:not(.go) .ch-l.dash{opacity:0}
  .anim .wx-a,.anim .ch-d,.anim .ch-t,.anim .wx-pt,.anim .wx-pv,.anim .wx-r{transition:opacity .8s ease .9s}
  .anim:not(.go) .wx-a,.anim:not(.go) .ch-d,.anim:not(.go) .ch-t,.anim:not(.go) .wx-pt,.anim:not(.go) .wx-pv{opacity:0}
  .anim:not(.go) .wx-r{opacity:0}
  .rp-sl.anim g:not(.out) .ln{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s cubic-bezier(.4,.1,.2,1)}
  .rp-sl.anim:not(.go) g:not(.out) .ln{stroke-dashoffset:1}
  .rp-sl.anim circle,.rp-sl.anim text{transition:opacity .6s ease .5s}
  .rp-sl.anim:not(.go) circle,.rp-sl.anim:not(.go) text{opacity:0}
  /* çubuklar soldan dolar */
  .fm-bar i,.ar-bar i,.q-bar i,.rp-gb i,.wx-mb i,.sx-prog i,.sx-du i,.sx-gauge i{transform-origin:left;transition:transform .95s cubic-bezier(.2,.7,.2,1)}
  .anim:not(.go) .fm-bar i,.anim:not(.go) .ar-bar i,.anim:not(.go) .q-bar i,.anim:not(.go) .rp-gb i,.anim:not(.go) .wx-mb i,.sx-prog.anim:not(.go) i,.anim:not(.go) .sx-du i,.sx-gauge.anim:not(.go) i{transform:scaleX(0)}
  .ar-stack i{transform-origin:left;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
  .ar-stack.anim:not(.go) i{transform:scaleX(0)}
  /* podyum yükselir, kartlar ve kutular sırayla belirir */
  .rp-blk{transition:clip-path .9s cubic-bezier(.2,.7,.2,1)}
  .anim:not(.go) .rp-blk{clip-path:inset(100% 0 0 0)}
  .rp-blk{clip-path:inset(0)}
  .rp-pod .rp-st:nth-child(1){--d:.15s}.rp-pod .rp-st:nth-child(2){--d:0s}.rp-pod .rp-st:nth-child(3){--d:.3s}
  .rp-blk{transition-delay:var(--d,0s)}
  .rp-facts li,.ar-tw li,.wx-ss li,.ar-rings>*,.os-st li{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
  .rp-facts.anim:not(.go) li,.ar-tw.anim:not(.go) li,.wx-ss.anim:not(.go) li,.ar-rings.anim:not(.go)>*,.os-st.anim:not(.go) li{opacity:0;transform:translateY(14px)}
  .ar-ti{transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
  .anim:not(.go) .ar-ti{opacity:0;transform:scale(.85)}
  :is(.rp-facts,.ar-tw,.wx-ss,.ar-rings,.os-st,.ar-dt,.fm,.ar-top,.q-l,.pb-top,.rp-bc ol)>:nth-child(2){--d:.06s}
  :is(.rp-facts,.ar-tw,.wx-ss,.ar-rings,.os-st,.ar-dt,.fm,.ar-top,.q-l,.rp-bc ol)>:nth-child(3){--d:.12s}
  :is(.rp-facts,.ar-tw,.wx-ss,.ar-rings,.os-st,.ar-dt,.fm,.ar-top,.q-l,.rp-bc ol)>:nth-child(4){--d:.18s}
  :is(.rp-facts,.ar-tw,.wx-ss,.ar-rings,.os-st,.ar-dt,.fm,.ar-top,.q-l,.rp-bc ol)>:nth-child(5){--d:.24s}
  :is(.rp-facts,.ar-tw,.wx-ss,.ar-rings,.os-st,.ar-dt,.fm,.ar-top,.q-l,.rp-bc ol)>:nth-child(6){--d:.3s}
  :is(.rp-facts,.ar-tw,.wx-ss,.ar-rings,.os-st,.ar-dt,.fm,.ar-top,.q-l,.rp-bc ol)>:nth-child(n+7){--d:.36s}
  .rp-facts.anim.go li,.ar-tw.anim.go li,.wx-ss.anim.go li,.ar-rings.anim.go>*,.os-st.anim.go li,.ar-dt.anim.go .ar-ti{transition-delay:var(--d,0s)}
  .fm.go>li i,.ar-top.go>li i,.q-l.go>li i,.rp-bc.go ol>li i{transition-delay:var(--d,0s)}
}

/* Pit duvarı */
.pb{grid-column:1/-1}
.pb h4{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.pb-g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:start}
.pb-top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.pb-top li{display:grid;grid-template-columns:20px 46px 78px minmax(0,1fr);gap:10px;align-items:baseline;font-size:13px}
.pb-top b{font-family:var(--f-m);padding-left:8px;border-left:3px solid var(--c)}
.pb-top small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pb-i{color:var(--muted);text-align:right}
@media(max-width:860px){.pb-g{grid-template-columns:1fr}}

/* Tarihte bugün */
.td{margin-top:28px}
.td-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.td-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.td-l li{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-left:4px solid var(--c);background:color-mix(in srgb,var(--c) 14%,var(--panel));border-radius:2px;min-width:0}
.td-y{font:700 38px/1 var(--f-d)}
.td-w{font-size:12px;color:var(--muted);margin-bottom:6px}
.td-r{font-weight:600;font-size:14px}
.td-k{font-size:15px}
.td-l small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Hardcore fan testi */
.qz{margin-top:40px}
.qz-c{gap:14px}
.qz-d{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.qz-d li{flex:1;height:5px;border-radius:3px;background:var(--panel2)}
.qz-d li.cur{background:var(--accent)}
.qz-d li.ok{background:#4fbf7a}
.qz-d li.no{background:#e0645c}
.qz-n{margin:0}
.qz-q{margin:0;font:700 clamp(22px,3.2vw,30px)/1.2 var(--f-d)}
.qz-o{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.qz-o button{width:100%;text-align:left;padding:14px 16px;font:inherit;font-weight:600;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.qz-o button:not(:disabled):hover{border-color:var(--accent);transform:translateY(-2px)}
.qz-o button:disabled{cursor:default}
.qz-o button.ok{background:color-mix(in srgb,#4fbf7a 24%,var(--panel2));border-color:#4fbf7a}
.qz-o button.no{background:color-mix(in srgb,#e0645c 24%,var(--panel2));border-color:#e0645c}
.qz-f{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.qz-f p{margin:0;flex:1 1 280px}
.qz-yes{color:#4fbf7a;font-weight:700}
.qz-nop{color:#e0645c;font-weight:700}
.qz-f p span{color:var(--muted);font-weight:400}
.qz-end{text-align:center;padding:12px 0}
.qz-sc{display:block;font:700 76px/1 var(--f-d);color:var(--accent)}
.qz-sc small{font-size:30px;color:var(--muted)}
.qz-end p{margin:6px 0}
.qz-a{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:12px 0}
.qz-rev summary{cursor:pointer;font-weight:600;color:var(--accent)}
.qz-rev ol{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.qz-rev li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-left:4px solid var(--line);font-size:14px}
.qz-rev li.ok{border-color:#4fbf7a}
.qz-rev li.no{border-color:#e0645c}
.qz-rev li span{color:var(--accent);font-weight:600}
.qz-rev small{color:var(--muted)}
@media(max-width:560px){.qz-o{grid-template-columns:1fr}}

/* Kendi takımını kur */
.ft-form{display:flex;flex-direction:column;gap:14px;margin:12px 0}
.ft-bt{display:flex;justify-content:space-between;align-items:baseline}
.ft-bt b{font:700 24px/1 var(--f-d)}
.ft-bt b.over{color:#e0645c}
.ft-bar{height:8px;background:var(--panel2);border-radius:4px;overflow:hidden;margin:6px 0 4px}
.ft-bar i{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .35s cubic-bezier(.2,.7,.2,1),background .2s}
.ft-bar.over i{background:#e0645c}
.ft-b small{color:var(--muted);font-size:12px}
.ft-s{display:grid;gap:8px}
.ft-a{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ft-a p{margin:0}
.ft-m{margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}
.ft-p{display:block;font:700 54px/1 var(--f-d);color:var(--accent)}
.ft-p small{font-size:18px;color:var(--muted)}
.ft-r{list-style:none;margin:12px 0 0;padding:0;display:flex;align-items:flex-end;gap:5px;height:70px}
.ft-r li{flex:1;max-width:34px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.ft-r i{display:block;width:100%;background:var(--accent);border-radius:2px 2px 0 0}
.ft-r small{font:10px var(--f-m);color:var(--muted)}

/* Araç güncellemeleri ve transferler */
.up{margin-top:28px}
.up-l{list-style:none;margin:10px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.up-l li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-left:4px solid var(--c);background:color-mix(in srgb,var(--c) 14%,var(--panel));border-radius:2px;min-width:0;font-size:14px}
.up-a{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.up-l small{color:var(--muted);font-size:12px}
.up-s{font-size:12px;color:var(--muted);text-decoration:underline}

/* Şampiyon şeridi */
.champ{margin:20px 0 8px;border-radius:4px;border-left:8px solid var(--c);background:linear-gradient(100deg,color-mix(in srgb,var(--c) 38%,var(--panel)),var(--panel) 70%);position:relative;overflow:hidden}
.champ::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-120%);animation:champ-sh 3.6s ease-out .6s 1 forwards;pointer-events:none}
@keyframes champ-sh{to{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.champ::after{animation:none;display:none}}
.champ-in{padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.champ-k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.champ h2{margin:0;font:700 clamp(34px,7vw,64px)/1 var(--f-d)}
.champ p{margin:0;max-width:62ch;font-size:15px}
.champ-s{font-size:12px!important;color:var(--muted)}
.champ-s a{color:inherit;text-decoration:underline}

/* ---------- üst çubuk: hesap bağlantıları (giriş yap / kullanıcı adı / çıkış), düz yazı ---------- */
.backbar{align-items:center;flex-wrap:wrap;row-gap:4px}
.backbar a,.backbar .bk-out{white-space:nowrap}
.backbar .acct{margin-left:auto}
.backbar .bk-out{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--accent);cursor:pointer}
.backbar .bk-out:hover{text-decoration:underline}
.backbar .bk-out[hidden]{display:none}

/* ---------- sayfa geçişi: ana siteyle aynı çapraz solma; desteklemeyen tarayıcıda açılışta yumuşak belirme ---------- */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
  .page{animation:pit-in .45s cubic-bezier(.2,.7,.2,1) backwards}
  @keyframes pit-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
@media(max-width:480px){.backbar .bk-lg{display:none}}
.dy-hint{margin:14px 0;padding:12px 14px;border:1px dashed var(--line);border-radius:3px;color:var(--muted);font-size:14px}
.dy-left{margin:0 0 6px}
/* pist haritası */
#sx-trk{grid-column:span 3}
.trk-w{margin:10px auto 6px;max-width:520px}
.trk-svg{display:block;width:100%;height:auto;max-height:440px}
.trk-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.trk-edge{stroke:var(--line);stroke-width:20}
.trk-s{stroke-width:9}
.trk-s.s1,.trk-lg i.s1{stroke:#e5484d;background:#e5484d}
.trk-s.s2,.trk-lg i.s2{stroke:#3b82f6;background:#3b82f6}
.trk-s.s3,.trk-lg i.s3{stroke:#eab308;background:#eab308}
.trk-t{fill:var(--bg,#0b0b0d);opacity:.85}
.trk-sf{fill:var(--fg,#fff)}
.trk-ar{fill:var(--fg,#fff)}
.trk-nm{margin:10px 0 0}
.trk-lg{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:8px 0;padding:0;font-size:13px;color:var(--muted)}
.trk-lg li{display:flex;align-items:center;gap:6px}
.trk-lg i{display:inline-block;width:14px;height:5px;border-radius:3px;background:var(--fg,#fff)}
@media(max-width:980px){#sx-trk{grid-column:span 1}}
@media(max-width:640px){#sx-trk{grid-column:auto}}
.trk-lg i.sf{width:4px;height:14px;border-radius:1px}
.trk-lg i.dr{width:0;height:0;border-radius:0;background:none;border-left:11px solid var(--fg);border-top:6px solid transparent;border-bottom:6px solid transparent}
#sx-trk{grid-column:1/-1}
.trk-bd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;margin-top:10px}
.trk-bd .trk-w{margin:0;width:100%}
.trk-nm{font-size:18px;margin:0 0 4px}
@media(max-width:760px){.trk-bd{grid-template-columns:minmax(0,1fr)}}
@media(max-width:980px){#sx-trk{grid-column:1/-1}}
@media(max-width:640px){#sx-trk{grid-column:auto}}
.trk-lg li{white-space:nowrap;flex:none}.trk-lg i{flex:none}
.static-idx{max-width:1100px;margin:0 auto;padding:24px 20px;color:var(--muted)}
.static-idx h2{font:700 20px/1.2 var(--f-d);color:var(--fg);margin:0 0 8px}
.static-idx ul{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;padding:0;margin:10px 0}
.static-idx a{color:var(--accent)}
.static-idx ol{margin:8px 0 14px;padding-left:22px}