/* Mr Winner Oyun — maç sonrası taktik tahtası */
:root{
  --board:#0e1b1a;--board2:#162a29;--chalk:#f2eee3;--ice:#8fd3ff;--iink:#0b4a8a;
  --red:#ff5b46;--rink:#a32616;--paper:#ece6d3;--ink:#12201f;
  --c:var(--chalk);--mut:#b9c4bd;--link:var(--ice);--line:rgba(242,238,227,.35);
  --fh:"Agency FB","Tw Cen MT Condensed","Arial Narrow","Helvetica Neue",sans-serif;
  --fb:Corbel,Calibri,"Helvetica Neue",Arial,sans-serif;
  --fx:"Segoe Print","Bradley Hand","Chalkboard SE","Comic Sans MS",cursive;
  --g:clamp(1.25rem,4vw,3rem);--max:72rem;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(1100px 600px at 85% -10%,rgba(143,211,255,.07),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 2px,transparent 2px 6px),var(--board);color:var(--chalk);font:400 1.0625rem/1.65 var(--fb);overflow-x:hidden}
img,svg{max-width:100%}
img{height:auto;display:block}
p{margin:0 0 1.1rem}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--link);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--chalk);color:var(--ink);padding:.7rem 1rem;z-index:100}
.skip:focus{left:0}
.wrap{width:min(var(--max),100% - 2*var(--g));margin-inline:auto}

/* header */
.site-header{position:relative;z-index:50;background:rgba(14,27,26,.95);border-bottom:2px dashed rgba(242,238,227,.22)}
.js .site-header{position:sticky;top:0;backdrop-filter:blur(8px)}
.bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.3rem 1.5rem;padding:.5rem var(--g);max-width:calc(var(--max) + 2*var(--g));margin-inline:auto}
.brand{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;color:var(--chalk);text-decoration:none;font:700 1.5rem/1 var(--fh);text-transform:uppercase;letter-spacing:.04em}
.nav{display:flex;align-items:center;flex-wrap:wrap;gap:0 1.2rem}
.nav a:not(.btn){display:inline-flex;align-items:center;min-height:44px;color:var(--chalk);text-decoration:none;font-weight:600;font-size:.98rem}
.nav a:not(.btn):hover{text-decoration:underline wavy var(--red);text-underline-offset:6px}
.menu-btn{display:none;min-height:44px;padding:.4rem 1rem;background:transparent;color:var(--chalk);border:2px solid var(--chalk);border-radius:4px;font:700 1.05rem var(--fh);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.progress{position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--red);transform-origin:left;transform:scaleX(var(--p,0))}
@media (max-width:1099px){
  .nav{width:100%;flex-direction:column;align-items:stretch;padding-bottom:.6rem}
  .nav a:not(.btn){border-bottom:1px dashed rgba(242,238,227,.2)}
  .js .menu-btn{display:inline-flex;align-items:center}
  .js .nav{display:none}
  .js .nav.is-open{display:flex}
  .nav .btn{align-self:flex-start;margin-top:.6rem}
}

/* buttons, links */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.5rem;background:var(--red);color:var(--ink);border:2px solid var(--ink);border-radius:4px;font:700 1.2rem/1 var(--fh);text-transform:uppercase;letter-spacing:.07em;text-decoration:none;box-shadow:4px 4px 0 var(--c);cursor:pointer;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--c)}
.btn-small{min-height:44px;padding:.5rem 1.1rem;font-size:1.1rem;box-shadow:3px 3px 0 var(--chalk)}
.btn.ghost{background:transparent;color:var(--chalk);border-color:var(--chalk);box-shadow:none}
.btn.ghost:hover{background:rgba(242,238,227,.12);transform:none}
.more{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font:700 1.2rem/1.1 var(--fh);text-transform:uppercase;letter-spacing:.06em}
.more::after{content:"→";transition:transform .2s}
.more:hover::after{transform:translateX(4px)}

/* sections */
main > :where(.wp-block-post-content) >section{position:relative;padding:clamp(4rem,9vw,7.5rem) 0}
main > :where(.wp-block-post-content) >section[id]{scroll-margin-top:4.5rem}
main > :where(.wp-block-post-content) >section:not(.hero):not(.istanbul)::before{content:"";position:absolute;top:0;left:var(--g);right:var(--g);border-top:2px dashed var(--line)}
:is(.story,.ranking,.submit,.faq){--c:var(--ink);--mut:#38494a;--link:var(--iink);--line:rgba(18,32,31,.3);background:var(--paper) repeating-linear-gradient(0deg,rgba(18,32,31,.025) 0 2px,transparent 2px 7px);color:var(--ink)}
.tag{display:inline-block;margin-bottom:.7rem;font:400 1.2rem/1 var(--fx);color:var(--link);transform:rotate(-2deg)}
h1,h2,h3{margin:0;font-family:var(--fh);text-transform:uppercase;font-weight:700}
h2{font-size:clamp(2.2rem,1.2rem + 3.8vw,3.8rem);line-height:.98;letter-spacing:.01em;margin-bottom:1.1rem;overflow-wrap:break-word}
h2::after{content:"";display:block;height:4px;width:min(8rem,45%);margin-top:.8rem;background:repeating-linear-gradient(90deg,var(--red) 0 12px,transparent 12px 18px);transform-origin:left;transition:transform .8s ease}
:is(.story,.ranking,.submit,.faq) h2::after{background:repeating-linear-gradient(90deg,var(--rink) 0 12px,transparent 12px 18px)}
.js main section:not(.in):not(.hero) h2::after{transform:scaleX(0)}
h3{font-size:1.5rem;line-height:1.05;letter-spacing:.02em;margin-bottom:.5rem}
h1+p,h2+p{font-size:1.28rem;line-height:1.5;max-width:44ch;margin-bottom:1.4rem}
.copy p:not(:first-of-type){max-width:60ch}
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:2.75rem}
@media (min-width:900px){
  .split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:4.5rem;align-items:center}
  :is(.story,.process,.analysis) .split{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
}

/* hero */
.hero{min-height:min(100svh,58rem);display:flex;align-items:flex-end;padding:6rem 0 4.5rem;overflow:hidden;isolation:isolate}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(14,27,26,.93),rgba(14,27,26,.75) 45%,rgba(14,27,26,.4)),linear-gradient(0deg,var(--board),transparent 40%)}
.hero-marks{position:absolute;right:2%;top:12%;width:min(48vw,640px);z-index:-1}
.hero h1{font-size:clamp(2.6rem,1rem + 7.4vw,6.6rem);line-height:.9;max-width:12em;margin-bottom:1.2rem;overflow-wrap:break-word;text-shadow:0 2px 0 rgba(0,0,0,.35)}
.hero h1+p{font-size:1.35rem}
.hero .plain{max-width:52ch}
.actions{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;margin-top:1.4rem}
@media (max-width:700px){.hero-shade{background:linear-gradient(0deg,rgba(14,27,26,.96),rgba(14,27,26,.8))}.hero-marks{opacity:.35;width:85vw;top:6%}}

/* chalk strokes */
.ln{fill:none;stroke:var(--chalk);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.85}
.ln-r{stroke:var(--red);stroke-opacity:1}
.ln-i{stroke:var(--ice);stroke-opacity:1}
.ln-k{stroke:var(--ink)}
.dash{stroke-dasharray:3 10}
path.dash.flow{stroke-dasharray:9 10}
.flow{animation:flow 1.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-38}}
.hand{font-family:var(--fx);fill:var(--chalk);font-size:22px}
.hand.big{font-size:40px;fill:var(--ice)}
.hand.dark{fill:var(--ink);font-size:20px}

/* calendar */
.slots{display:grid;grid-template-columns:1fr;gap:1.4rem 1.1rem;counter-reset:s}
@media (min-width:600px){.slots{grid-template-columns:1fr 1fr}.slot:nth-child(even){transform:translateY(1.2rem)}}
.slot{position:relative;counter-increment:s;padding:1.5rem 1.3rem 1.3rem;border:2px dashed var(--line);background:rgba(255,255,255,.03);border-radius:6px}
.slot::before{content:counter(s);position:absolute;top:-16px;right:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:var(--ink);font:700 1.2rem var(--fh)}
.slot p{margin:0;color:var(--mut)}

/* pinned photos */
.pin{position:relative;margin:0;padding:.6rem;background:var(--chalk);box-shadow:0 18px 40px rgba(0,0,0,.35);transform:rotate(-1.2deg)}
.pin::before{content:"";position:absolute;top:-11px;left:50%;width:22px;height:22px;border-radius:50%;background:var(--red);box-shadow:0 3px 0 #7d1d12;transform:translateX(-50%);z-index:1}
.process .pin{transform:rotate(1deg)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.duo .tilt-a{transform:rotate(-2deg)}
.duo .tilt-b{transform:rotate(2deg);margin-top:3rem}

/* board + ranking */
.board{padding:.6rem;border:3px solid rgba(242,238,227,.55);border-radius:10px;background:linear-gradient(135deg,var(--board2),#0b1514);box-shadow:inset 0 0 60px rgba(0,0,0,.45)}
.board svg,.steps svg{display:block;width:100%;height:auto}
.steps svg{max-width:34rem;margin-inline:auto}
.tok{transform:translate(calc(var(--px,0) * var(--d,1) * 12px),calc(var(--py,0) * var(--d,1) * 12px));transition:transform .25s ease-out}
.climber{transform:translate(calc(var(--rank,1) * 320px),calc(var(--rank,1) * -248px))}
.tkn{fill:var(--red);stroke:var(--ink);stroke-width:3}

/* amateur, istanbul */
.box{position:relative;padding:clamp(1.4rem,3vw,2.2rem);border:2px dashed var(--line);border-radius:8px;background:rgba(255,255,255,.03)}
.box::before{content:"";position:absolute;top:-12px;left:1.6rem;width:24px;height:24px;border-radius:50%;background:var(--red);box-shadow:0 3px 0 #7d1d12}
.istanbul{min-height:clamp(32rem,62vw,48rem);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.istanbul>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.istanbul::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(14,27,26,.7),rgba(14,27,26,.15) 70%)}
.card{max-width:40rem;padding:clamp(1.4rem,3vw,2.4rem);background:rgba(14,27,26,.92);border:2px dashed rgba(242,238,227,.5);border-radius:8px}
.card p:not(:first-of-type){color:var(--mut)}

/* offers, process, faq */
.offers{display:grid;grid-template-columns:1fr;gap:1.6rem;margin:1rem 0 2.4rem}
@media (min-width:800px){.offers{grid-template-columns:1fr 1fr;gap:2.2rem}}
.offer{padding:1.6rem 1.5rem 1.1rem;background:rgba(255,255,255,.55);border:2px solid var(--ink);border-radius:6px;box-shadow:6px 6px 0 var(--ink)}
.offer h3{font-size:1.9rem}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem}
.cta-row p{margin:0;font:400 1.35rem/1.2 var(--fx)}
.flow-steps{counter-reset:st;margin:1rem 0 2rem;display:grid;gap:1.1rem}
.fstep{counter-increment:st;position:relative;padding-left:4rem}
.fstep::before{content:counter(st);position:absolute;left:0;top:-.15rem;width:2.8rem;height:2.8rem;display:grid;place-items:center;border:2px solid var(--red);border-radius:50%;color:var(--red);font:700 1.6rem var(--fh)}
.fstep p{margin:0;color:var(--mut);max-width:52ch}
.qa{margin:1.2rem 0 1.6rem;max-width:52rem;border-top:2px dashed var(--line)}
.qa details{border-bottom:2px dashed var(--line)}
.qa summary{position:relative;display:block;cursor:pointer;min-height:48px;padding:1rem 3rem 1rem 0;font:700 1.45rem/1.1 var(--fh);text-transform:uppercase;letter-spacing:.02em;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);width:2.1rem;height:2.1rem;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;font:700 1.4rem/1 var(--fb)}
.qa details[open] summary::after{content:"–";background:var(--red)}
.qa details p{margin:0 0 1.2rem;max-width:60ch}

/* contact */
.note{font:400 1.25rem/1.35 var(--fx);color:var(--ice);transform:rotate(-1deg);margin-top:1.5rem}
.form{display:grid;gap:1.2rem;padding:clamp(1.3rem,3vw,2.2rem);border:2px dashed rgba(242,238,227,.5);border-radius:8px;background:rgba(255,255,255,.04)}
.field{display:grid;gap:.4rem}
label{font:700 1.15rem var(--fh);text-transform:uppercase;letter-spacing:.06em}
input,textarea{width:100%;padding:.8rem .9rem;background:rgba(0,0,0,.3);color:var(--chalk);border:2px solid rgba(242,238,227,.6);border-radius:4px;font:1rem/1.4 var(--fb)}
textarea{resize:vertical;min-height:9rem}
.form .btn{justify-self:start}

/* footer */
.site-footer{padding:3rem 0 1.5rem;border-top:2px dashed rgba(242,238,227,.3);background:#0a1413}
.foot{display:grid;gap:2rem}
@media (min-width:800px){.foot{grid-template-columns:1.2fr 1fr;align-items:start}}
.foot-brand p{max-width:40ch;color:var(--mut);margin:.6rem 0 0}
.foot-nav{display:flex;flex-direction:column}
.foot-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--chalk)}
.copy-line{width:min(var(--max),100% - 2*var(--g));margin:1.5rem auto 0;color:var(--mut);font-size:.95rem}

/* signature: chalk trail + tournament bracket */
.trail{position:fixed;inset:0;width:100vw;height:100vh;z-index:45;pointer-events:none}
.bracket{position:fixed;right:14px;bottom:14px;z-index:30;display:none;pointer-events:none}
.bracket svg{display:block;padding:6px;background:rgba(14,27,26,.92);border:2px dashed rgba(242,238,227,.4);border-radius:8px;width:162px;height:auto}
@media (min-width:1200px){.bracket{display:block}}
.b-base path{fill:none;stroke:rgba(242,238,227,.5);stroke-width:2}
.bn{fill:var(--board);stroke:rgba(242,238,227,.6);stroke-width:2}
.bl{fill:none;stroke:var(--red);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1}
.b-stage{fill:var(--chalk);font:700 11px var(--fh);letter-spacing:.1em;text-transform:uppercase}
.bracket.final .r3{fill:var(--red);stroke:var(--red)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .tok{transform:none}
}

/* inner pages */
/* Mr Winner Oyun: iç sayfalar */
.hero.pg-hero{min-height:0;align-items:flex-start;padding:clamp(3.5rem,8vw,6rem) 0 clamp(2.5rem,5vw,4rem);background:radial-gradient(900px 400px at 90% 0,rgba(143,211,255,.09),transparent 65%),var(--board2)}
.hero.pg-hero h1{font-size:clamp(2.4rem,1rem + 5.5vw,4.6rem);max-width:14em;margin-bottom:1rem}
.hero.pg-hero h1+p{max-width:48ch}
.hero.pg-hero .actions{margin-top:1rem}
.pg-cta{padding-block:clamp(3rem,6vw,5rem)}
.pg-stack{max-width:52rem}
@media (max-width:480px){
  .hero.pg-hero .actions .btn{width:100%}
}

.wpf-legal { padding: clamp(3rem, 8vw, 7rem) clamp(1.25rem, 4vw, 2rem); }
.wpf-legal .wpf-legal__inner { max-width: 72ch; margin: 0 auto; }
.wpf-legal .wpf-legal__inner h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); line-height: 1.1; margin: .2em 0 .8em; }
.wpf-legal .wpf-legal__inner h2 { font-size: clamp(1.2rem, 2.2vw, 1.5rem); line-height: 1.25; margin: 2.2em 0 .6em; }
.wpf-legal .wpf-legal__inner p, .wpf-legal .wpf-legal__inner li { line-height: 1.75; max-width: none; }
.wpf-legal .wpf-legal__inner ul { padding-left: 1.2em; margin: 0 0 1em; }
.wpf-legal .wpf-legal__inner li { margin: .35em 0; list-style: disc; }
.wpf-legal .wpf-legal__inner a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal .wpf-legal__meta { font-size: .875rem; opacity: .7; margin: 0; }
.wpf-legal .wpf-legal__table { overflow-x: auto; margin: 1em 0 1.5em; }
.wpf-legal table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.wpf-legal th, .wpf-legal td { text-align: left; vertical-align: top; padding: .7em .8em; border-bottom: 1px solid rgba(127,127,127,.3); }
.wpf-legal code { font-size: .85em; word-break: break-word; }
.wpf-legal-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.4rem; grid-column: 1 / -1;
  width: 100%; box-sizing: border-box; padding: 1.1rem clamp(1.25rem, 4vw, 2rem) 0; font-size: .875rem; }
.wpf-legal-links a { color: inherit; opacity: .85; text-decoration: underline; text-underline-offset: .15em; }
.wpf-legal-links a:hover, .wpf-legal-links a:focus-visible { opacity: 1; }

.wpf-consent { position: fixed; z-index: 99998; left: 16px; right: 16px; bottom: 16px; max-width: 27rem; box-sizing: border-box;
  padding: 20px 22px; border-radius: 14px; border: 1px solid rgba(127,127,127,.28); box-shadow: 0 14px 44px rgba(0,0,0,.24);
  font-size: 15px; line-height: 1.55; text-align: left; }
.wpf-consent[hidden] { display: none; }
.wpf-consent .wpf-consent__title { margin: 0 0 6px; font-weight: 700; font-size: 1.05em; }
.wpf-consent .wpf-consent__text { margin: 0 0 16px; max-width: none; }
.wpf-consent .wpf-consent__text a { color: inherit; text-decoration: underline; }
.wpf-consent .wpf-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.wpf-consent .wpf-consent__actions button { cursor: pointer; margin: 0; width: auto; }
.wpf-consent .wpf-consent__primary, .wpf-consent .wpf-consent__secondary { font: inherit; font-weight: 600; padding: 10px 18px; border-radius: 8px; }
.wpf-consent .wpf-consent__primary { background: #1c1b19; color: #fff; border: 1px solid #1c1b19; }
.wpf-consent .wpf-consent__secondary { background: transparent; color: inherit; border: 1px solid currentColor; }
.wpf-consent button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }