/* =====================================================================
   FUBBOL · Oyun HUD tasarımı (üst menü, Maç Günü, ortak sayfa dili)
   fx.css'ten sonra yüklenir. Renk: #04060B gece, #FFD23F altın.
   ===================================================================== */
:root{--hd-y:#FFD23F;--hd-y2:#FFE88A;--hd-y3:#E9A400;--hd-yi:#1B1400;--hd-bg:#04060B;--hd-nv:#0A1020;--hd-bl:#2F7BFF;--hd-bl2:#7FB4FF;
  --hd-h:"Big Shoulders Display","Barlow Condensed","Arial Narrow",sans-serif;--hd-t:"Barlow Condensed","Archivo","Arial Narrow",sans-serif;
  --hd-gy:linear-gradient(180deg,#FFE88A 0%,#FFD23F 46%,#E9A400 100%);
  --hd-cut:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
body{background:var(--hd-bg)}

/* ---------- ortak: başlıklar, düğmeler, sekmeler, paneller ---------- */
.fx-top h1{font-family:var(--hd-h)!important;font-weight:900!important;letter-spacing:.03em!important;text-transform:uppercase}
.fx-top h1::after{content:"";display:block;width:64px;height:5px;margin-top:6px;background:var(--hd-gy);transform:skewX(-20deg);box-shadow:0 0 16px rgba(255,210,63,.45)}
.fx-top>span{font-family:var(--hd-t);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9AA3B3}
.btn.primary,.btn.primary.big{border-radius:0!important;clip-path:var(--hd-cut);background:var(--hd-gy)!important;color:var(--hd-yi)!important;font-family:var(--hd-h)!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase}
.btn.primary:hover{filter:brightness(1.07)}
.btn.primary:disabled,.btn.primary[disabled]{filter:grayscale(.8) brightness(.55)}
.tabs{border-radius:0!important;clip-path:var(--hd-cut);background:rgba(10,16,32,.85)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
.tabs{flex-wrap:nowrap!important}
.tabs [role=tab]{border-radius:0!important;white-space:nowrap;font-family:var(--hd-t)!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase}
.tabs [role=tab][aria-selected=true]{background:var(--hd-gy)!important;color:var(--hd-yi)!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.fx-card,.screen .panel{background:linear-gradient(180deg,rgba(14,20,36,.92),rgba(6,9,17,.95))!important;position:relative}
.fx-card::before,.screen .panel::before{content:"";position:absolute;left:0;top:0;width:44%;height:2px;background:linear-gradient(90deg,var(--hd-y),transparent);pointer-events:none;z-index:1;border-radius:inherit}
.fx-card h2,.screen .panel .h2{font-family:var(--hd-h)!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase}
.fx-h button,.fx-card .fx-h button{font-family:var(--hd-t)!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}
.fx-chip{border-radius:0!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding-left:14px!important;padding-right:14px!important;font-family:var(--hd-t)!important;font-weight:800!important;letter-spacing:.05em}
.fx-chip.fx-y{background:var(--hd-gy)!important;color:var(--hd-yi)!important}
.fxic,.fxo{border-radius:0!important;clip-path:var(--hd-cut)}
.fxic .fxic-go{border-radius:0!important;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.fxo .btn{clip-path:var(--hd-cut);border-radius:0!important;font-family:var(--hd-h)!important;letter-spacing:.06em;text-transform:uppercase}
/* kadro sahası ve kart vitrinleri */
.ut-pitch,.pitch-wrap{box-shadow:inset 0 0 0 1px rgba(255,210,63,.18),0 30px 60px -30px #000}
.chip{font-family:var(--hd-t)!important;letter-spacing:.06em}
/* pazar kartları */
.mk-card .btn.primary,.mk-buy{clip-path:var(--hd-cut)}
.fxc-hero{clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}
.fxc-hero h1,.fxc-hero .fxc-name{font-family:var(--hd-h)!important}

/* =====================================================================
   MASAÜSTÜ HUD (≥1100px): sol menü yerine üst oyun menüsü
   ===================================================================== */
@media (min-width:1100px){
  body #app{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:72px minmax(0,1fr)!important}
  body #app>header{grid-column:1!important;grid-row:1!important;position:relative;z-index:30;flex-direction:row!important;align-items:center!important;gap:16px!important;height:72px;padding:0 26px!important;overflow:visible!important;
    border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(180deg,rgba(4,6,11,.98),rgba(7,11,20,.94))!important;box-shadow:0 14px 34px -18px #000}
  body #app>header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,63,.45),transparent);pointer-events:none}
  body #app>main{grid-column:1!important;grid-row:2!important}
  body #app>header .logo{order:0;padding:0!important;font-size:26px!important;flex:none}
  body #app>header .fx-me{display:none!important;order:1;width:auto!important;max-width:230px;margin:0!important;padding:4px 14px 4px 4px!important;background:transparent!important;box-shadow:none!important;border-left:1px solid rgba(255,255,255,.08);border-radius:0!important}
  body #app>header .fxme-av{width:40px;height:40px}
  body #app>header .fxme-t b{font:900 17px/1 var(--hd-h);letter-spacing:.04em;text-transform:uppercase}
  body #app>header .fxme-t small{color:var(--hd-y);font-family:var(--hd-t);letter-spacing:.06em}
  body #app>header .fx-online{display:none!important}
  body #app>header #nav{order:2;flex-direction:row!important;align-items:stretch!important;justify-content:center;height:72px;gap:0!important;margin:0!important;flex:1 1 auto!important;min-width:0}
  body #app>header #nav button{position:relative;white-space:nowrap;height:72px!important;padding:0 14px!important;gap:8px!important;border-radius:0!important;background:transparent!important;color:#B9C0CC!important;font:800 16px/1 var(--hd-t)!important;letter-spacing:.08em!important;text-transform:uppercase;box-shadow:none!important}
  body #app>header #nav button svg{display:none}
  body #app>header #nav button span{overflow:visible!important;line-height:1.35!important;max-width:none!important}
  body #app>header #nav button:hover{color:#fff!important;background:linear-gradient(0deg,rgba(255,255,255,.06),transparent 80%)!important}
  body #app>header #nav button[aria-current=page]{color:var(--hd-y)!important;background:linear-gradient(0deg,rgba(255,210,63,.2),rgba(255,210,63,0) 75%)!important;box-shadow:inset 0 -4px 0 var(--hd-y)!important}
  body #app>header #nav button[aria-current=page]::before{display:none!important}
  body #app>header #nav button[aria-current=page] svg{color:var(--hd-y);opacity:1}
  body #app>header #nav button[data-go=play]{order:20;align-self:center;height:46px!important;margin:0 0 0 14px!important;padding:0 26px!important;transform:skewX(-12deg);border-radius:0!important;background:var(--hd-gy)!important;color:var(--hd-yi)!important;font:900 22px/1 var(--hd-h)!important;letter-spacing:.1em!important;box-shadow:0 10px 26px -10px rgba(255,190,30,.8),inset 0 1px 0 rgba(255,255,255,.7)!important}
  body #app>header #nav button[data-go=play]>*{transform:skewX(12deg)}
  body #app>header #nav button[data-go=premium]{order:19;margin:0!important;color:#C9B8FF!important;background:transparent!important}
  body #app>header #nav button[data-go=premium][aria-current=page]{color:#fff!important;box-shadow:inset 0 -4px 0 #8E6BFF!important;background:linear-gradient(0deg,rgba(142,107,255,.25),transparent 75%)!important}
  body #app>header #nav .nbadge{position:absolute!important;top:14px;right:4px;margin:0!important;min-width:18px!important;height:18px!important;border-radius:9px!important;font:900 10px/18px var(--hd-t)!important;background:#FF5D6C!important;color:#fff!important}
  /* alt menü: HUD'un altında yatay şerit */
  body #app>header #nav .fx-nsub{position:absolute!important;left:0;right:0;top:72px;height:46px;display:flex!important;flex-direction:row!important;justify-content:center;align-items:center;gap:6px;margin:0!important;padding:0 20px!important;border:0!important;
    background:linear-gradient(180deg,rgba(7,11,20,.96),rgba(4,6,11,.9));box-shadow:inset 0 -1px 0 rgba(255,255,255,.06),0 10px 24px -14px #000;z-index:29}
  body #app>header #nav .fx-nsub::before{display:none!important}
  body #app>header #nav .fx-nsub button{height:32px!important;padding:0 16px!important;font:800 14px/1 var(--hd-t)!important;letter-spacing:.1em!important;color:#AEB6C4!important;background:rgba(255,255,255,.04)!important;transform:skewX(-12deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
  body #app>header #nav .fx-nsub button.on{background:var(--hd-gy)!important;color:var(--hd-yi)!important;box-shadow:none!important}
  body:has(#nav .fx-nsub) #main .screen{padding-top:68px!important}
  body #app>header .hdr-me{order:3;position:static!important;flex:none}
  body #app>header .coins{border-radius:0!important;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
  .screen{padding-top:22px!important}
  .fx-top{padding-right:0!important}
}
@media (min-width:1640px){body #app>header .fx-me{display:flex!important}}
@media (min-width:1100px) and (max-width:1360px){
  body #app>header #nav button{padding:0 9px!important;font-size:14px!important;letter-spacing:.05em!important}
  body #app>header #nav button[data-go=play]{padding:0 16px!important;font-size:19px!important}
  body #app>header .logo{font-size:0!important}
}

/* =====================================================================
   MAÇ GÜNÜ (demo tasarımı)
   ===================================================================== */
.screen[data-screen=home] .fx-top{display:none!important}
.hh{--hy:#FFD23F;display:grid;grid-template-columns:330px minmax(0,1fr) 340px;grid-template-rows:clamp(440px,calc(100vh - 380px),520px) 204px auto;gap:18px;margin:0 0 22px;color:#F4F1EA;font-family:var(--hd-t)}
.hh button{font-family:inherit;color:inherit;cursor:pointer}
.hh-row{position:relative;display:flex;align-items:center;gap:12px}
.hh-tag{display:inline-block;padding:4px 12px;background:var(--hy);color:#1B1400;font-weight:800;font-size:15px;letter-spacing:.14em;transform:skewX(-12deg);white-space:nowrap}
.hh-tag>span{display:inline-block;transform:skewX(12deg)}
.hh-tag.big{padding:5px 14px;font-size:17px;letter-spacing:.12em}
.hh-tag.red{background:#FF5D6C;color:#1F0508}
.hh-mut{margin-left:auto;font-weight:800;font-size:15px;letter-spacing:.1em;color:#E2D3A8}
.hh-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:rgba(0,0,0,.55);font-weight:800;font-size:15px;letter-spacing:.06em;color:#E6E9EE;white-space:nowrap}
.hh-win{margin-left:auto}.hh-win span{color:#9EA6B3}.hh-win b{color:#3DDC97}
@keyframes hhShine{0%{transform:translateX(-160%) skewX(-20deg)}55%,100%{transform:translateX(420%) skewX(-20deg)}}
@keyframes hhGlow{0%,100%{box-shadow:0 0 30px rgba(255,200,40,.35)}50%{box-shadow:0 0 60px rgba(255,200,40,.7)}}
@keyframes hhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes hhBeam{0%,100%{opacity:.55}50%{opacity:.9}}
.hh-shine{position:absolute;top:-20%;left:0;width:30%;height:140%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:hhShine 3.2s ease-in-out infinite;pointer-events:none}

/* sol vitrin */
.hh-stars{grid-column:1;grid-row:1/3;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:20px 20px 22px;background:linear-gradient(180deg,#1A1306 0%,#0B0A08 55%,#07080B 100%);box-shadow:inset 0 0 0 1px rgba(255,210,63,.45);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}
.hh-beam{position:absolute;top:-60px;width:150px;height:520px;background:linear-gradient(180deg,rgba(255,232,170,.35),rgba(255,232,170,0) 80%);filter:blur(10px);animation:hhBeam 4s ease-in-out infinite;pointer-events:none}
.hh-beam.l{left:-40px;transform:rotate(-18deg)}.hh-beam.r{right:-40px;transform:rotate(18deg);animation-delay:2s}
.hh-floor{position:absolute;left:30px;right:30px;top:380px;height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,210,63,.55),rgba(255,210,63,0));filter:blur(6px);pointer-events:none}
.hh-show{position:relative;flex:1;min-height:250px;max-height:370px;margin-top:14px;cursor:pointer}
.hh-show img,.hh-show .fc{display:block}
.hh-side{position:absolute;top:18%;width:52%;filter:brightness(.7) drop-shadow(0 16px 20px rgba(0,0,0,.7));pointer-events:none}
.hh-side.l{left:-6%;transform:rotate(-11deg)}.hh-side.r{right:-6%;transform:rotate(11deg)}
.hh-side img{width:100%;height:auto}
.hh-main{position:absolute;left:50%;top:0;width:72%;max-width:236px;transform:translateX(-50%);animation:hhFloat 3.5s ease-in-out infinite;filter:drop-shadow(0 0 22px rgba(255,200,40,.55)) drop-shadow(0 22px 24px rgba(0,0,0,.8))}
.hh-main img{width:100%;height:auto}
.hh-main .hh-shine{inset:auto;top:0;height:100%;mix-blend-mode:overlay}
.hh-main:has(.hh-fas){overflow:hidden}.hh-main:not(:has(.hh-fas)) .hh-shine{display:none}
.hh-main .fc{margin:0 auto;zoom:.78}
.hh-side .fc{margin:0 auto;zoom:.56}
.hh-side{display:flex;justify-content:center}
.hh-st3{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.hh-st3 div{display:flex;flex-direction:column;align-items:center;padding:8px 0;background:rgba(255,255,255,.06);box-shadow:inset 0 -3px 0 var(--hy)}
.hh-st3 .g{box-shadow:inset 0 -3px 0 #3DDC97}.hh-st3 .g b{color:#3DDC97}.hh-st3 .b{box-shadow:inset 0 -3px 0 #5BB8FF}
.hh-st3 b{font:900 28px/1 var(--hd-h)}.hh-st3 span{font-size:13px;font-weight:800;color:#E2D3A8;letter-spacing:.12em}
.hh-pitch{position:relative;flex:none;margin-top:14px;height:112px;overflow:hidden;cursor:pointer;background:repeating-linear-gradient(90deg,#14522F 0 26px,#186137 26px 52px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.hh-pitch svg{position:absolute;inset:0;width:100%;height:100%}
.hh-pl{position:absolute;left:6px;top:6px;padding:1px 6px;background:rgba(0,0,0,.6);font-weight:800;font-size:12px;letter-spacing:.1em;color:#FFE88A;z-index:1}
.hh-d{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--hy);box-shadow:0 0 0 2px #1B1400}
.hh-d.gk{background:#3DDC97;box-shadow:0 0 0 2px #04140C}
.hh-d.fw{width:22px;height:22px;margin:-11px 0 0 -11px;background:#FF5D6C;box-shadow:0 0 0 2px #1F0508,0 0 14px #FF5D6C}
.hh-d.off{background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.hh-d.inj{background:#7d8590;box-shadow:0 0 0 2px #FF5D6C}
.hh-sk{position:relative;flex:none;margin-top:14px;height:52px;border:0;background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(255,210,63,.65);color:#FFE88A!important;font-weight:800;font-size:19px;letter-spacing:.12em;transform:skewX(-12deg);transition:background .2s,color .2s}
.hh-sk span{display:inline-block;transform:skewX(12deg)}
.hh-sk:hover{background:var(--hy);color:#1B1400!important}

/* orta maç */
.hh-match{grid-column:2;grid-row:1;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:18px 22px 20px;background:#070A11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -30px #000;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}
.hh-mbg{position:absolute;left:0;top:0;width:100%;height:280px;object-fit:cover;object-position:50% 30%}
.hh-dl,.hh-dr{position:absolute;top:0;width:52%;height:280px;pointer-events:none}
.hh-dl{left:0;background:linear-gradient(100deg,color-mix(in srgb,var(--c1) 90%,transparent),color-mix(in srgb,var(--c1) 50%,transparent) 60%,transparent);clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.hh-dr{right:0;background:linear-gradient(260deg,color-mix(in srgb,var(--c2) 90%,transparent),color-mix(in srgb,var(--c2) 50%,transparent) 60%,transparent);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.hh-fade{position:absolute;left:0;right:0;top:130px;height:160px;background:linear-gradient(180deg,rgba(7,10,17,0),#070A11 88%);pointer-events:none}
.hh-bolt{position:absolute;left:50%;top:34px;width:4px;height:180px;transform:translateX(-50%) skewX(-12deg);background:linear-gradient(180deg,rgba(255,232,138,0),var(--hy) 50%,rgba(255,232,138,0));box-shadow:0 0 24px var(--hy);pointer-events:none}
.hh-chips{flex-wrap:nowrap;min-width:0;overflow:hidden}
@media (max-width:1560px) and (min-width:761px){.hh-chip.hh-win{display:none}}
.hh-vs{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center;height:150px;margin-top:4px}
.hh-t{display:flex;align-items:center;gap:14px;min-width:0}
.hh-t.r{justify-content:flex-end;text-align:right}
.hh-t>svg{flex:none;width:96px;height:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.7))}
.hh-t>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.hh-t.r>div{align-items:flex-end}
.hh-t b{font:900 clamp(24px,2.5vw,40px)/.92 var(--hd-h);text-transform:uppercase;text-shadow:0 4px 18px rgba(0,0,0,.8);overflow-wrap:normal;word-break:normal;hyphens:none}
.hh-t span{align-self:flex-start;padding:2px 8px;background:rgba(0,0,0,.55);font-weight:800;font-size:15px;white-space:nowrap}
.hh-t.r span{align-self:flex-end}
.hh-v{font:900 80px/1 var(--hd-h);text-align:center;color:#fff;text-shadow:0 0 34px rgba(255,210,63,.9),0 6px 0 rgba(0,0,0,.5)}
.hh-ask{position:relative;display:flex;align-items:center;gap:10px;margin-top:6px}
.hh-ask span{font-weight:800;font-size:16px;letter-spacing:.16em;color:var(--hy)}
.hh-ask i{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,210,63,.5),rgba(255,210,63,0))}
.hh-ctas{position:relative;display:grid;grid-template-columns:1.12fr 1fr;gap:16px;margin-top:auto;padding-top:40px}
.hh-cta{position:relative;display:block;height:150px;border:0;padding:0;background:none;text-align:left;transition:transform .18s}
.hh-cta:hover{transform:translateY(-3px)}
.hh-cbg{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.hh-cta.play .hh-cbg{background:linear-gradient(160deg,#FFF0A8 0%,#FFD23F 40%,#E9A800 100%);animation:hhGlow 2.6s ease-in-out infinite}
.hh-cta.play .hh-cbg::after{content:"";position:absolute;right:-30px;top:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0))}
.hh-cta.mgr .hh-cbg{background:linear-gradient(160deg,#2C5C9C 0%,#173664 45%,#0B1A33 100%);box-shadow:inset 0 0 0 2px #5BB8FF}
.hh-cta.mgr .hh-cbg svg{position:absolute;inset:0;width:100%;height:100%;opacity:.35}
.hh-cta img{position:absolute;right:16px;bottom:0;height:128%;width:auto;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.55));transition:transform .25s}
.hh-cta.play img{right:22px;height:136%;bottom:0;filter:drop-shadow(0 10px 14px rgba(80,50,0,.55))}
.hh-cta:hover img{transform:translateY(-6px)}
.hh-cta.play:hover img{transform:translateY(-6px)}
.hh-ctx{position:absolute;left:22px;top:16px;bottom:16px;right:36%;display:flex;flex-direction:column;justify-content:center;gap:4px}
.hh-ctx em{align-self:flex-start;padding:2px 10px;font-style:normal;font-weight:800;font-size:13px;letter-spacing:.14em;white-space:nowrap}
.hh-ctx b{display:flex;align-items:center;gap:8px;white-space:nowrap;font:900 clamp(30px,2.7vw,48px)/.9 var(--hd-h);letter-spacing:.02em}
.hh-ctx b svg{flex:none}
.hh-ctx small{font-weight:700;font-size:15px;line-height:1.15}
.hh-cta.play{color:#1B1400}.hh-cta.play em{background:#1B1400;color:var(--hy)}.hh-cta.play small{color:#4A3A00}
.hh-cta.mgr{color:#F4F1EA}.hh-cta.mgr em{background:#5BB8FF;color:#04121F}.hh-cta.mgr small{color:#BFD9F5}
.hh-cta.mgr b{display:block;font-size:clamp(30px,3vw,46px)}
.hh-done{position:relative;margin:auto;display:grid;justify-items:center;gap:12px;text-align:center}

/* sağ sütun */
.hh-right{grid-column:3;grid-row:1;display:grid;grid-template-rows:1fr 1fr;gap:18px;min-height:0}
.hh-on,.hh-day{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:18px 20px;border:0;text-align:left;min-height:0}
.hh-on{background:#0A1220;box-shadow:inset 0 0 0 1px rgba(91,184,255,.5);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.hh-on>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.hh-on .hh-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,60,.3) 0%,rgba(6,12,24,.93) 75%)}
.hh-on>*:not(img):not(.hh-ov){position:relative}
.hh-chip.live{color:#8CCBFF;font-size:14px;letter-spacing:.14em}
.hh-chip.live i{width:9px;height:9px;border-radius:50%;background:#FF5D6C;box-shadow:0 0 10px #FF5D6C}
.hh-on b,.hh-day b{margin-top:auto;font:900 46px/.9 var(--hd-h)}
.hh-onb{display:flex;align-self:stretch;align-items:center;justify-content:space-between;margin-top:8px;font-weight:700;font-size:16px;color:#C9DDF2}
.hh-onb em{padding:7px 16px;background:#5BB8FF;color:#04121F;font-style:normal;font-weight:800;letter-spacing:.1em;transform:skewX(-12deg)}
.hh-day{background:#120E06;box-shadow:inset 0 0 0 1px rgba(255,210,63,.5);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
.hh-day>img{position:absolute;right:-20px;top:-10px;width:230px;height:230px;object-fit:cover;-webkit-mask-image:radial-gradient(circle at 60% 45%,#000 45%,transparent 72%);mask-image:radial-gradient(circle at 60% 45%,#000 45%,transparent 72%)}
.hh-day>*:not(img){position:relative}
.hh-day .hh-chip{color:#FFE88A;font-size:14px;letter-spacing:.14em}
.hh-ser{display:flex;gap:5px;margin-top:8px}
.hh-ser i{width:24px;height:8px;background:rgba(255,255,255,.16);transform:skewX(-14deg)}.hh-ser i.on{background:var(--hy)}
.hh-btn{margin-top:12px;height:44px;padding:0 26px;display:grid;place-items:center;background:var(--hy);color:#1B1400;font-style:normal;font-weight:800;font-size:18px;letter-spacing:.12em;transform:skewX(-12deg)}
.hh-btn span{transform:skewX(12deg)}
.hh-btn.ghost{background:rgba(255,255,255,.1);color:#E2D3A8;font-size:15px}

/* alt kutular */
.hh-tiles{grid-column:2/4;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hh-tile{width:100%;min-width:0;height:100%;box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;border:0;text-align:left;background:#0D1118;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);transition:transform .18s}
button.hh-tile:hover{transform:translateY(-3px)}
.hh-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform .4s}
.hh-tile:hover>img{transform:scale(1.05)}
.hh-tile .hh-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,12,0) 25%,rgba(5,7,12,.95) 85%)}
.hh-tile>*:not(img):not(.hh-ov){position:relative}
.hh-k{font-weight:800;font-size:13px;letter-spacing:.14em;color:#C3C9D4}
.hh-tile b{font:900 34px/.9 var(--hd-h)}
.hh-tile small{margin-top:4px;font-weight:700;font-size:15px;color:#D3DED8}
.hh-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-self:stretch;margin-top:8px}
.hh-3 button{border:0;padding:6px 0;font-weight:800;font-size:14px;color:#111!important}
.hh-3 .e{background:rgba(61,220,151,.9)}.hh-3 .m{background:rgba(255,255,255,.9)}.hh-3 .h{background:rgba(255,93,108,.92);color:#1F0508!important}
.hh-3 button:hover{filter:brightness(1.12)}
.hh-tile.pk{box-shadow:inset 0 0 0 1px rgba(61,220,151,.4)}.hh-tile.pk .hh-k{color:#A6F0CC}
.hh-tile.cup{background:radial-gradient(80% 70% at 70% 30%,#3B2470 0%,#120B22 75%);box-shadow:inset 0 0 0 1px rgba(142,107,255,.45)}
.hh-tile.cup>img{inset:8px 8px auto auto;width:auto;height:66%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(255,190,30,.45))}
.hh-tile.cup .hh-k{color:#D9CCFF}
.hh-tile.pass{box-shadow:inset 0 0 0 1px rgba(255,210,63,.4)}.hh-tile.pass .hh-k{color:#FFE88A}
.hh-bar{display:block;align-self:stretch;height:7px;margin-top:8px;background:linear-gradient(90deg,var(--hy) var(--p),rgba(255,255,255,.18) var(--p));transform:skewX(-14deg)}

/* lig gündemi şeridi */
.hh-tick{grid-column:1/-1;grid-row:3;display:flex;align-items:center;gap:20px;height:56px;padding:0 20px;background:rgba(4,6,11,.94);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.05);overflow:hidden}
.hh-tk{flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.hh-tk span{display:inline-block;font-weight:700;font-size:18px;color:#DADFE6}
.hh-tk i{color:#5C6573;font-style:normal;margin:0 4px}
.hh-tick>button{border:0;background:none;color:var(--hy)!important;font-weight:800;font-size:17px;letter-spacing:.1em;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.hh-shine,.hh-main,.hh-beam,.hh-cta.play .hh-cbg{animation:none}}

/* ara ekranlar */
@media (max-width:1380px) and (min-width:1101px){
  .hh{grid-template-columns:290px minmax(0,1fr) 300px}
  .hh-v{font-size:64px}.hh-vs{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr)}
  .hh-t>svg{width:76px}
  .hh-chip.hh-win{display:none}
}
@media (max-width:1100px) and (min-width:761px){
  .hh{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
  .hh-match{grid-column:1/-1;grid-row:auto;min-height:480px}
  .hh-stars{grid-column:1;grid-row:auto;min-height:620px}
  .hh-right{grid-column:2;grid-row:auto}
  .hh-tiles{grid-column:1/-1;grid-row:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px}
  .hh-tick{grid-row:auto}
}
/* telefon: Mobile tasarımı */
@media (max-width:760px){
  .hh{display:flex;flex-direction:column;gap:10px}
  .hh-match{order:1;margin:-12px -14px 0;padding:14px 14px 4px;min-height:0;background:transparent;box-shadow:none;clip-path:none;overflow:visible}
  .hh-mbg,.hh-dl,.hh-dr{height:360px}
  .hh-mbg{object-position:50% 25%}
  .hh-fade{top:180px;height:200px;background:linear-gradient(180deg,rgba(4,6,11,0),#04060B 85%)}
  .hh-bolt{display:none}
  .hh-chips{flex-direction:column;align-items:center;gap:6px}
  .hh-chips .hh-chip:not(.hh-win){display:none}
  .hh-win{margin:0;order:3;font-size:13px;background:none}
  .hh-tag.big{font-size:14px}
  .hh-vs{height:auto;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);margin-top:12px}
  .hh-t,.hh-t.r{flex-direction:column;gap:8px;text-align:center}
  .hh-t.r{flex-direction:column-reverse}
  .hh-t>div,.hh-t.r>div{align-items:center}
  .hh-t span,.hh-t.r span{align-self:center;font-size:13px;padding:1px 7px}
  .hh-t>svg{width:80px}.hh-t b{font-size:28px;text-align:center}
  .hh-v{font-size:52px}
  .hh-ask{display:none}
  .hh-ctas{grid-template-columns:1fr 1fr;gap:10px;padding-top:22px;margin-top:10px}
  .hh-cta{height:150px}
  .hh-cbg{clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}
  .hh-cta img{right:-4px;height:100%}
  .hh-cta.play img{right:2px;height:117%}
  .hh-ctx{left:12px;right:auto;top:auto;bottom:14px;gap:3px;justify-content:flex-end}
  .hh-ctx em{font-size:11px;padding:1px 6px;letter-spacing:.1em}
  .hh-ctx b,.hh-cta.mgr b{display:block;white-space:normal;font-size:32px;line-height:.86;max-width:80%}
  .hh-ctx b svg{display:none}
  .hh-ctx small{display:none}
  .hh-cta.play .hh-ctx em{font-size:0}.hh-cta.play .hh-ctx em::after{content:"KENDİN OYNA";font-size:11px}
  .hh-cta.mgr .hh-ctx em{font-size:0}.hh-cta.mgr .hh-ctx em::after{content:"MENAJER";font-size:11px}
  .hh-cta.mgr b{text-shadow:0 2px 10px rgba(0,0,0,.8)}
  .hh-right{order:2;grid-template-rows:none;grid-template-columns:1fr 1fr;gap:10px}
  .hh-on,.hh-day{padding:12px;min-height:150px}
  .hh-on b,.hh-day b{font-size:28px}
  .hh-onb{display:none}
  .hh-chip.live,.hh-day .hh-chip{font-size:11px;padding:2px 6px;white-space:normal;background:transparent;padding-left:0}
  .hh-day>img{width:150px;height:150px;right:-30px;top:-10px}
  .hh-ser{display:none}
  .hh-btn{position:absolute;right:12px;bottom:12px;margin:0;height:26px;padding:0 10px;font-size:12px}
  .hh-tiles{order:3;grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:10px}
  .hh-tile{padding:12px}.hh-tile b{font-size:28px}.hh-k{font-size:11px}.hh-tile small{font-size:12px}
  .hh-tile.cup>img{height:58%}
  .hh-3 button{font-size:11px;padding:5px 0}
  .hh-stars{order:4;min-height:600px}
  .hh-tick{order:5;height:46px;padding:0 10px;gap:10px}
  .hh-tick .hh-tag{font-size:12px}.hh-tk span{font-size:14px}.hh-tick>button{font-size:13px}
}
}

/* =====================================================================
   SAYFALAR: demo dili (sıkı başlık, kesik köşeli paneller, altın vurgular)
   ===================================================================== */
.screen{background:transparent}
.fx-top{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;align-items:center!important;gap:16px;flex-wrap:wrap;min-height:0!important;margin-bottom:16px!important}
.fx-top h1{font-size:clamp(30px,2.6vw,40px)!important;line-height:.95!important;margin:0!important}
.fx-top h1::after{display:none}
.fx-top h1::before{content:"";display:inline-block;width:12px;height:.78em;margin-right:12px;vertical-align:-.02em;background:var(--hd-gy);transform:skewX(-16deg)}
.fx-top>span{padding:3px 10px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:13px!important;transform:skewX(-12deg)}
.fx-card,.screen .panel,.fxc-hero,.fx-hero,.pl-hero{border-radius:0!important;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}
.fx-card,.screen .panel{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)!important}
.screen .panel:hover,.fx-card:hover{box-shadow:inset 0 0 0 1px rgba(255,210,63,.3)!important}
.fx-card::before,.screen .panel::before{width:38%;height:3px;transform:skewX(-20deg);transform-origin:left}
.btn{border-radius:0!important;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);font-family:var(--hd-t)!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase}
.btn.ghost{box-shadow:inset 0 0 0 1px rgba(255,210,63,.45)!important;color:#FFE88A!important}
.fx-sub button,.fx-seg button{border-radius:0!important;transform:skewX(-12deg);font-family:var(--hd-t)!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase}
.fx-sub button>*,.fx-seg button>*{transform:skewX(12deg)}
input,select{border-radius:0!important}
.screen select,.screen input[type=search],.screen input[type=text]{background:#0A1020!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;font-family:var(--hd-t)!important;font-weight:700}
/* kadro sahası */
.screen[data-screen=squad] .ut-pitch,.screen[data-screen=squad] .pitch,.screen[data-screen=squad] [class*=pitch]{border-radius:0!important}
.chip{border-radius:0!important;transform:skewX(-12deg)}
/* pazar kart kutuları */
.screen[data-screen=market] .mk-item,.screen[data-screen=market] [class*=mk-c]{border-radius:0!important}

/* =====================================================================
   FUTBOLCU AYRINTI (sekmeli, kısa)
   ===================================================================== */
.modal .box:has(.pd){width:min(960px,96vw);max-width:none;padding:22px!important;border-radius:0!important;background:linear-gradient(180deg,#0E1528,#05080F)!important;box-shadow:inset 0 0 0 1px rgba(255,210,63,.3),0 40px 90px -30px #000!important;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.pd{display:grid;gap:16px;font-family:var(--hd-t);color:#F4F1EA}
.pd-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
.pd-card{position:relative;filter:drop-shadow(0 0 24px rgba(255,200,40,.35)) drop-shadow(0 18px 24px rgba(0,0,0,.7))}
.pd-card{width:224px;height:330px;align-self:start}.pd-card .fc{zoom:.86}
.modal .box:has(.pd)>.modal-x{position:absolute!important;right:16px;top:16px;z-index:3;width:40px!important;height:40px!important;margin:0!important;padding:0!important;border:0;border-radius:0!important;background:rgba(255,255,255,.08)!important;color:#fff;font-size:22px;line-height:1;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.modal .box:has(.pd)>.modal-x:hover{background:var(--hd-y)!important;color:#1B1400}
.pd-info{display:grid;gap:10px;min-width:0}
.pd-k{font-weight:800;font-size:14px;letter-spacing:.14em;color:var(--hd-y);text-transform:uppercase}
.pd-name{font:900 clamp(34px,4vw,54px)/.9 var(--hd-h);text-transform:uppercase;letter-spacing:.02em}
.pd-chips{display:flex;flex-wrap:wrap;gap:6px}
.pd-chips>span{padding:4px 10px;background:rgba(255,255,255,.07);font-weight:800;font-size:14px;letter-spacing:.06em;transform:skewX(-12deg)}
.pd-chips b{color:var(--hd-y)}
.pd-chips .pd-r{background:var(--rc);color:#120c00}
.pd-chips .dev{background:#8E6BFF;color:#fff}.pd-chips .inj{background:#FF5D6C;color:#1F0508}
.pd-lv{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:10px;font-weight:800;font-size:14px;letter-spacing:.08em}
.pd-lv>span{padding:3px 9px;background:#1B1400;color:var(--hd-y);box-shadow:inset 0 0 0 1px rgba(255,210,63,.5)}
.pd-lv>i{display:block;height:8px;background:rgba(255,255,255,.12);transform:skewX(-14deg);overflow:hidden}
.pd-lv>i>i{display:block;height:100%;background:var(--hd-gy)}
.pd-lv em{font-style:normal;color:#9AA3B3;font-weight:700}
.pd-acts{display:flex;flex-wrap:wrap;gap:8px}
.pd-acts .btn{min-height:42px;padding:0 16px;font-size:14px!important}
.pd-tabs{display:flex;gap:6px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}
.pd-tabs button{border:0;padding:9px 18px;background:rgba(255,255,255,.05);color:#B9C0CC;font:800 15px var(--hd-t);letter-spacing:.1em;cursor:pointer;transform:skewX(-12deg)}
.pd-tabs button[aria-selected=true]{background:var(--hd-gy);color:#1B1400}
.pd-attrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pd-attrs.gk{grid-template-columns:minmax(0,420px)}
.pd-g{padding:12px 14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.pd-gh{display:flex;align-items:baseline;justify-content:space-between}
.pd-gh b{font:900 20px/1 var(--hd-h);letter-spacing:.08em}
.pd-gh span{font:900 30px/1 var(--hd-h)}
.pd-gb{display:block;height:5px;margin:8px 0 8px;background:rgba(255,255,255,.1);transform:skewX(-14deg);overflow:hidden}
.pd-gb>i{display:block;height:100%}
.pd-g dl{display:grid;gap:3px;margin:0}
.pd-g dl div{display:flex;justify-content:space-between;gap:8px;font-weight:700;font-size:14px}
.pd-g dt{color:#A7AFBD}.pd-g dd{margin:0;font-weight:800}
.pd-pane .cstyle{margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.pd-pane .cs-celebs button,.pd-pane .cs-skins button{border-radius:0!important;transform:skewX(-10deg)}
.pd-pane .cs-celebs button[aria-checked=true],.pd-pane .cs-skins button[aria-checked=true]{background:var(--hd-gy)!important;color:#1B1400!important;border-color:transparent!important}
@media (max-width:760px){
  .modal .box:has(.pd){padding:14px!important}
  .pd-top{grid-template-columns:1fr;justify-items:center;text-align:center;gap:12px}
  .pd-card{width:182px;height:268px}.pd-card .fc{zoom:.7}
  .pd-chips,.pd-acts{justify-content:center}
  .pd-lv{grid-template-columns:auto 1fr;}.pd-lv em{grid-column:1/-1}
  .pd-attrs{grid-template-columns:1fr 1fr;gap:8px}
  .pd-g{padding:10px}.pd-gh b{font-size:16px}.pd-gh span{font-size:24px}.pd-g dl div{font-size:12px}
  .pd-tabs button{flex:1;padding:8px 6px;font-size:12px}
  .pd-acts .btn{flex:1 1 45%;font-size:12px!important;padding:0 8px}
}

/* =====================================================================
   TRANSFER PAZARI (demo düzeni)
   ===================================================================== */
.screen[data-screen=market] .fx-top{display:none!important}
.tm{--hy:#FFD23F;display:grid;gap:14px;font-family:var(--hd-t);color:#F4F1EA}
.tm button{font-family:inherit;cursor:pointer}
.tm-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:56px}
.tm-head h1{margin:0;font:900 52px/1 var(--hd-h);letter-spacing:.02em}
.tm-tabs{display:flex;gap:6px;margin-left:12px}
.tm-tabs button{height:42px;padding:0 18px;border:0;background:rgba(255,255,255,.08);color:#DADFE6;font-weight:800;font-size:18px;letter-spacing:.1em;transform:skewX(-12deg)}
.tm-tabs button>span{display:inline-block;transform:skewX(12deg)}
.tm-tabs button[aria-selected=true]{background:var(--hy);color:#1B1400}
.tm-tax{margin-left:auto;font-weight:700;font-size:16px;color:#9EA6B3}
.tm-tag{display:inline-block;padding:4px 12px;background:var(--hy);color:#1B1400;font-weight:800;font-size:15px;letter-spacing:.14em;transform:skewX(-12deg)}
.tm-tag>span{display:inline-block;transform:skewX(12deg)}.tm-tag.red{background:#FF5D6C;color:#1F0508}
.tm-gate{display:flex;align-items:center;gap:14px;padding:10px 14px;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,93,108,.35);font-weight:700;font-size:16px;color:#DADFE6}
.tm-body{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:start}
.tm-body.one{grid-template-columns:minmax(0,1fr)}
.tm-main{display:grid;gap:14px;min-width:0}
.tm-filter{display:flex;align-items:center;gap:8px;min-height:50px;padding:6px 12px;box-sizing:border-box;flex-wrap:wrap;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.tm-fl{font-weight:800;font-size:14px;letter-spacing:.14em;color:#9EA6B3;margin-right:4px}
.tm-ch{border:0;padding:4px 12px;background:rgba(255,255,255,.08);color:#F4F1EA;font-weight:800;font-size:16px}
.tm-ch.on{background:#F4F1EA;color:#111}
.tm-ch.rar{background:color-mix(in srgb,var(--rc) 20%,transparent);color:var(--rc)}
.tm-ch.rar.on{background:var(--rc);color:#111}
.tm-sep{width:1px;height:26px;background:rgba(255,255,255,.15);margin:0 6px}
.tm-q{margin-left:auto;display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:rgba(0,0,0,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.tm-q input{width:140px;border:0!important;background:transparent!important;box-shadow:none!important;color:#F4F1EA;font:700 16px var(--hd-t)!important;outline:none;padding:0}
.tm-sub{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:700;font-size:15px;color:#9EA6B3}
.tm-sub b{color:#F4F1EA}
.tm-sorts{display:flex;gap:6px}
.tm-sorts select{height:32px;padding:0 8px;border:0;color:#F4F1EA;font:700 14px var(--hd-t)!important}
.tm-rl{width:32px;height:32px;border:0;background:rgba(255,255,255,.08);color:var(--hy);font-weight:900}
.tm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tm-grid.four{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.tm-it{position:relative;display:flex;align-items:center;gap:14px;padding:14px;min-height:230px;box-sizing:border-box;background:linear-gradient(160deg,color-mix(in srgb,var(--rc) 16%,rgba(10,11,16,.95)),rgba(10,11,16,.95) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rc) 40%,transparent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:transform .18s}
.tm-it:hover{transform:translateY(-3px)}
.tm-card{flex:none;width:122px;height:176px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6))}
.tm-card .fc{zoom:.64;cursor:pointer}
.tm-info{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}
.tm-sel{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px;letter-spacing:.12em;color:#E2D3A8;min-width:0}
.tm-sel>span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15}.tm-sel svg{flex:none}
.tm-name{font-weight:800;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-pr{display:flex;align-items:center;gap:6px;font:900 clamp(24px,2.1vw,32px)/1 var(--hd-h)}
.tm-pr.big{font-size:34px}
.tm-coin{width:22px;height:22px;flex:none}
.tm-end{font-weight:700;font-size:13px;color:#9EA6B3;white-space:nowrap}
.tm-buy{margin-top:6px;height:40px;border:0;white-space:nowrap;background:var(--hy);color:#1B1400;font-weight:800;font-size:16px;letter-spacing:.1em;transform:skewX(-12deg)}
.tm-buy>span{display:inline-block;transform:skewX(12deg)}
.tm-buy:hover:not(:disabled){filter:brightness(1.08)}
.tm-buy.lack{background:rgba(255,255,255,.1);color:#9EA6B3;cursor:not-allowed}
.tm-buy.ghost{background:transparent;color:#FFE88A;box-shadow:inset 0 0 0 1px rgba(255,210,63,.6)}
.tm-add{display:grid;place-items:center;align-content:center;gap:4px;min-height:230px;border:0;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,210,63,.35);color:#FFE88A;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.tm-add b{font:900 56px/1 var(--hd-h)}.tm-add span{font-weight:800;font-size:18px;letter-spacing:.12em}.tm-add small{color:#9EA6B3;font-weight:700;font-size:14px}
.tm-pager{display:flex;align-items:center;justify-content:center;gap:16px;font-weight:800}
.tm-pager button{height:38px;padding:0 16px;border:0;background:rgba(255,255,255,.08);color:#F4F1EA;font-weight:800;letter-spacing:.08em;transform:skewX(-12deg)}
.tm-pager button:disabled{opacity:.35}
.tm-empty{padding:30px;text-align:center;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-weight:700;font-size:17px;color:#C3C9D4}
.tm-skel{min-height:230px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04));background-size:200% 100%;animation:tmSk 1.4s linear infinite}
@keyframes tmSk{to{background-position:-200% 0}}
/* sağ panel */
.tm-side{display:flex;flex-direction:column;gap:14px}
.tm-scout{position:relative;overflow:hidden;min-height:400px;padding:18px;box-sizing:border-box;background:radial-gradient(80% 60% at 70% 40%,rgba(255,210,63,.28),rgba(18,14,6,.96) 70%);box-shadow:inset 0 0 0 1px rgba(255,210,63,.5);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.tm-sc-card{position:absolute;right:22px;top:44px;width:190px;height:262px;transform:rotate(4deg);overflow:hidden;filter:drop-shadow(0 0 24px rgba(255,200,40,.6)) drop-shadow(0 18px 20px rgba(0,0,0,.7))}
.tm-sc-card .fc{zoom:1;cursor:pointer;margin:0 auto}
.tm-shine{position:absolute;top:-10%;left:0;width:30%;height:120%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));animation:hhShine 3.2s ease-in-out infinite;pointer-events:none}
.tm-sc-t{position:relative;margin-top:22px;width:170px;display:flex;flex-direction:column;gap:8px}
.tm-sc-t b{font:900 44px/.88 var(--hd-h);text-transform:uppercase}
.tm-sc-t span{font-weight:700;font-size:16px;color:#E2D3A8;line-height:1.3}
.tm-sc-b{position:relative;display:flex;align-items:center;gap:12px;margin-top:70px}
.tm-gold{flex:1;height:48px;border:0;background:linear-gradient(180deg,#FFE88A,#FFD23F 45%,#F2B000);color:#1B1400;font-weight:800;font-size:19px;letter-spacing:.1em;transform:skewX(-12deg)}
.tm-gold>span{display:inline-block;transform:skewX(12deg)}
.tm-gold:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed}
.tm-sc-more{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:14px}
.tm-mini{display:grid;justify-items:center;gap:1px;padding:6px 2px;border:0;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,210,63,.3);color:#F4F1EA}
.tm-mini b{font:900 22px/1 var(--hd-h)}.tm-mini span{font-weight:800;font-size:12px;color:#E2D3A8}.tm-mini em{font-style:normal;font-weight:800;font-size:12px;color:var(--hy)}
.tm-mini.got{opacity:.45}
.tm-mine{display:flex;flex-direction:column;gap:10px;padding:16px 18px;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.tm-mh{display:flex;justify-content:space-between;font-weight:800;font-size:15px;letter-spacing:.16em;color:#9EA6B3}.tm-mh span{color:#DADFE6}
.tm-row{display:flex;align-items:center;gap:12px;padding:8px;background:rgba(255,255,255,.05)}
.tm-row.ok{background:rgba(61,220,151,.1);box-shadow:inset 0 0 0 1px rgba(61,220,151,.4)}
.tm-row.buy{box-shadow:inset 3px 0 0 #5BB8FF}
.tm-pos{flex:none;width:40px;height:52px;display:grid;place-items:center;background:color-mix(in srgb,var(--rc,#BFC7CF) 18%,transparent);color:var(--rc,#BFC7CF);font-weight:800}
.tm-row.ok .tm-pos{color:#3DDC97;background:rgba(61,220,151,.15)}
.tm-rt{flex:1;min-width:0;display:flex;flex-direction:column}
.tm-rt b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-rt span{font-size:14px;color:#9EA6B3;font-weight:700}
.tm-row.ok .tm-rt span{color:#A6F0CC}
.tm-row>button{border:0;background:none;color:var(--hy);font-weight:800;font-size:15px;letter-spacing:.08em}
.tm-row>em{font-style:normal;font-size:13px;color:#9EA6B3;font-weight:700}
.tm-amt{display:flex;align-items:center;gap:6px;font:900 22px/1 var(--hd-h)}
.tm-row.ok .tm-amt{color:#3DDC97}.tm-row.buy .tm-amt{color:#FF9DA8}
.tm-none{font-weight:700;font-size:15px;color:#9EA6B3}
.tm-sellbtn{margin-top:auto;height:50px;border:0;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,210,63,.6);color:#FFE88A;font-weight:800;font-size:18px;letter-spacing:.12em;transform:skewX(-12deg)}
.tm-sellbtn>span{display:inline-block;transform:skewX(12deg)}
.tm-sellbtn:hover{background:var(--hy);color:#1B1400}
.tm-log{display:grid;gap:8px}
@media (max-width:1380px) and (min-width:761px){.tm-body{grid-template-columns:minmax(0,1fr) 340px}.tm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-sc-card{width:150px;height:210px}.tm-sc-card .fc{zoom:.8}.tm-sc-t b{font-size:36px}}
@media (max-width:1100px) and (min-width:761px){.tm-body{grid-template-columns:1fr}.tm-side{display:grid;grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .tm{gap:10px}
  .tm-head{gap:10px;min-height:0}.tm-head h1{font-size:34px}
  .tm-tabs{margin:0;width:100%;overflow-x:auto;scrollbar-width:none}.tm-tabs button{flex:none;height:36px;padding:0 12px;font-size:14px}
  .tm-tax{margin:0;font-size:13px}
  .tm-body{grid-template-columns:1fr;gap:14px}
  .tm-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px 8px}.tm-filter::-webkit-scrollbar{display:none}
  .tm-ch{flex:none;font-size:14px;padding:4px 10px}
  .tm-q{margin-left:6px;flex:none}.tm-q input{width:110px}
  .tm-grid,.tm-grid.four{grid-template-columns:1fr;gap:10px}
  .tm-it{min-height:0;padding:10px;gap:12px}
  .tm-card{width:104px;height:150px}.tm-card .fc{zoom:.55}
  .tm-gate{flex-direction:column;align-items:flex-start;gap:6px;font-size:14px}
  .tm-pr{font-size:26px}.tm-name{font-size:15px}.tm-buy{height:36px;font-size:15px}
  .tm-scout{min-height:340px}.tm-sc-card{width:140px;height:200px;right:12px}.tm-sc-card .fc{zoom:.74}
  .tm-sc-t{width:150px}.tm-sc-t b{font-size:34px}.tm-sc-t span{font-size:14px}
  .tm-sc-more{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* =====================================================================
   KADRO (demo düzeni)
   ===================================================================== */
.screen[data-screen=squad] .fx-top{display:none!important}
.tk-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-height:56px;margin-bottom:14px;font-family:var(--hd-t);color:#F4F1EA}
.tk-head h1{margin:0;font:900 52px/1 var(--hd-h);letter-spacing:.02em}
.tk-chip{padding:4px 12px;background:rgba(255,255,255,.08);font-weight:800;font-size:17px;letter-spacing:.08em}
.tk-chip .y{color:#FFD23F}.tk-chip .g{color:#3DDC97}
.tk-tabs{display:flex;gap:6px}
.tk-tabs button{height:40px;padding:0 16px;border:0;background:rgba(255,255,255,.08);color:#DADFE6;font:800 16px var(--hd-t);letter-spacing:.1em;cursor:pointer;transform:skewX(-12deg)}
.tk-tabs button>span{display:inline-block;transform:skewX(12deg)}
.tk-tabs button[aria-selected=true]{background:#FFD23F;color:#1B1400}
.tk-hint{margin-left:auto;font-weight:700;font-size:16px;color:#9EA6B3}
.tk-auto{padding:10px 20px;border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#F4F1EA;font:800 17px var(--hd-t);letter-spacing:.1em;cursor:pointer;transform:skewX(-12deg)}
.tk-auto>span{display:inline-block;transform:skewX(12deg)}.tk-auto:hover{background:#FFD23F;color:#1B1400}
.tk{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;font-family:var(--hd-t);color:#F4F1EA}
.tk-pitch{position:relative;height:clamp(560px,calc(100vh - 210px),720px);overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.tk-grass{position:absolute;inset:0;background:repeating-linear-gradient(180deg,#145430 0 10%,#186238 10% 20%)}
.tk-vig{position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 45%,rgba(255,255,255,.10),rgba(0,0,0,.45) 100%)}
.tk-lines{position:absolute;inset:0;width:100%;height:100%}
.tk-slots{position:absolute;inset:0 4% 0 4%}
.tk-slots .slot .fc{filter:drop-shadow(0 12px 14px rgba(0,0,0,.6))}
.tk-slots .slot .chip{font-family:var(--hd-t)!important;font-weight:800}
.tk-slots .slot.sel .drop{outline:3px solid #FFD23F;outline-offset:3px}
.tk-es{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:110px;height:150px;background:rgba(0,0,0,.35)!important;box-shadow:inset 0 0 0 2px rgba(255,210,63,.8)!important;color:#FFE88A!important;border:0!important;border-radius:0!important;clip-path:polygon(14% 0,86% 0,100% 9%,100% 91%,86% 100%,14% 100%,0 91%,0 9%);animation:tkPulse 1.8s ease-in-out infinite}
.tk-es b{font-weight:800;font-size:16px;letter-spacing:.1em}
@keyframes tkPulse{0%,100%{opacity:.75}50%{opacity:1}}
.tk-up{position:absolute;left:44px;top:34px;padding:4px 12px;background:rgba(0,0,0,.6);font-weight:800;font-size:15px;letter-spacing:.12em;color:#FFE88A}
.tk-warn{position:absolute;right:44px;bottom:40px;max-width:60%;display:flex;align-items:center;gap:8px;padding:6px 12px;background:rgba(0,0,0,.65);font-weight:800;font-size:15px;letter-spacing:.04em}
.tk-warn>i{flex:none;width:10px;height:10px;border-radius:50%;background:#FFD23F}
.tk-side{display:flex;flex-direction:column;gap:14px;min-height:0;max-height:clamp(560px,calc(100vh - 210px),720px)}
.tk-box{padding:16px 18px;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}
.tk-l{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15px;letter-spacing:.16em;color:#9EA6B3}
.tk-l>span{color:#DADFE6;letter-spacing:.08em}
.tk-saved{padding:2px 8px;background:rgba(61,220,151,.15);color:#3DDC97!important;font-size:12px}
.tk-forms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tk-forms button{height:46px;border:0;background:rgba(255,255,255,.08);color:#DADFE6;font:800 20px var(--hd-t);cursor:pointer;transform:skewX(-12deg)}
.tk-forms button>span{display:inline-block;transform:skewX(12deg)}
.tk-forms button[aria-pressed=true]{background:#FFD23F;color:#1B1400}
.tk-bars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:4px}
.tk-bars>div{display:flex;flex-direction:column;gap:5px}
.tk-bars span{display:flex;justify-content:space-between;font-weight:800;font-size:15px;letter-spacing:.08em}
.tk-bars em{font-style:normal;color:#9EA6B3}
.tk-bars i{display:block;height:7px;background:linear-gradient(90deg,var(--c) var(--p),rgba(255,255,255,.12) var(--p));transform:skewX(-14deg)}
.tk-sel{flex-direction:row;align-items:center;gap:12px;background:rgba(255,210,63,.08);box-shadow:inset 0 0 0 1px rgba(255,210,63,.45)}
.tk-ava{position:relative;flex:none;width:48px;height:56px;overflow:hidden;background:rgba(255,255,255,.06);clip-path:polygon(14% 0,86% 0,100% 12%,100% 88%,86% 100%,14% 100%,0 88%,0 12%)}
.tk-ava img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.tk-rt{flex:1;min-width:0;display:flex;flex-direction:column}
.tk-rt b{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-rt span{font-size:14px;color:#C3C9D4;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-ovr{font:900 30px/1 var(--hd-h)}
.tk-sel .tk-ovr{color:#FFD23F}
.tk-det{border:0;padding:8px 12px;background:#FFD23F;color:#1B1400;font:800 14px var(--hd-t);letter-spacing:.08em;cursor:pointer;transform:skewX(-12deg)}
.tk-bench{flex:1;min-height:150px}
.tk-list{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin}
.tk-row{display:flex;align-items:center;gap:12px;padding:6px 8px;background:rgba(255,255,255,.05);cursor:grab;touch-action:none;user-select:none}
.tk-row:hover{background:rgba(255,255,255,.09)}
.tk-row.on{background:rgba(255,210,63,.1);box-shadow:inset 0 0 0 1px rgba(255,210,63,.5)}
.tk-pos{flex:none;width:40px;height:50px;display:grid;place-items:center;background:color-mix(in srgb,var(--rc) 18%,transparent);font-weight:800;color:var(--rc)}
.tk-row .tk-ovr{color:var(--rc)}
.drag-ghost.tk-row{position:fixed;z-index:100;width:300px;pointer-events:none;transform:translate(-50%,-50%);background:#0E1528;box-shadow:0 0 0 2px #FFD23F,0 20px 40px rgba(0,0,0,.6)}
.tk-none{font-weight:700;color:#9EA6B3}
.tk-buy{border:0;background:none;color:#FFD23F;font:800 15px var(--hd-t);letter-spacing:.1em;cursor:pointer;align-self:flex-end}
.tk-save{flex:none;height:64px;border:0;background:linear-gradient(180deg,#FFE88A,#FFD23F 45%,#F2B000);color:#1B1400;box-shadow:0 0 30px rgba(255,200,40,.4);cursor:pointer;transform:skewX(-12deg)}
.tk-save>span{display:inline-block;transform:skewX(12deg);font:900 32px/1 var(--hd-h);letter-spacing:.05em}
/* koleksiyon */
.screen[data-screen=squad] .filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);margin-bottom:14px}
.screen[data-screen=squad] .filters input[type=search],.screen[data-screen=squad] .filters select{height:36px;border:0}
.screen[data-screen=squad] .filters .forms button{border-radius:0!important;transform:skewX(-12deg);font-family:var(--hd-t);font-weight:800}
.screen[data-screen=squad] .filters .forms button[aria-pressed=true]{background:#FFD23F!important;color:#1B1400!important}
.screen[data-screen=squad] .list-view .li{border-radius:0!important;background:rgba(255,255,255,.05)!important;font-family:var(--hd-t)}
@media (max-width:1380px) and (min-width:761px){.tk{grid-template-columns:minmax(0,1fr) 340px}.tk-hint{display:none}}
@media (max-width:1100px) and (min-width:761px){.tk{grid-template-columns:1fr}.tk-side{max-height:none}.tk-bench{max-height:420px}}
@media (max-width:760px){
  .tk-head{gap:8px;min-height:0}.tk-head h1{font-size:34px}.tk-chip{font-size:13px}
  .tk-tabs{width:100%}.tk-tabs button{flex:1;height:36px;font-size:13px;padding:0 8px}
  .tk-hint{display:none}.tk-auto{width:100%;font-size:15px}
  .tk{grid-template-columns:1fr;gap:12px}
  .tk-pitch{height:auto;aspect-ratio:3/3.6}
  .tk-slots .slot .fc{zoom:.62}.tk-es{zoom:.62}
  .tk-up{left:12px;top:12px;font-size:11px}.tk-warn{left:10px;right:10px;bottom:16px;max-width:none;font-size:12px}
  .tk-side{max-height:none}.tk-bench{max-height:380px}
  .tk-forms button{height:40px;font-size:17px}
  .tk-save{height:54px}.tk-save>span{font-size:26px}
}
.tk-bench .tk-list{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:8px!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;grid-template-columns:none!important}
.tk-bench .tk-row{position:relative!important;width:100%!important;box-sizing:border-box;flex:none!important;margin:0!important;transform:none!important}
.tk-bench .tk-row>*{position:static!important}
.tk-forms button,.tk-forms button[aria-pressed]{border-radius:0!important;box-shadow:none!important}
.tk-warn{bottom:auto;top:30px;right:30px}
.tk{grid-template-columns:minmax(0,1fr) 420px}
.tk-pitch,.tk-side{min-width:0}
@media (max-width:760px){.tk{grid-template-columns:minmax(0,1fr)!important}.tk-warn{top:auto;bottom:10px;left:10px;right:10px}}
.tk-warn{top:auto!important;right:auto!important;left:30px;bottom:30px;max-width:30%;align-items:flex-start;line-height:1.25}
.tk-warn>i{margin-top:4px}
@media (max-width:1380px){.tk-warn{max-width:26%;font-size:13px}}
@media (max-width:760px){.tk-warn{left:auto!important;right:8px!important;top:8px!important;bottom:auto!important;max-width:44%;font-size:10.5px;padding:4px 6px}}

/* =====================================================================
   KULÜP (demo düzeni)
   ===================================================================== */
.screen[data-screen=club] .fx-top{display:none!important}
.tc{display:grid;gap:18px;font-family:var(--hd-t);color:#F4F1EA;margin-bottom:18px}
.tc button{font-family:inherit;color:inherit;cursor:pointer}
.tc-hero{position:relative;height:280px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.tc-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.tc-g1{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--c2) 96%,transparent) 0%,color-mix(in srgb,var(--c2) 85%,#000) 38%,rgba(20,6,10,.35) 70%,rgba(4,6,11,.2) 100%)}
.tc-g2{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(180deg,rgba(4,6,11,0),rgba(4,6,11,.85))}
.tc-crest{position:absolute;left:36px;top:30px;filter:drop-shadow(0 0 30px rgba(255,255,255,.25)) drop-shadow(0 18px 22px rgba(0,0,0,.7));animation:hhFloat 4s ease-in-out infinite}
.tc-crest svg{width:190px;height:auto;display:block}
.tc-id{position:absolute;left:270px;right:220px;top:36px;bottom:22px;display:flex;flex-direction:column;gap:8px}
.tc-kick{font-weight:800;font-size:18px;letter-spacing:.18em;color:#FFD23F}
.tc-id h1{margin:0;font:900 clamp(56px,6.4vw,104px)/.85 var(--hd-h);letter-spacing:.01em;text-transform:uppercase;text-shadow:0 6px 24px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.tc-stats>span{padding:6px 14px;background:rgba(0,0,0,.5);font-weight:800;font-size:18px}
.tc-stats em{font-style:normal;color:#9EA6B3}
.tc-tabs{margin-top:auto;display:flex;gap:6px;flex-wrap:wrap}
.tc-tabs button{height:42px;padding:0 20px;border:0;background:rgba(0,0,0,.55);color:#DADFE6!important;font-weight:800;font-size:18px;letter-spacing:.1em;transform:skewX(-12deg)}
.tc-tabs button>span{display:inline-block;transform:skewX(12deg)}
.tc-tabs button[aria-selected=true]{background:#FFD23F;color:#1B1400!important}
.tc-tabs button:hover:not([aria-selected=true]){background:rgba(255,255,255,.14)}
.tc-lv{position:absolute;right:36px;top:40px;width:150px;height:150px;border-radius:50%;background:conic-gradient(#FFD23F 0 var(--p),rgba(255,255,255,.14) var(--p) 100%);display:grid;place-items:center}
.tc-lv>span{width:128px;height:128px;border-radius:50%;background:rgba(8,10,16,.92);display:flex;flex-direction:column;align-items:center;justify-content:center}
.tc-lv em{font-style:normal;font-weight:800;font-size:14px;letter-spacing:.14em;color:#9EA6B3}.tc-lv em.y{color:#FFD23F;letter-spacing:0}
.tc-lv b{font:900 60px/.9 var(--hd-h)}
.tc-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tc-tile{position:relative;overflow:hidden;min-height:270px;display:flex;flex-direction:column;align-items:flex-start;padding:18px 20px;border:0;text-align:left;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);transition:transform .18s}
.tc-tile:hover{transform:translateY(-3px)}
.tc-tile>*:not(img):not(.tc-ov){position:relative}
.tc-k{font-weight:800;font-size:14px;letter-spacing:.16em}
.tc-tile b{font:900 40px/.9 var(--hd-h);margin-top:4px;text-transform:uppercase}
.tc-tile.kit{background:radial-gradient(70% 70% at 70% 40%,color-mix(in srgb,var(--c2,#6E1423) 55%,transparent),rgba(10,11,16,.96) 75%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.tc-tile.kit .tc-k{color:#FFB3BA}
.tc-kits{position:absolute!important;right:12px;bottom:12px;display:flex;gap:6px;align-items:flex-end;filter:drop-shadow(0 12px 14px rgba(0,0,0,.6))}
.tc-kits svg{height:auto}
.tc-kits>*:last-child{opacity:.9}
.tc-chipb{margin-top:auto;padding:7px 16px;background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);font-weight:800;font-size:16px;letter-spacing:.1em;transform:skewX(-12deg)}
.tc-tile.std{background:#0A1220;box-shadow:inset 0 0 0 1px rgba(91,184,255,.45)}
.tc-tile.std>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tc-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,24,.75) 0%,rgba(6,12,24,.15) 45%,rgba(6,12,24,.92) 100%)}
.tc-tile.std .tc-k{color:#8CCBFF}
.tc-foot{margin-top:auto;align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:16px;color:#C9DDF2}
.tc-foot em{flex:none;padding:7px 16px;background:#5BB8FF;color:#04121F;font-style:normal;font-weight:800;letter-spacing:.1em;transform:skewX(-12deg)}
.tc-tile.ofc{background:radial-gradient(70% 80% at 80% 60%,rgba(61,220,151,.25),rgba(8,14,12,.96) 75%);box-shadow:inset 0 0 0 1px rgba(61,220,151,.4)}
.tc-tile.ofc>img{position:absolute;right:6px;bottom:0;height:88%;width:auto;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6))}
.tc-tile.ofc .tc-k{color:#A6F0CC}
.tc-info{margin-top:auto;display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:16px;color:#D3DED8}.tc-info b{font:800 16px var(--hd-t);color:#F4F1EA;margin:0;text-transform:none}
.tc-road{padding:14px 20px;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
.tc-rh{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;font-weight:800;font-size:15px;letter-spacing:.16em;color:#9EA6B3}
.tc-rh b{color:#DADFE6;margin-left:6px}
.tc-y{margin-left:auto;color:#FFD23F;letter-spacing:.02em}
.tc-rh button{border:0;background:none;color:#FFD23F!important;font-weight:800;letter-spacing:.1em}
.tc-tiers{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:8px;align-items:end}
.tc-t{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;opacity:.45;filter:grayscale(.6)}
.tc-t.past{opacity:.8;filter:none}
.tc-t.me{opacity:1;filter:none;background:rgba(255,210,63,.12);box-shadow:inset 0 0 0 2px #FFD23F}
.tc-t img,.tc-t svg{height:76px;width:auto}
.tc-t b{font-size:14px;letter-spacing:.08em;text-align:center}.tc-t.me b{color:#FFE88A}
.tc-t .tc-cup{position:absolute;right:6px;top:4px;height:34px!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}
.tc-last{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.tc-last .tc-k{color:#9EA6B3;margin-right:6px}
.tc-m{display:flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(255,255,255,.05);font-weight:700;font-size:15px}
.tc-m i{display:grid;place-items:center;width:22px;height:22px;font-style:normal;font-weight:900;color:#111}
.tc-m.W i{background:#3DDC97}.tc-m.D i{background:#DADFE6}.tc-m.L i{background:#FF5D6C}
.tc-none{color:#9EA6B3;font-weight:700}
.tc-edit{padding:18px;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
@media (max-width:1280px) and (min-width:761px){.tc-id{right:190px}.tc-lv{width:120px;height:120px}.tc-lv>span{width:100px;height:100px}.tc-lv b{font-size:44px}.tc-crest svg{width:150px}.tc-id{left:220px}.tc-tile b{font-size:32px}}
@media (max-width:760px){
  .tc{gap:12px}
  .tc-hero{height:auto;min-height:330px;padding:16px 14px 18px}
  .tc-crest{position:relative;left:auto;top:auto;display:block;width:96px}.tc-crest svg{width:96px}
  .tc-id{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-top:8px}
  .tc-kick{font-size:12px}.tc-id h1{font-size:46px;white-space:normal}
  .tc-stats>span{font-size:13px;padding:4px 8px}
  .tc-tabs{margin-top:10px}.tc-tabs button{height:36px;padding:0 12px;font-size:13px}
  .tc-lv{right:14px;top:16px;width:90px;height:90px}.tc-lv>span{width:76px;height:76px}.tc-lv b{font-size:34px}.tc-lv em{font-size:10px}
  .tc-row{grid-template-columns:1fr;gap:10px}
  .tc-tile{min-height:190px}.tc-tile b{font-size:30px}
  .tc-kits svg:first-child{width:100px}.tc-kits svg:last-child{width:80px}
  .tc-tiers{grid-template-columns:repeat(4,minmax(0,1fr))}.tc-t img,.tc-t svg{height:54px}.tc-t b{font-size:11px}
  .tc-y{margin-left:0}
}
.tc-tile.kit b{max-width:64%}.tc-kits{bottom:8px}

/* =====================================================================
   MAĞAZA (demo düzeni)
   ===================================================================== */
.screen[data-screen=packs] .fx-top{display:none!important}
.tg{display:grid;gap:14px;font-family:var(--hd-t);color:#F4F1EA;margin-bottom:18px}
.tg button{font-family:inherit;cursor:pointer}
.tg-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:56px}
.tg-head h1{margin:0;font:900 52px/1 var(--hd-h);letter-spacing:.02em}
.tg-chip{padding:4px 12px;background:rgba(255,255,255,.08);font-weight:800;font-size:17px;letter-spacing:.08em}
.tg-code{margin-left:auto;padding:10px 20px;border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#F4F1EA;font-weight:800;font-size:17px;letter-spacing:.1em;transform:skewX(-12deg)}
.tg-code>span,.tg-gold>span,.tg-pb>span,.tg-pbtn>span{display:inline-flex;align-items:center;gap:6px;transform:skewX(12deg)}
.tg-code:hover{background:#FFD23F;color:#1B1400}
.tg-tag{display:inline-block;align-self:flex-start;padding:4px 12px;background:#FFD23F;color:#1B1400;font-weight:800;font-size:15px;letter-spacing:.14em;transform:skewX(-12deg)}
.tg-tag>span{display:inline-block;transform:skewX(12deg)}.tg-tag.red{background:#FF5D6C;color:#1F0508}
.tg-pend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;background:rgba(255,93,108,.1);box-shadow:inset 0 0 0 1px rgba(255,93,108,.5);font-weight:700;font-size:16px}
.tg-pend>span:nth-child(2){flex:1;min-width:200px}
.tg-body{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:20px;align-items:stretch}
.tg-main{display:grid;gap:18px;min-width:0}
.tg-hero{position:relative;overflow:hidden;min-height:312px;display:grid;grid-template-columns:minmax(220px,40%) minmax(0,1fr);align-items:center;background:radial-gradient(60% 90% at 22% 50%,color-mix(in srgb,var(--tc) 35%,transparent),rgba(18,14,6,.97) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 50%,transparent);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.tg-rays{position:absolute;left:4%;top:-120px;width:540px;height:540px;border-radius:50%;background:repeating-conic-gradient(color-mix(in srgb,var(--tc) 18%,transparent) 0 8deg,transparent 8deg 20deg);animation:tgRays 40s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 65%);mask-image:radial-gradient(circle,#000 20%,transparent 65%);pointer-events:none}
@keyframes tgRays{to{transform:rotate(360deg)}}
.tg-art{position:relative;display:grid;place-items:center;padding:18px 0;animation:hhFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--tc) 50%,transparent))}
.tg-art .pk{zoom:.82}
.tg-ht{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px 30px 28px 10px}
.tg-name{font:900 clamp(48px,5vw,76px)/.85 var(--hd-h);color:var(--tc);text-transform:uppercase;text-shadow:0 0 30px color-mix(in srgb,var(--tc) 40%,transparent)}
.tg-desc{font-weight:700;font-size:19px;color:#E2D3A8}
.tg-odds{font-weight:700;font-size:15px;color:#9EA6B3}
.tg-buy{display:flex;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap}
.tg-pr{display:flex;align-items:center;gap:8px;font:900 44px/1 var(--hd-h)}
.tg-pr .tm-coin{width:30px;height:30px}
.tg-gold{position:relative;overflow:hidden;flex:1;min-width:220px;height:62px;border:0;background:linear-gradient(180deg,#FFE88A,#FFD23F 45%,#F2B000);color:#1B1400;font:900 32px/1 var(--hd-h);letter-spacing:.05em;transform:skewX(-12deg);box-shadow:0 0 30px rgba(255,200,40,.45)}
.tg-gold.sm{flex:none;min-width:0;height:44px;padding:0 20px;font-size:20px}
.tg-gold:disabled{filter:grayscale(.85) brightness(.6);cursor:not-allowed;font-size:24px}
.tg-dev{align-self:flex-start;border:0;padding:4px 10px;background:rgba(255,255,255,.08);color:#9EA6B3;font-weight:700}
.tg-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tg-pk{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;min-height:330px;box-sizing:border-box;background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 28%,transparent),rgba(14,11,9,.96) 60%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 50%,transparent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:transform .18s}
.tg-pk:hover{transform:translateY(-4px)}
.tg-pk.hot{box-shadow:inset 0 0 0 2px var(--tc)}
.tg-hot{position:absolute;top:8px;left:8px;z-index:2;padding:1px 6px;background:#FFD23F;color:#1B1400;font-weight:800;font-size:12px;letter-spacing:.1em}
.tg-pa{height:170px;display:grid;place-items:center}
.tg-pa .pk{zoom:.92}
.tg-pk b{font:900 30px/1 var(--hd-h);color:var(--tc);text-transform:uppercase;text-align:center}
.tg-c{font-weight:700;font-size:14px;color:#C3C9D4;text-align:center;line-height:1.2}
.tg-pb{margin-top:auto;width:100%;height:42px;border:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:#F4F1EA;font-weight:800;font-size:19px;transform:skewX(-12deg)}
.tg-pb .tm-coin{width:18px;height:18px}
.tg-pk.hot .tg-pb{background:#FFD23F;color:#1B1400}
.tg-pb:hover:not(:disabled){background:var(--tc);color:#111}
.tg-pb.lack{font-size:15px;color:#9EA6B3;cursor:not-allowed}
.tg-pb.off{opacity:.5;font-size:16px}
.tg-side{display:flex;flex-direction:column;gap:14px}
.tg-prem{position:relative;overflow:hidden;flex:1.25;min-height:360px;padding:20px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(80% 70% at 80% 20%,rgba(142,107,255,.6),rgba(22,12,48,.97) 70%);box-shadow:inset 0 0 0 1px rgba(142,107,255,.7);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.tg-prem>img{position:absolute;right:10px;top:22px;height:210px;width:auto;transform:rotate(8deg);filter:drop-shadow(0 0 24px rgba(142,107,255,.7))}
.tg-prem>*:not(img){position:relative}
.tg-pt{align-self:flex-start;padding:3px 10px;background:rgba(0,0,0,.45);font-weight:800;font-size:14px;letter-spacing:.14em;color:#D9CCFF}
.tg-pt.y{color:#FFE88A}
.tg-prem b{font:900 60px/.85 var(--hd-h)}
.tg-prem ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:17px;max-width:230px}
.tg-prem li::before{content:"✦";color:#FFD23F;margin-right:8px}
.tg-pbtn{margin-top:auto;height:54px;border:0;background:linear-gradient(90deg,#A88BFF,#6E4CF0);color:#fff;font-weight:800;font-size:20px;letter-spacing:.12em;transform:skewX(-12deg);box-shadow:0 0 28px rgba(142,107,255,.6)}
.tg-pass{position:relative;overflow:hidden;flex:1;min-height:230px;padding:18px 20px;border:0;text-align:left;color:#F4F1EA;display:flex;flex-direction:column;gap:6px;background:#120E06;box-shadow:inset 0 0 0 1px rgba(255,210,63,.5);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.tg-pass>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.tg-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,4,.6),rgba(10,8,4,.95) 75%)}
.tg-pass>*:not(img):not(.tg-ov){position:relative}
.tg-pass b{margin-top:auto;font:900 46px/.9 var(--hd-h)}
.tg-bar{display:block;height:8px;background:linear-gradient(90deg,#FFD23F var(--p),rgba(255,255,255,.18) var(--p));transform:skewX(-14deg)}
.tg-ps{font-weight:700;font-size:16px;color:#E2D3A8}
@media (max-width:1380px) and (min-width:761px){.tg-body{grid-template-columns:minmax(0,1fr) 340px}.tg-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px) and (min-width:761px){.tg-body{grid-template-columns:1fr}.tg-side{flex-direction:row}.tg-side>*{flex:1}}
@media (max-width:760px){
  .tg-head{gap:8px;min-height:0}.tg-head h1{font-size:34px}.tg-chip{font-size:12px}.tg-code{margin-left:0;width:100%}
  .tg-body{grid-template-columns:1fr;gap:12px}
  .tg-hero{grid-template-columns:1fr;min-height:0}.tg-art{padding:16px 0 0}.tg-art .pk{zoom:.6}
  .tg-ht{padding:10px 16px 20px}.tg-name{font-size:44px}.tg-desc{font-size:15px}.tg-odds{font-size:13px}
  .tg-pr{font-size:34px}.tg-gold{min-width:0;height:52px;font-size:24px}
  .tg-shelf{grid-template-columns:1fr 1fr;gap:10px}
  .tg-pk{min-height:280px}.tg-pa{height:140px}.tg-pa .pk{zoom:.74}.tg-pk b{font-size:24px}
  .tg-prem{min-height:330px}.tg-prem>img{height:160px}.tg-prem b{font-size:46px}.tg-prem ul{font-size:15px;max-width:190px}
}
.tg .fp-box{display:flex!important;align-items:center;gap:16px;padding:12px 18px!important;margin:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(61,220,151,.16),rgba(12,15,22,.92) 55%)!important;box-shadow:inset 0 0 0 1px rgba(61,220,151,.45)!important;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)!important}
.tg .fp-box::before{display:none!important}
.tg .fp-main{flex:1;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 18px}
.tg .fp-top{display:contents!important}
.tg .fp-top .kicker{font:800 13px var(--hd-t)!important;letter-spacing:.16em;color:#A6F0CC!important}
.tg .fp-top .h2{font:900 32px/1 var(--hd-h)!important}
.tg .fp-cadence{grid-column:2;justify-self:start;padding:3px 10px;background:rgba(0,0,0,.4);border-radius:0!important;font:800 13px var(--hd-t)!important;letter-spacing:.1em}
.tg .fp-bar{grid-column:1/-1;grid-row:2;height:7px!important;border-radius:0!important;transform:skewX(-14deg);background:rgba(255,255,255,.12)!important}
.tg .fp-bar i{border-radius:0!important;background:#3DDC97!important}
.tg .fp-main .btn{grid-column:3;grid-row:1;min-width:160px}
@media (max-width:760px){.tg .fp-main{grid-template-columns:1fr auto}.tg .fp-cadence{grid-column:1}.tg .fp-main .btn{grid-column:1/-1;grid-row:auto}}
.hh-main{left:0!important;right:0;width:auto!important;max-width:none!important;transform:none;display:flex;justify-content:center}
.hh-main:has(.hh-fas){left:0!important;right:0;margin:0 auto;width:72%!important;max-width:236px!important;display:block}
.hh-main .fc{zoom:.74}
.hh-cta.play img{right:6px!important}
.hh-ctx b{font-size:clamp(28px,2.5vw,44px)}
@media (max-width:760px){.hh-ctx b,.hh-cta.mgr b{font-size:28px}.hh-day .hh-btn{display:none}.hh-main .fc{zoom:.68}}
.hh-ctx{right:40%}.hh-ctx b{font-size:clamp(26px,2.2vw,40px)}@media (max-width:760px){.hh-ctx{right:auto}.hh-ctx b,.hh-cta.mgr b{font-size:28px}}

/* =====================================================================
   TELEFON DÜĞMESİ: sağ alt köşe, altın ve belirgin
   ===================================================================== */
#phFab:not(.in-call){top:auto!important;right:26px!important;bottom:calc(26px + env(safe-area-inset-bottom,0px))!important;width:66px!important;height:66px!important;border-radius:0!important;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  background:linear-gradient(160deg,#FFF0A8 0%,#FFD23F 45%,#E9A400 100%)!important;color:#1B1400!important;backdrop-filter:none!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 0 0 0 rgba(255,210,63,.6)!important;animation:hdFab 2.4s ease-in-out infinite}
#phFab:not(.in-call) .pf-dev{width:22px!important;height:32px!important;color:#1B1400}
#phFab:not(.in-call) .pf-ic{filter:none}
#phFab:not(.in-call):hover{transform:translateY(-3px)!important;filter:brightness(1.08)}
#phFab:not(.in-call)::before{display:none}
#phFab .pf-badge{top:4px!important;right:4px!important;box-shadow:0 0 0 2px #1B1400!important}
@keyframes hdFab{0%,100%{filter:drop-shadow(0 0 10px rgba(255,200,40,.45)) drop-shadow(0 12px 18px rgba(0,0,0,.6))}50%{filter:drop-shadow(0 0 22px rgba(255,200,40,.85)) drop-shadow(0 12px 18px rgba(0,0,0,.6))}}
@media (max-width:760px){#phFab:not(.in-call){right:14px!important;bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;width:56px!important;height:56px!important}#phFab:not(.in-call) .pf-dev{width:19px!important;height:28px!important}}
@media (prefers-reduced-motion:reduce){#phFab:not(.in-call){animation:none}}
/* telefonda yedekler: sayfayla birlikte kaysın, parmakla kaydırılabilsin */
@media (max-width:1100px),(pointer:coarse){
  .tk-bench{max-height:none!important;flex:none!important}
  .tk-bench .tk-list{overflow:visible!important;max-height:none!important}
  .tk-bench .tk-row{touch-action:pan-y!important}
  .tk-side{max-height:none!important}
}

/* Kadro: maça hazırlık kutusu + alttaki yedek şeridi */
.tk-prep{flex:1;gap:12px}
.tk-opp{display:flex;align-items:center;gap:12px}
.tk-opp>svg{flex:none;width:40px;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.6))}
.tk-pw{flex:1;display:flex;flex-direction:column;gap:6px}
.tk-pw span{display:flex;justify-content:space-between;align-items:baseline}
.tk-pw b{font:900 28px/1 var(--hd-h)}.tk-pw em{font-style:normal;font-weight:800;font-size:12px;letter-spacing:.16em;color:#9EA6B3}
.tk-pw i{display:block;height:8px;background:linear-gradient(90deg,#FFD23F var(--p),#5BB8FF var(--p));transform:skewX(-14deg)}
.tk-on{font-weight:700;font-size:15px;color:#C3C9D4}.tk-on b{color:#F4F1EA}
.tk-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.tk-facts span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;background:rgba(255,255,255,.05);box-shadow:inset 0 -3px 0 rgba(255,210,63,.6)}
.tk-facts span.bad{box-shadow:inset 0 -3px 0 #FF5D6C}.tk-facts span.bad b{color:#FF5D6C}
.tk-facts em{font-style:normal;font-weight:800;font-size:11px;letter-spacing:.1em;color:#9EA6B3;text-align:center}
.tk-facts b{font:900 24px/1 var(--hd-h)}
.tk-injl{display:flex;flex-wrap:wrap;gap:6px}
.tk-injl span{padding:3px 8px;background:rgba(255,93,108,.14);box-shadow:inset 0 0 0 1px rgba(255,93,108,.4);font-weight:700;font-size:13px;color:#FFB3BA}
.tk-pbtns{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tk-pbtns button{height:40px;border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,210,63,.45);color:#FFE88A;font:800 14px var(--hd-t);letter-spacing:.08em;cursor:pointer;transform:skewX(-12deg)}
.tk-pbtns button:hover{background:#FFD23F;color:#1B1400}
.tk-strip{margin-top:18px;padding:14px 18px 10px;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);font-family:var(--hd-t);color:#F4F1EA}
.tk-sh{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.tk-tag{display:inline-block;padding:4px 12px;background:#FFD23F;color:#1B1400;font-weight:800;font-size:15px;letter-spacing:.14em;transform:skewX(-12deg)}
.tk-tag>span{display:inline-block;transform:skewX(12deg)}
.tk-sn{font-weight:700;font-size:15px;color:#9EA6B3}
.tk-sh button{margin-left:auto;border:0;background:none;color:#FFD23F;font:800 15px var(--hd-t);letter-spacing:.1em;cursor:pointer}
.tk-strip .tk-sl{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:6px 4px 12px!important;grid-template-columns:none!important;justify-items:initial!important;scrollbar-width:thin}
.tk-strip .tk-sl .fc{flex:none;cursor:grab}
.tk-strip .tk-sl .fc[data-focus]{outline:3px solid #FFD23F;outline-offset:3px}
.tk-side{max-height:none!important}
@media (pointer:coarse){.tk-strip .tk-sl .fc{touch-action:pan-x pan-y!important}}
@media (max-width:760px){.tk-strip .tk-sl .fc{zoom:.82}}
@media (max-width:760px){
  .tk-strip{margin-top:12px;padding:12px 10px 8px}
  .tk-sn{display:none}
  .tk-facts b{font-size:20px}
}
.tk>.tk-strip{grid-column:1/-1;margin-top:0}
@media (max-width:1100px){.tk{display:flex!important;flex-direction:column}.tk-pitch{order:1}.tk>.tk-strip{order:2}.tk-side{order:3}}

/* =====================================================================
   MAÇ GÜNÜ · alt bölüm (günün antrenörü, profil, sezon yolu, gol krallığı...)
   ===================================================================== */
.hm2{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin:0 0 24px;font-family:var(--hd-t);color:#F4F1EA}
.hm2 button{font-family:inherit;cursor:pointer}
.hm2>section{position:relative;overflow:hidden;min-width:0;padding:18px 20px;box-sizing:border-box;background:rgba(12,15,22,.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.hm-coach{grid-column:1/9}.hm-me{grid-column:9/13}
.hm-road{grid-column:1/9}.hm-day{grid-column:9/13;grid-row:span 2}
.hm-scor{grid-column:1/5}.hm-week{grid-column:5/9}
.hm-h{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.hm-tag{display:inline-block;padding:4px 12px;background:#FFD23F;color:#1B1400;font-weight:800;font-size:15px;letter-spacing:.14em;transform:skewX(-12deg)}
.hm-tag>span{display:inline-block;transform:skewX(12deg)}
.hm-sub{font-weight:700;font-size:15px;color:#9EA6B3}
.hm-h>button{margin-left:auto;border:0;background:none;color:#FFD23F;font-weight:800;font-size:15px;letter-spacing:.1em}
.hm-k{display:block;margin:14px 0 8px;font-weight:800;font-size:13px;letter-spacing:.16em;color:#9EA6B3}
.hm-none{padding:14px 0;font-weight:700;color:#9EA6B3}
.hm2 .clink{border:0;background:none;padding:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer}
/* --- günün antrenörü --- */
.hm-coach{min-height:330px;background:radial-gradient(120% 90% at 22% 30%,rgba(255,210,63,.32),rgba(40,26,4,.92) 45%,#0A0804 85%)!important;box-shadow:inset 0 0 0 1.5px rgba(255,210,63,.65),inset 0 0 80px rgba(255,190,30,.12)!important}
.hc-rays{position:absolute;left:-90px;top:-170px;width:620px;height:620px;border-radius:50%;background:repeating-conic-gradient(rgba(255,220,120,.16) 0 7deg,transparent 7deg 18deg);animation:tgRays 50s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 18%,transparent 62%);mask-image:radial-gradient(circle,#000 18%,transparent 62%);pointer-events:none}
.hc-glow{position:absolute;right:-60px;bottom:-80px;width:420px;height:300px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c1) 55%,transparent),transparent);filter:blur(10px);opacity:.7;pointer-events:none}
.hc-conf{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#FFD23F 1.5px,transparent 2px),radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,#FF9DBA 1.5px,transparent 2px);background-size:90px 70px,130px 90px,160px 120px;background-position:10px 20px,40px 60px,80px 10px;opacity:.35;animation:hcConf 9s linear infinite}
@keyframes hcConf{to{background-position:10px 90px,40px 150px,80px 130px}}
.hc-head{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hc-tag{display:inline-block;padding:6px 16px;background:linear-gradient(180deg,#FFF0A8,#FFD23F 50%,#E9A400);color:#1B1400;font-weight:900;font-size:17px;letter-spacing:.16em;transform:skewX(-12deg);box-shadow:0 0 24px rgba(255,200,40,.55)}
.hc-tag>span{display:inline-block;transform:skewX(12deg)}
.hc-when{font-weight:700;font-size:15px;color:#E2D3A8}
.hc-main{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:16px}
.hc-crest{position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,63,.35),rgba(255,210,63,0) 70%);animation:hhFloat 4s ease-in-out infinite}
.hc-crest::before{content:"";position:absolute;inset:6px;border-radius:50%;border:2px dashed rgba(255,210,63,.45);animation:tgRays 30s linear infinite}
.hc-crest svg{position:relative;width:118px;height:auto;filter:drop-shadow(0 0 18px rgba(255,210,63,.5)) drop-shadow(0 14px 18px rgba(0,0,0,.7))}
.hc-crown{position:absolute;left:50%;top:-14px;transform:translateX(-50%) rotate(-8deg);font-style:normal;font-size:46px;line-height:1;color:#FFD23F;text-shadow:0 0 18px rgba(255,200,40,.9),0 4px 0 #8a5a00;animation:hcCrown 2.6s ease-in-out infinite}
@keyframes hcCrown{0%,100%{transform:translateX(-50%) rotate(-8deg) translateY(0)}50%{transform:translateX(-50%) rotate(-4deg) translateY(-5px)}}
.hc-id{display:flex;flex-direction:column;gap:6px;min-width:0}
.hc-k{font-weight:800;font-size:13px;letter-spacing:.2em;color:#FFD23F}
.hc-name{font:900 clamp(40px,4.2vw,64px)/.88 var(--hd-h);text-transform:uppercase;background:linear-gradient(180deg,#fff,#FFE88A 55%,#E9A400);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6));overflow-wrap:anywhere}
.hc-club{font-weight:800;font-size:19px;color:#F4F1EA}
.hc-meta{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:#E2D3A8}
.hc-meta svg{width:22px;height:auto}
.hc-stats{display:grid;grid-template-columns:repeat(2,minmax(86px,1fr));gap:8px}
.hc-stats div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,210,63,.3);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.hc-stats div.y{background:linear-gradient(180deg,rgba(255,210,63,.35),rgba(255,210,63,.1))}
.hc-stats b{font:900 30px/1 var(--hd-h)}.hc-stats div.y b{color:#FFD23F}
.hc-stats span{font-weight:800;font-size:12px;letter-spacing:.14em;color:#E2D3A8}
.hc-foot{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.hc-pod{display:flex;gap:10px;margin:0;padding:0;list-style:none;flex:1;min-width:0}
.hc-p{flex:1;min-width:0}
.hc-p>.clink{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px var(--mc)}
.hc-p.p2{--mc:rgba(220,226,232,.55)}.hc-p.p3{--mc:rgba(227,168,119,.6)}.hc-p.p4{--mc:rgba(255,255,255,.18)}
.hc-pm{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:900 15px/1 var(--hd-h);color:#111;background:#DCE2E8}
.hc-p.p3 .hc-pm{background:#E3A877}.hc-p.p4 .hc-pm{background:#5C6573;color:#fff}
.hc-p svg{flex:none;width:30px;height:auto}
.hc-pt{flex:1;min-width:0;display:flex;flex-direction:column}
.hc-pt b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-pt em{font-style:normal;font-size:12px;color:#9EA6B3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-pp{flex:none;font-weight:700;font-size:12px;color:#E2D3A8}.hc-pp b{font:900 18px var(--hd-h);color:#FFD23F}
.hc-me{padding:8px 14px;background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 1px rgba(255,210,63,.45);font-weight:700;font-size:15px}
.hc-me b{color:#FFD23F;font-size:18px}.hc-me.top{background:#FFD23F;color:#1B1400;font-weight:900;letter-spacing:.1em}
.hc-alone{flex:1;font-weight:700;color:#E2D3A8}
.hc-go{height:46px;padding:0 22px;border:0;background:linear-gradient(180deg,#FFF0A8,#FFD23F 50%,#E9A400);color:#1B1400;font-weight:900;font-size:17px;letter-spacing:.1em;transform:skewX(-12deg);box-shadow:0 0 24px rgba(255,200,40,.5)}
.hc-go>span{display:inline-block;transform:skewX(12deg)}
.hc-empty{position:relative;display:flex;align-items:center;gap:24px;margin-top:20px}
.hc-crest.empty{background:radial-gradient(circle,rgba(255,210,63,.18),transparent 70%);box-shadow:inset 0 0 0 2px rgba(255,210,63,.4)}
.hc-empty>div{display:flex;flex-direction:column;gap:10px;align-items:flex-start;max-width:460px}
/* --- antrenör profilin --- */
.hm-me{background:radial-gradient(90% 70% at 85% 0%,color-mix(in srgb,var(--c1) 45%,transparent),rgba(12,15,22,.96) 70%)!important;display:flex;flex-direction:column;gap:14px}
.hme-top{display:flex;align-items:center;justify-content:space-between}
.hme-ed{width:34px;height:34px;border:0;background:rgba(255,255,255,.08);color:#FFE88A;font-size:16px}
.hme-id{display:flex;align-items:center;gap:14px}
.hme-av{flex:none;display:grid;place-items:center;width:64px;height:64px;background:linear-gradient(160deg,#FFE88A,#FFD23F 50%,#E9A400);color:#1B1400;font:900 38px/1 var(--hd-h);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 0 22px rgba(255,200,40,.4)}
.hme-name{display:block;font:900 30px/.95 var(--hd-h);text-transform:uppercase;overflow-wrap:anywhere}
.hme-club{display:flex;align-items:center;gap:6px;margin-top:4px;font-weight:700;font-size:14px;color:#C3C9D4}
.hme-st{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hme-st div{display:flex;flex-direction:column;align-items:center;padding:8px 0;background:rgba(255,255,255,.05);box-shadow:inset 0 -3px 0 rgba(255,210,63,.5)}
.hme-st b{font:900 28px/1 var(--hd-h)}.hme-st .y b{color:#3DDC97}.hme-st .y{box-shadow:inset 0 -3px 0 #3DDC97}
.hme-st span{font-weight:800;font-size:12px;letter-spacing:.12em;color:#9EA6B3}
.hme-bar{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:13px;color:#9EA6B3}
.hme-bar i{display:block;height:7px;background:linear-gradient(90deg,#3DDC97 var(--p),rgba(255,255,255,.12) var(--p));transform:skewX(-14deg)}
.hme-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.hme-form{display:flex;gap:4px}
.hme-form i{display:grid;place-items:center;width:24px;height:24px;font-style:normal;font-weight:900;font-size:13px;color:#111}
.hme-form i.W{background:#3DDC97}.hme-form i.D{background:#DADFE6}.hme-form i.L{background:#FF5D6C}
.hme-nf{font-weight:700;font-size:13px;color:#9EA6B3}
.hme-pro{height:40px;padding:0 16px;border:0;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,210,63,.6);color:#FFE88A;font-weight:800;font-size:15px;letter-spacing:.1em;transform:skewX(-12deg)}
.hme-pro>span{display:inline-block;transform:skewX(12deg)}.hme-pro:hover{background:#FFD23F;color:#1B1400}
/* --- sezon yolu --- */
.hm-wks{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px;margin:0;padding:0;list-style:none;position:relative}
.hm-wks::before{content:"";position:absolute;left:4%;right:4%;top:50%;height:3px;background:repeating-linear-gradient(90deg,rgba(255,210,63,.4) 0 10px,transparent 10px 18px);pointer-events:none}
.hm-wk{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 9px;background:#0A0E18;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.hm-wn{font:900 24px/1 var(--hd-h);color:#5C6573}
.hm-wc svg{width:30px;height:auto}
.hm-wk b{font-weight:800;font-size:14px}.hm-wk em{max-width:100%;font-style:normal;font-size:11px;color:#9EA6B3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}
.hm-wk.r-W{box-shadow:inset 0 0 0 1px rgba(61,220,151,.5),inset 0 -3px 0 #3DDC97}.hm-wk.r-W b{color:#3DDC97}
.hm-wk.r-D{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -3px 0 #DADFE6}
.hm-wk.r-L{box-shadow:inset 0 0 0 1px rgba(255,93,108,.5),inset 0 -3px 0 #FF5D6C}.hm-wk.r-L b{color:#FF5D6C}
.hm-wk.next{background:linear-gradient(180deg,#FFE88A,#FFD23F 50%,#E9A400);box-shadow:0 0 24px rgba(255,200,40,.45);transform:translateY(-4px)}
.hm-wk.next .hm-wn,.hm-wk.next b,.hm-wk.next em{color:#1B1400}
/* --- maç günü --- */
.hm-live{margin-left:auto;display:flex;align-items:center;gap:6px;padding:3px 10px;background:rgba(61,220,151,.12);box-shadow:inset 0 0 0 1px rgba(61,220,151,.45);font-weight:800;font-size:12px;letter-spacing:.1em;color:#A6F0CC}
.hm-live i{width:8px;height:8px;border-radius:50%;background:#3DDC97;box-shadow:0 0 8px #3DDC97;animation:fxBl 1.6s infinite}
.md2-t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.md2-t div{display:flex;flex-direction:column;align-items:center;padding:10px 0;background:rgba(255,255,255,.05);box-shadow:inset 0 -3px 0 rgba(91,184,255,.6)}
.md2-t b{font:900 30px/1 var(--hd-h)}.md2-t span{font-weight:800;font-size:12px;letter-spacing:.12em;color:#9EA6B3}
.md2-r{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.md2-r li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;background:rgba(255,255,255,.04);font-weight:700;font-size:13px}
.md2-r li>.clink{display:flex;align-items:center;gap:6px;min-width:0}
.md2-r .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md2-r .opp{color:#9EA6B3}
.md2-r .sc{padding:2px 8px;font:900 15px/1.2 var(--hd-h);color:#111}
.md2-r .sc.W{background:#3DDC97}.md2-r .sc.D{background:#DADFE6}.md2-r .sc.L{background:#FF5D6C}
.md2-r em{grid-column:1/-1;font-style:normal;font-size:11px;color:#6E7480;margin-top:-4px}
/* --- gol krallığı --- */
.hm-boot{margin-left:auto;font-size:24px}
.gs-pod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;margin:0 0 10px;padding:0;list-style:none}
.gs-p{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 25%,transparent),rgba(10,11,16,.95));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pc) 55%,transparent);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.gs-p.p1{--pc:#FFD23F;order:2;padding-top:16px}.gs-p.p2{--pc:#DCE2E8;order:1}.gs-p.p3{--pc:#E3A877;order:3}
.gs-pic{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:0 0 0 2px var(--pc)}
.gs-p.p1 .gs-pic{width:78px;height:78px;box-shadow:0 0 0 3px var(--pc),0 0 20px color-mix(in srgb,var(--pc) 60%,transparent)}
.gs-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.gs-n{position:absolute;top:6px;left:8px;font:900 22px/1 var(--hd-h);color:var(--pc)}
.gs-nm{max-width:100%;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-p .clink{display:flex;align-items:center;gap:4px;max-width:100%;font-size:11px;color:#9EA6B3;white-space:nowrap;overflow:hidden}
.gs-g{font-weight:800;font-size:12px;color:#E2D3A8}.gs-g b{font:900 26px/1 var(--hd-h);color:var(--pc)}
.gs-list{display:flex;flex-direction:column;gap:5px;margin:0;padding:0;list-style:none}
.gs-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;background:rgba(255,255,255,.04)}
.gs-list li.mine,.gs-p.mine{box-shadow:inset 3px 0 0 #3DDC97,inset 0 0 0 1px rgba(61,220,151,.3)}
.gs-r{flex:none;width:22px;font:900 18px/1 var(--hd-h);color:#5C6573;text-align:center}
.gs-t{flex:1;min-width:0;display:flex;flex-direction:column}
.gs-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-t .clink{display:flex;align-items:center;gap:4px;font-size:11px;color:#9EA6B3;white-space:nowrap;overflow:hidden}
.gs-gg{display:flex;align-items:baseline;gap:3px}.gs-gg b{font:900 20px/1 var(--hd-h)}.gs-gg em{font-style:normal;font-size:11px;color:#9EA6B3}
/* --- haftanın maçları --- */
.wk2{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.wk2 li{display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,.04);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.wk2 li.me{background:linear-gradient(90deg,rgba(255,210,63,.18),rgba(255,210,63,.04));box-shadow:inset 0 0 0 1px rgba(255,210,63,.5)}
.wk2-t{display:flex;align-items:center;gap:8px;min-width:0}
.wk2-t.r{flex-direction:row-reverse;text-align:right}
.wk2-t svg{flex:none;width:28px;height:auto}
.wk2-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk2-s{justify-self:center;padding:4px 10px;background:rgba(0,0,0,.45);font:900 18px/1 var(--hd-h);letter-spacing:.04em;color:#9EA6B3}
.wk2 li.done .wk2-s{color:#F4F1EA}.wk2-s i{font-style:normal;margin:0 4px;opacity:.5}
.wk2 li.me .wk2-s{background:#FFD23F;color:#1B1400;font-size:15px}
.hm2 .hl-empty{display:flex;flex-direction:column;gap:8px}
@media (max-width:1280px) and (min-width:761px){
  .hm-coach,.hm-road{grid-column:1/-1}.hm-me{grid-column:1/7}.hm-day{grid-column:7/13;grid-row:auto}
  .hm-scor{grid-column:1/7}.hm-week{grid-column:7/13}
}
@media (max-width:760px){
  .hm2{display:flex;flex-direction:column;gap:12px}
  .hm2>section{padding:14px}
  .hc-main{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}
  .hc-id{align-items:center}.hc-name{font-size:40px}
  .hc-stats{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.hc-stats b{font-size:22px}.hc-stats span{font-size:10px}
  .hc-pod{flex-direction:column;width:100%}
  .hc-me,.hc-go{width:100%;text-align:center}
  .hc-empty{flex-direction:column;text-align:center}.hc-empty>div{align-items:center}
  .hm-wks{grid-template-columns:repeat(4,minmax(0,1fr))}.hm-wks::before{display:none}
  .wk2 li{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}.wk2-t b{font-size:12px}
}
.hm-coach{min-height:0}
.hc-foot{flex-direction:column;align-items:stretch}
.hc-pod{width:100%}
.hc-me,.hc-go{align-self:flex-start}
.hm-h .hm-sub{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-h>button{flex:none}
@media (max-width:760px){.hc-me,.hc-go{align-self:stretch}}
.hc-p>.clink{box-sizing:border-box;min-width:0;overflow:hidden}
.hc-name{line-height:1.02!important;padding-top:.08em}
.hc-pod{min-width:0}

/* =====================================================================
   PAKET AÇILIŞI · şatafatlı sahne efektleri
   ===================================================================== */
#opening{--oc:#FFD23F}
#opening[data-rar=common]{--oc:#C4CCD4}#opening[data-rar=bronze]{--oc:#E3A877}#opening[data-rar=silver]{--oc:#DCE8FF}
#opening[data-rar=gold]{--oc:#FFD23F}#opening[data-rar=elite]{--oc:#A76BFF}#opening[data-rar=legend]{--oc:#FF9DBA}
#opening .op-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
#opening .ui>*:not(.op-fx){position:absolute;z-index:2}
#opening .op-vig{position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 50%,transparent 40%,rgba(0,0,0,.75));transition:background .6s}
#opening[data-ph=charge] .op-vig{animation:opPulse 1.1s ease-in-out infinite}
@keyframes opPulse{0%,100%{box-shadow:inset 0 0 0 0 transparent}50%{box-shadow:inset 0 0 160px 10px color-mix(in srgb,var(--oc) 35%,transparent)}}
#opening .op-beams{position:absolute;left:50%;top:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;background:repeating-conic-gradient(color-mix(in srgb,var(--oc) 22%,transparent) 0 6deg,transparent 6deg 16deg);border-radius:50%;opacity:0;-webkit-mask-image:radial-gradient(circle,#000 8%,transparent 55%);mask-image:radial-gradient(circle,#000 8%,transparent 55%);animation:tgRays 26s linear infinite;transition:opacity .8s}
#opening[data-ph=charge] .op-beams{opacity:.5}
#opening[data-ph=walkout] .op-beams,#opening[data-ph=enter] .op-beams,#opening[data-ph=celebrate] .op-beams{opacity:.85}
#opening.op-rev .op-beams{opacity:.35}
#opening .op-ring{position:absolute;left:50%;top:52%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:4px solid var(--oc);opacity:0}
#opening .op-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#fff 0,color-mix(in srgb,var(--oc) 80%,#fff) 30%,transparent 70%);opacity:0}
#opening .op-fx.boom .op-flash{animation:opFlash .9s ease-out}
#opening .op-fx.boom .op-ring{animation:opRing 1.1s cubic-bezier(.2,.8,.3,1)}
@keyframes opFlash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
@keyframes opRing{0%{opacity:1;transform:scale(.3);border-width:10px}100%{opacity:0;transform:scale(30);border-width:1px}}
#opening .op-slam{position:absolute;left:50%;top:18%;transform:translateX(-50%) scale(2.6);opacity:0;display:flex;flex-direction:column;align-items:center;gap:4px;white-space:nowrap}
#opening .op-slam b{font:900 clamp(64px,11vw,150px)/.85 "Big Shoulders Display","Barlow Condensed",sans-serif;letter-spacing:.02em;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--oc) 85%,#fff) 45%,var(--oc));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px var(--oc)) drop-shadow(0 8px 0 rgba(0,0,0,.4))}
#opening .op-slam em{font:800 18px "Barlow Condensed",sans-serif;font-style:normal;letter-spacing:.3em;color:#fff;text-transform:uppercase}
#opening .op-slam.on{animation:opSlam 2.2s cubic-bezier(.2,1.3,.3,1) forwards}
@keyframes opSlam{0%{opacity:0;transform:translateX(-50%) scale(2.6)}14%{opacity:1;transform:translateX(-50%) scale(.94)}22%{transform:translateX(-50%) scale(1.04)}80%{opacity:1;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) scale(1.08)}}
#opening[data-ph=charge] canvas{animation:opShake .18s linear infinite}
@keyframes opShake{0%,100%{transform:translate(0,0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}
#opening .top{font-family:"Big Shoulders Display","Barlow Condensed",sans-serif!important;font-size:20px!important;letter-spacing:.35em!important;color:var(--oc)!important;text-shadow:0 0 18px color-mix(in srgb,var(--oc) 60%,transparent)}
#opening .hint .w{font-family:"Big Shoulders Display","Barlow Condensed",sans-serif!important;text-transform:uppercase;padding:10px 28px 14px;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--oc) 70%,transparent),0 0 40px color-mix(in srgb,var(--oc) 40%,transparent);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);animation:opHint .7s cubic-bezier(.2,1.4,.4,1) both!important}
@keyframes opHint{0%{opacity:0;transform:scale(1.8) translateY(-10px);filter:blur(8px)}60%{opacity:1;transform:scale(.96);filter:blur(0)}100%{transform:none}}
/* kart ortaya çıkınca */
#opening .cardslot{overflow:visible}
#opening .op-rays{position:absolute;left:50%;top:50%;width:720px;height:720px;margin:-360px 0 0 -360px;border-radius:50%;background:repeating-conic-gradient(color-mix(in srgb,var(--oc) 45%,transparent) 0 5deg,transparent 5deg 15deg);-webkit-mask-image:radial-gradient(circle,#000 10%,transparent 62%);mask-image:radial-gradient(circle,#000 10%,transparent 62%);animation:tgRays 14s linear infinite,opIn .8s ease-out both;z-index:-2;pointer-events:none}
#opening .op-halo{position:absolute;left:50%;top:50%;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--oc) 70%,transparent),transparent);filter:blur(8px);animation:opHalo 2.4s ease-in-out infinite;z-index:-1;pointer-events:none}
@keyframes opIn{from{opacity:0;transform:scale(.4)}}
@keyframes opHalo{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:.95;transform:scale(1.06)}}
#opening .cardslot .fc{position:relative;filter:drop-shadow(0 0 30px color-mix(in srgb,var(--oc) 70%,transparent)) drop-shadow(0 26px 30px rgba(0,0,0,.7))}
#opening .op-shine{position:absolute;inset:0;overflow:hidden;pointer-events:none;clip-path:polygon(14% 0,86% 0,100% 9%,100% 91%,86% 100%,14% 100%,0 91%,0 9%)}
#opening .op-shine::after{content:"";position:absolute;top:-20%;left:-60%;width:40%;height:140%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-20deg);animation:opShine 2.6s ease-in-out .9s infinite}
@keyframes opShine{0%{left:-60%}45%,100%{left:140%}}
#opening .op-rib{position:absolute;left:50%;top:-58px;transform:translateX(-50%);display:flex;align-items:baseline;gap:10px;padding:6px 18px 8px;white-space:nowrap;background:linear-gradient(180deg,color-mix(in srgb,var(--oc) 90%,#fff),var(--oc));color:#120c00;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);box-shadow:0 0 30px var(--oc);animation:opRib .7s cubic-bezier(.2,1.4,.4,1) .35s both}
#opening .op-rib b{font:900 26px/1 "Big Shoulders Display","Barlow Condensed",sans-serif;letter-spacing:.1em;text-transform:uppercase}
#opening .op-rib em{font:800 16px "Barlow Condensed",sans-serif;font-style:normal;letter-spacing:.08em}
@keyframes opRib{from{opacity:0;transform:translateX(-50%) translateY(-20px) scale(.6)}}
#opening.op-rev .statsbox{animation:opStats .7s cubic-bezier(.2,1,.3,1) .2s both}
@keyframes opStats{from{opacity:0;transform:translate(-40px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
#opening .statsbox .big{background:linear-gradient(180deg,#fff,var(--oc));-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--oc) 60%,transparent))}
#opening .statsbox .kicker{color:var(--oc)!important;letter-spacing:.25em}
#opening .statsbox .nm2{font-family:"Big Shoulders Display","Barlow Condensed",sans-serif!important;text-transform:uppercase}
#opening .sb .bar{border-radius:0!important;transform:skewX(-14deg)}
#opening .others>div{animation:opOther .6s cubic-bezier(.2,1.3,.4,1) both}
@keyframes opOther{from{opacity:0;transform:translateY(40px) scale(.6) rotate(-6deg)}}
#opening .actions .btn{animation:opIn .5s ease-out .6s both}
#opening .op-conf{position:absolute;inset:0;z-index:3;pointer-events:none}
@media (max-width:560px){#opening .op-rays{width:460px;height:460px;margin:-230px 0 0 -230px}#opening .op-halo{width:280px;height:280px;margin:-140px 0 0 -140px}#opening .op-rib{top:-46px}#opening .op-rib b{font-size:20px}}
@media (prefers-reduced-motion:reduce){#opening .op-beams,#opening .op-rays,#opening .op-halo,#opening .op-shine::after,#opening[data-ph=charge] canvas{animation:none!important}}
#opening .op-slam{top:5%}
#opening .op-slam b{font-size:clamp(54px,8vw,118px)}
/* karakterin üstünde ışık hüzmesi olmasın: hüzmeler yalnızca paket şarj olurken */
#opening[data-ph] .op-beams{opacity:0!important}
#opening[data-ph=charge] .op-beams{opacity:.45!important}
/* kartın arkasındaki ışınlar karakterin üstüne taşmasın */
#opening .op-rays{width:440px;height:440px;margin:-220px 0 0 -220px;-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 60%);mask-image:radial-gradient(circle,#000 20%,transparent 60%);opacity:.8}
#opening .op-halo{width:340px;height:340px;margin:-170px 0 0 -170px}
@media (max-width:560px){#opening .op-rays{width:320px;height:320px;margin:-160px 0 0 -160px}}

/* ===== Stadyum · taraftar sistemi ===== */
.fxs-hero{grid-row:1}.fxs-ups{grid-row:1/3;align-self:start}
.fxs-fans{grid-column:1/8;grid-row:2;display:flex;flex-direction:column;gap:12px;padding:16px 18px}
.fxs-fg{display:grid;gap:12px}
.fxs-fbar{display:flex;flex-direction:column;gap:6px}
.fxs-fbl{display:flex;align-items:baseline;gap:8px}.fxs-fbl b{font:900 30px/1 "Big Shoulders Display","Barlow Condensed",sans-serif;color:#FFD23F}.fxs-fbl small{font:700 13px "Barlow Condensed",sans-serif;color:#9aa6ba;letter-spacing:.04em}
.fxs-meter{height:12px;background:rgba(255,255,255,.07);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);overflow:hidden}
.fxs-meter i{display:block;height:100%;background:linear-gradient(90deg,#E9A400,#FFD23F 70%,#FFE88A);box-shadow:0 0 14px rgba(255,210,63,.6);transition:width .6s}
.fxs-over{font:700 12px "Barlow Condensed",sans-serif;color:#ff8a5c}.fxs-ok{font:700 12px "Barlow Condensed",sans-serif;color:#7fe0b0}
.fxs-inc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fxs-inc>div{padding:10px 12px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);display:flex;flex-direction:column;gap:2px}
.fxs-inc small{font:800 10px "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9aa6ba}
.fxs-inc b{font:900 24px/1 "Big Shoulders Display","Barlow Condensed",sans-serif;color:#FFD23F}
.fxs-inc em{font:600 11px "Barlow Condensed",sans-serif;font-style:normal;color:#7d889c}
.fxs-rule{display:flex;flex-wrap:wrap;gap:6px}
.fxs-rule span{padding:5px 9px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);font:700 12px "Barlow Condensed",sans-serif;color:#c8d0dd}
.fxs-rule b{color:#fff}.fxs-rule b.g{color:#35d07f}.fxs-rule b.r{color:#ff4d5e}
.fxs-now b.y{color:#FFD23F}
.fxs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1280px) and (min-width:761px){.fxs-hero,.fxs-fans,.fxs-ups{grid-column:1/-1;grid-row:auto}.fxs-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.fxs-hero,.fxs-fans,.fxs-ups{grid-row:auto}.fxs-inc{grid-template-columns:1fr 1fr 1fr;gap:6px}.fxs-inc b{font-size:19px}.fxs-inc>div{padding:8px}.fxs-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.fxs-up{flex-wrap:wrap;align-items:flex-start}.fxs-ut{flex:1 1 calc(100% - 60px)}.fxs-up .btn.primary,.fxs-up>.fxp-tag{flex:1 1 100%;flex-direction:row;justify-content:center;gap:8px;min-height:44px}.fxs-up .btn.primary small{font-size:11px}.fxs-ic{width:40px;height:40px}}

/* ===================== ÖDÜLLER (rw) ===================== */
.rw{--g:#FFD23F;--g2:#FFE88A;--gd:#E9A400;--ink:#1B1400;--pn:linear-gradient(180deg,rgba(16,22,38,.94),rgba(6,9,16,.96));--ln:rgba(255,255,255,.08);--mu:#9aa6ba;--H:"Big Shoulders Display","Barlow Condensed","Arial Narrow",sans-serif;--T:"Barlow Condensed","Archivo",system-ui,sans-serif;display:flex;flex-direction:column;gap:18px;color:#F4F1EA;font-family:var(--T)}
.rw *{box-sizing:border-box}
.rw svg{width:100%;height:100%}
.rw-k{font:800 11px var(--T);letter-spacing:.24em;text-transform:uppercase;color:var(--g)}
.rw-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.rw-ttl h1{margin:2px 0 0;font:italic 900 clamp(40px,4.6vw,64px)/.9 var(--H);letter-spacing:.01em;background:linear-gradient(180deg,#fff 30%,#FFE88A 60%,#E9A400);-webkit-background-clip:text;background-clip:text;color:transparent}
.rw-pills{display:flex;gap:8px;flex-wrap:wrap}
.rw-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--ln);clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);font:700 13px var(--T);color:var(--mu);letter-spacing:.04em}
.rw-pill b{font:900 18px/1 var(--H);color:#fff;letter-spacing:.02em}
.rw-pill.hot{background:linear-gradient(90deg,rgba(255,210,63,.28),rgba(255,210,63,.08));box-shadow:inset 0 0 0 1px rgba(255,210,63,.6);color:#fff}.rw-pill.hot b{color:var(--g)}
.rw-fl{width:16px!important;height:16px!important;color:#ff8a3c}
.rw-coin{display:inline-block;width:14px;height:14px;border-radius:50%;margin-left:4px;vertical-align:-2px;background:radial-gradient(circle at 35% 30%,#fff6c4,#FFD23F 45%,#b77d00);box-shadow:0 0 6px rgba(255,210,63,.5)}
/* üst bölüm */
.rw-top{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:18px}
.rw-streak{position:relative;padding:20px 22px;background:radial-gradient(120% 140% at 0 0,rgba(255,140,40,.16),transparent 55%),var(--pn);box-shadow:inset 0 0 0 1px rgba(255,210,63,.18),0 24px 50px -24px #000;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));display:flex;flex-direction:column;gap:16px;overflow:hidden}
.rw-streak::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#ff8a3c,var(--g) 40%,transparent)}
.rw-sh{display:flex;align-items:center;gap:16px}
.rw-flame{position:relative;flex:none;width:76px;height:76px;display:grid;place-items:center;color:#ff8a3c;filter:drop-shadow(0 0 18px rgba(255,120,40,.55))}
.rw-flame svg{position:absolute;inset:0;fill:rgba(255,120,40,.25)}
.rw-flame b{position:relative;margin-top:14px;font:900 30px/1 var(--H);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.rw-st{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rw-st h2,.rw-h h2{margin:0;font:900 28px/1 var(--H);letter-spacing:.04em;color:#fff}
.rw-st small{font:600 13px/1.35 var(--T);color:var(--mu)}
.rw-cta{flex:none;position:relative;border:0;cursor:pointer;height:50px;padding:0 26px;background:linear-gradient(180deg,var(--g2),var(--g) 48%,var(--gd));color:var(--ink);font:900 18px/1 var(--H);letter-spacing:.12em;transform:skewX(-12deg);box-shadow:0 14px 30px -12px rgba(255,190,30,.85),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s,filter .15s}
.rw-cta>span{display:inline-block;transform:skewX(12deg)}
.rw-cta:hover{filter:brightness(1.08);transform:skewX(-12deg) translateY(-2px)}
.rw-cta.sm{height:42px;padding:0 22px;font-size:16px}
.rw-got{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;font:800 14px var(--T);letter-spacing:.12em;color:#35d07f;background:rgba(53,208,127,.1);box-shadow:inset 0 0 0 1px rgba(53,208,127,.4)}
.rw-got svg{width:18px;height:18px}
.rw-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.rw-d{position:relative;min-height:118px;padding:10px 6px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px var(--ln);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .2s}
.rw-dn{position:absolute;top:9px;left:0;right:0;text-align:center;font:800 10.5px var(--T);letter-spacing:.16em;color:var(--mu)}
.rw-dc{width:30px;height:30px;border-radius:50%;margin-bottom:4px;background:radial-gradient(circle at 35% 30%,#fff6c4,#FFD23F 45%,#a86f00);box-shadow:0 0 14px rgba(255,210,63,.35),inset 0 -2px 0 rgba(0,0,0,.25)}
.rw-dpk{width:34px;height:34px;margin-bottom:2px;color:var(--g)}
.rw-d b{font:900 24px/1 var(--H);color:#fff}
.rw-d small{font:700 10.5px var(--T);letter-spacing:.14em;text-transform:uppercase;color:var(--mu)}
.rw-d.rw-pk{background:linear-gradient(180deg,rgba(255,210,63,.16),rgba(255,210,63,.03));box-shadow:inset 0 0 0 1px rgba(255,210,63,.4)}
.rw-d.rw-pk b{font-size:20px;color:var(--g)}
.rw-d.done{opacity:.55}
.rw-d.done .rw-dc{filter:grayscale(.5)}
.rw-dck{position:absolute;top:6px;right:6px;width:20px;height:20px;padding:3px;border-radius:50%;background:#35d07f;color:#04140c}
.rw-d.today{background:linear-gradient(180deg,var(--g2),var(--g) 55%,var(--gd));box-shadow:0 0 0 2px rgba(255,210,63,.35),0 16px 34px -12px rgba(255,190,30,.8);transform:translateY(-4px);animation:rwPulse 2.2s ease-in-out infinite}
.rw-d.today .rw-dn,.rw-d.today small{color:rgba(27,20,0,.7)}.rw-d.today b{color:var(--ink)}.rw-d.today .rw-dpk{color:var(--ink)}
.rw-d.today .rw-dc{background:radial-gradient(circle at 35% 30%,#fff,#fff3b8 45%,#d79a00)}
@keyframes rwPulse{0%,100%{box-shadow:0 0 0 2px rgba(255,210,63,.35),0 16px 34px -12px rgba(255,190,30,.8)}50%{box-shadow:0 0 0 6px rgba(255,210,63,.12),0 16px 40px -10px rgba(255,190,30,1)}}
.rw-cal{position:relative;height:22px;background:rgba(255,255,255,.05);overflow:hidden;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.rw-cal i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ff8a3c,var(--g));opacity:.8}
.rw-cal span{position:relative;display:block;text-align:center;font:800 12px/22px var(--T);letter-spacing:.14em;color:#fff;text-shadow:0 1px 2px #000;text-transform:uppercase}
/* sağ: sezon bileti */
.rw-side{display:flex;flex-direction:column;gap:12px}
.rw-pass{position:relative;flex:1;border:0;cursor:pointer;text-align:left;color:inherit;display:flex;align-items:center;gap:16px;padding:20px 22px;background:radial-gradient(100% 120% at 100% 0,rgba(255,210,63,.22),transparent 55%),linear-gradient(135deg,#1d1606,#0b0905 60%);box-shadow:inset 0 0 0 1px rgba(255,210,63,.45),0 24px 50px -24px #000;-webkit-mask:radial-gradient(circle 12px at 0 50%,transparent 11px,#000 12px) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 50%,transparent 11px,#000 12px) right/51% 100% no-repeat;mask:radial-gradient(circle 12px at 0 50%,transparent 11px,#000 12px) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 50%,transparent 11px,#000 12px) right/51% 100% no-repeat;transition:transform .2s,filter .2s}
.rw-pass:hover{transform:translateY(-3px);filter:brightness(1.08)}
.rw-pr{flex:none;width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(closest-side,#120d03 78%,transparent 79% 100%),conic-gradient(var(--g) calc(var(--p)*1%),rgba(255,255,255,.1) 0);box-shadow:0 0 26px rgba(255,190,30,.35)}
.rw-pr b{font:900 40px/1 var(--H);color:var(--g)}.rw-pr small{font:800 10px var(--T);letter-spacing:.2em;color:var(--mu)}
.rw-pt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.rw-pt>b{font:900 21px/1.05 var(--H);color:#fff;letter-spacing:.02em}
.rw-pb{display:block;height:8px;background:rgba(255,255,255,.08)}.rw-pb i{display:block;height:100%;background:linear-gradient(90deg,var(--gd),var(--g));box-shadow:0 0 10px rgba(255,210,63,.6)}
.rw-pt small{font:700 12px var(--T);color:var(--mu);letter-spacing:.04em}
.rw-badge{position:absolute;top:12px;right:30px;min-width:24px;height:24px;padding:0 7px;border-radius:12px;background:#ff3b5c;color:#fff;font:900 13px/24px var(--T);font-style:normal;text-align:center;box-shadow:0 0 12px rgba(255,59,92,.7)}
.rw-go{font:900 30px var(--H);color:var(--g)}
.rw-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rw-mini button{border:0;cursor:pointer;color:inherit;text-align:left;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;background:var(--pn);box-shadow:inset 0 0 0 1px var(--ln);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:box-shadow .2s}
.rw-mini button:hover{box-shadow:inset 0 0 0 1px rgba(255,210,63,.5)}
.rw-mic{grid-row:1/3;width:38px;height:38px;padding:8px;color:var(--g);background:rgba(255,210,63,.1);box-shadow:inset 0 0 0 1px rgba(255,210,63,.3)}
.rw-mini .pr .rw-mic{color:#c9a7ff;background:rgba(150,100,255,.12);box-shadow:inset 0 0 0 1px rgba(150,100,255,.4)}
.rw-mini b{font:900 16px/1 var(--H);color:#fff;letter-spacing:.03em}.rw-mini small{font:600 12px var(--T);color:var(--mu)}
/* hazır ödüller */
.rw-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.rw-h h2{font-size:24px}
.rw-cnt{height:24px;padding:0 9px;display:inline-grid;place-items:center;background:rgba(255,210,63,.14);box-shadow:inset 0 0 0 1px rgba(255,210,63,.45);font:900 14px var(--H);color:var(--g)}
.rw-h small{margin-left:auto;font:600 13px var(--T);color:var(--mu)}
.rw-ready{padding:18px 20px;background:linear-gradient(90deg,rgba(255,210,63,.12),rgba(255,210,63,.02) 60%),var(--pn);box-shadow:inset 0 0 0 1px rgba(255,210,63,.35)}
.rw-rl{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.rw-r{border:0;cursor:pointer;color:inherit;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .15s,box-shadow .15s}
.rw-r:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(255,210,63,.6)}
.rw-ri{flex:none;width:40px;height:40px;padding:9px;color:var(--g);background:rgba(255,210,63,.12);box-shadow:inset 0 0 0 1px rgba(255,210,63,.35)}
.rw-r.gold{background:linear-gradient(90deg,rgba(255,210,63,.25),rgba(255,210,63,.06));box-shadow:inset 0 0 0 1px rgba(255,210,63,.7)}
.rw-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rw-rt small{font:700 12px var(--T);color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-rt b{font:900 19px/1 var(--H);color:#fff}
.rw-r em{flex:none;font-style:normal;height:34px;padding:0 16px;display:grid;place-items:center;background:linear-gradient(180deg,var(--g2),var(--g) 50%,var(--gd));color:var(--ink);font:900 15px var(--H);letter-spacing:.1em;transform:skewX(-12deg)}
.rw-ready.empty{display:flex;align-items:center;gap:14px;background:var(--pn);box-shadow:inset 0 0 0 1px var(--ln)}
.rw-ready.empty .rw-ri{color:#35d07f;background:rgba(53,208,127,.1);box-shadow:inset 0 0 0 1px rgba(53,208,127,.35)}
.rw-ready.empty div{flex:1;display:flex;flex-direction:column;gap:2px}.rw-ready.empty b{font:900 19px var(--H)}.rw-ready.empty small{font:600 13px var(--T);color:var(--mu)}
/* görevler */
.rw-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rw-box{position:relative;padding:18px 20px;background:var(--pn);box-shadow:inset 0 0 0 1px var(--ln),0 20px 40px -24px #000;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.rw-box::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--g),transparent 60%)}
.rw-m{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06)}
.rw-m:first-of-type{border-top:0}
.rw-mi{flex:none;width:46px;height:46px;padding:12px;border-radius:50%;color:var(--g);background:radial-gradient(closest-side,#0b0f19 80%,transparent 81% 100%),conic-gradient(var(--g) calc(var(--p)*1%),rgba(255,255,255,.08) 0)}
.rw-mt{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.rw-mt b{font:700 15.5px/1.2 var(--T);color:#fff}
.rw-mb{height:6px;background:rgba(255,255,255,.08)}.rw-mb i{display:block;height:100%;background:linear-gradient(90deg,var(--gd),var(--g))}
.rw-mt small{font:700 11.5px var(--T);color:var(--mu);letter-spacing:.06em}
.rw-mr{flex:none;display:flex;flex-direction:column;align-items:flex-end;font:900 18px/1 var(--H);color:var(--g)}
.rw-mr em{font:700 11px var(--T);font-style:normal;color:#c9a7ff;margin-top:3px}
.rw-btn{flex:none;border:0;cursor:pointer;min-width:62px;height:36px;padding:0 14px;background:linear-gradient(180deg,var(--g2),var(--g) 50%,var(--gd));color:var(--ink);font:900 15px var(--H);letter-spacing:.1em;transform:skewX(-12deg);box-shadow:0 8px 18px -8px rgba(255,190,30,.9)}
.rw-btn.off{background:rgba(255,255,255,.06);color:#5f6a7d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);cursor:default}
.rw-done{flex:none;min-width:62px;text-align:center;font:800 12px var(--T);letter-spacing:.14em;color:#35d07f}
.rw-m.ready{background:linear-gradient(90deg,rgba(255,210,63,.1),transparent);margin:0 -10px;padding:11px 10px}
.rw-m.got .rw-mi{color:#35d07f;background:radial-gradient(closest-side,#0b0f19 80%,transparent 81% 100%),conic-gradient(#35d07f 100%,transparent 0)}
.rw-m.got .rw-mt b{color:var(--mu)}.rw-m.got .rw-mb i{background:#35d07f}
.rw-none{color:var(--mu);margin:0}
/* başarımlar */
.rw-ap{flex-basis:100%;height:6px;background:rgba(255,255,255,.07);order:9}.rw-ap i{display:block;height:100%;background:linear-gradient(90deg,var(--gd),var(--g))}
.rw-ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.rw-a{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.rw-md{flex:none;position:relative;width:52px;height:52px;padding:14px;color:#8a95a8;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:radial-gradient(closest-side,#141a28 70%,transparent 71%),conic-gradient(var(--g) calc(var(--p)*1%),rgba(255,255,255,.1) 0)}
.rw-at{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.rw-at b{font:800 15px/1.15 var(--T);color:#fff}
.rw-at small{font:600 12px/1.3 var(--T);color:var(--mu)}
.rw-av{font:700 11px var(--T);color:var(--mu);letter-spacing:.06em}
.rw-ar{flex:none;font:900 16px var(--H);color:#c8d0dd}
.rw-a.ready{background:linear-gradient(90deg,rgba(255,210,63,.16),rgba(255,210,63,.03));box-shadow:inset 0 0 0 1px rgba(255,210,63,.55)}
.rw-a.ready .rw-md{color:var(--ink);background:linear-gradient(180deg,var(--g2),var(--g) 50%,var(--gd));filter:drop-shadow(0 0 10px rgba(255,210,63,.6))}
.rw-a.got .rw-md{color:#04140c;background:linear-gradient(180deg,#7ef0b4,#35d07f)}
.rw-a.got{opacity:.72}
@media (max-width:1100px){.rw-top,.rw-cols{grid-template-columns:1fr}}
@media (max-width:760px){
  .rw{gap:14px}
  .rw-ttl h1{font-size:44px}
  .rw-pills{width:100%}.rw-pill{flex:1;justify-content:center;padding:0 8px;font-size:12px}.rw-pill b{font-size:16px}
  .rw-streak{padding:16px 14px}
  .rw-sh{flex-wrap:wrap;gap:10px}.rw-flame{width:58px;height:58px}.rw-flame b{font-size:24px}
  .rw-st h2,.rw-h h2{font-size:22px}
  .rw-sh .rw-cta,.rw-sh .rw-got{width:100%;justify-content:center}
  .rw-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
  .rw-d{min-height:86px;padding:6px 2px 8px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
  .rw-dn{font-size:8.5px;letter-spacing:.06em;top:6px}.rw-dc{width:20px;height:20px}.rw-dpk{width:22px;height:22px}
  .rw-d b{font-size:16px}.rw-d.rw-pk b{font-size:13px}.rw-d small{font-size:8.5px;letter-spacing:.06em}.rw-dck{width:14px;height:14px;padding:2px;top:3px;right:3px}
  .rw-pass{padding:16px 18px}.rw-pr{width:78px;height:78px}.rw-pr b{font-size:32px}
  .rw-box,.rw-ready{padding:14px}
  .rw-h small{margin-left:0;flex-basis:100%}
  .rw-mr{font-size:15px}.rw-btn{min-width:52px;padding:0 10px}
  .rw-ag{grid-template-columns:1fr}
}
.screen[data-screen=objectives] .fx-top,.screen[data-screen=pass] .fx-top{display:none!important}

/* ===================== SEZON BİLETİ (bp) ===================== */
.bp{--g:#FFD23F;--g2:#FFE88A;--gd:#E9A400;--ink:#1B1400;--pu:#a77bff;--pu2:#6b3df0;--pn:linear-gradient(180deg,rgba(16,22,38,.94),rgba(6,9,16,.96));--ln:rgba(255,255,255,.08);--mu:#9aa6ba;--H:"Big Shoulders Display","Barlow Condensed","Arial Narrow",sans-serif;--T:"Barlow Condensed","Archivo",system-ui,sans-serif;display:flex;flex-direction:column;gap:18px;color:#F4F1EA;font-family:var(--T)}
.bp *{box-sizing:border-box}
.bp-k{font:800 11.5px var(--T);letter-spacing:.22em;color:var(--g)}
.bp-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.8fr) minmax(300px,1fr);gap:18px;padding:24px;background:radial-gradient(80% 120% at 0 0,rgba(255,210,63,.16),transparent 55%),radial-gradient(60% 100% at 100% 100%,rgba(140,90,255,.16),transparent 60%),url(m-img/pass.png) right -40px center/auto 130% no-repeat,var(--pn);box-shadow:inset 0 0 0 1px rgba(255,210,63,.22),0 30px 60px -30px #000;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));overflow:hidden}
.bp-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,9,16,.2),rgba(6,9,16,.75) 70%);pointer-events:none}
.bp-hero>*{position:relative}
.bp-ht{display:flex;flex-direction:column;gap:10px;justify-content:center}
.bp-ht h1{margin:0;font:italic 900 clamp(46px,5vw,76px)/.86 var(--H);letter-spacing:.01em;background:linear-gradient(180deg,#fff 35%,#FFE88A 62%,#E9A400);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5))}
.bp-ht p{margin:0;max-width:440px;font:600 14.5px/1.45 var(--T);color:#c3cad6}
.bp-xp{display:flex;flex-wrap:wrap;gap:6px}
.bp-xp span{padding:4px 9px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--ln);font:700 12px var(--T);color:#c8d0dd}
.bp-xp b{color:var(--g);font-family:var(--H);font-size:14px}
/* bilet koçanı */
.bp-stub{align-self:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 18px;background:linear-gradient(160deg,#FFE88A,#FFD23F 45%,#d49400);color:var(--ink);text-align:center;box-shadow:0 24px 50px -18px rgba(255,180,20,.6);-webkit-mask:radial-gradient(circle 13px at 0 50%,transparent 12px,#000 13px) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 50%,transparent 12px,#000 13px) right/51% 100% no-repeat;mask:radial-gradient(circle 13px at 0 50%,transparent 12px,#000 13px) left/51% 100% no-repeat,radial-gradient(circle 13px at 100% 50%,transparent 12px,#000 13px) right/51% 100% no-repeat;transform:rotate(-2deg)}
.bp-sk{font:900 13px var(--T);letter-spacing:.32em;opacity:.7}
.bp-big{font:900 96px/.85 var(--H);letter-spacing:-.01em}
.bp-big small{font-size:30px;opacity:.55;margin-left:2px}
.bp-sbar{width:100%;height:10px;background:rgba(27,20,0,.2)}.bp-sbar i{display:block;height:100%;background:var(--ink)}
.bp-sx{font:800 12.5px var(--T);letter-spacing:.04em;opacity:.8}
.bp-tag{margin-top:4px;padding:5px 12px;border-top:2px dashed rgba(27,20,0,.35);width:100%;font:900 13px var(--T);letter-spacing:.24em}
.bp-tag.p{color:#3a1580}
/* sıradaki ödül */
.bp-next{display:flex;flex-direction:column;gap:12px;justify-content:center}
.bp-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bp-next.ready .bp-k{color:#7ef0b4}
.bp-all{border:0;cursor:pointer;height:48px;background:linear-gradient(180deg,var(--g2),var(--g) 50%,var(--gd));color:var(--ink);font:900 17px var(--H);letter-spacing:.1em;transform:skewX(-12deg);box-shadow:0 14px 30px -12px rgba(255,190,30,.85)}
.bp-all>span{display:inline-block;transform:skewX(12deg)}
.bp-need{font:700 13px var(--T);color:var(--mu)}
/* ödül düğmesi */
.bp-rw{position:relative;width:100%;border:0;color:inherit;text-align:left;display:flex;align-items:center;gap:9px;padding:9px 10px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);cursor:default;font:inherit}
.bp-rw.empty{background:transparent;box-shadow:none;min-height:54px}
.bp-ic{flex:none;width:36px;height:36px;display:grid;place-items:center}.bp-ic svg{width:100%;height:100%}
.bp-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.bp-tx small{font:800 10px var(--T);letter-spacing:.18em;color:var(--mu)}
.bp-tx b{font:900 18px/1 var(--H);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-tx i{font:700 11px var(--T);font-style:normal;color:var(--mu);letter-spacing:.06em;text-transform:uppercase}
.bp-c{flex:none;display:grid;place-items:center;min-width:26px;height:26px;font-style:normal}
.bp-c svg{width:14px;height:14px}
.bp-c.go{padding:0 10px;background:linear-gradient(180deg,var(--g2),var(--g) 50%,var(--gd));color:var(--ink);font:900 13px var(--H);letter-spacing:.1em;transform:skewX(-12deg)}
.bp-c.got{border-radius:50%;background:#35d07f;color:#04140c}
.bp-c.lk{color:#5f6a7d}.bp-c.pr{color:var(--pu)}
.bp-rw.prem{background:linear-gradient(90deg,rgba(140,90,255,.14),rgba(140,90,255,.04));box-shadow:inset 0 0 0 1px rgba(167,123,255,.22)}
.bp-rw.open{cursor:pointer;background:linear-gradient(90deg,rgba(255,210,63,.22),rgba(255,210,63,.05));box-shadow:inset 0 0 0 1px rgba(255,210,63,.7);animation:bpGlow 2s ease-in-out infinite}
.bp-rw.open:hover{filter:brightness(1.12)}
.bp-rw.got{opacity:.55}
.bp-rw.lock .bp-ic,.bp-rw.need .bp-ic{filter:grayscale(.6);opacity:.65}
@keyframes bpGlow{0%,100%{box-shadow:inset 0 0 0 1px rgba(255,210,63,.7)}50%{box-shadow:inset 0 0 0 1px rgba(255,210,63,1),0 0 18px rgba(255,210,63,.35)}}
.bp-rw.big{padding:14px 12px;flex-direction:column;align-items:flex-start;gap:8px;min-height:150px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.bp-rw.big .bp-ic{width:52px;height:52px}
.bp-rw.big .bp-tx b{font-size:26px}
.bp-rw.big .bp-c{position:absolute;top:10px;right:10px}
/* premium şeridi */
.bp-prem{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(90deg,rgba(140,90,255,.22),rgba(140,90,255,.05));box-shadow:inset 0 0 0 1px rgba(167,123,255,.4);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.bp-pl{flex:none;width:40px;height:40px;padding:10px;color:#e6d8ff;background:linear-gradient(180deg,var(--pu),var(--pu2))}.bp-pl svg{width:100%;height:100%}
.bp-prem p{flex:1;margin:0;font:600 14px/1.4 var(--T);color:#d7cdf2}.bp-prem b{color:#fff}
.bp-pbtn{flex:none;border:0;cursor:pointer;height:42px;padding:0 20px;background:linear-gradient(180deg,#c9a7ff,var(--pu) 50%,var(--pu2));color:#fff;font:900 15px var(--H);letter-spacing:.1em;transform:skewX(-12deg);box-shadow:0 12px 26px -12px rgba(140,90,255,.9)}
.bp-pbtn>span{display:inline-block;transform:skewX(12deg)}
/* kademe yolu */
.bp-path{padding:18px 20px;background:var(--pn);box-shadow:inset 0 0 0 1px var(--ln);position:relative}
.bp-path::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--g),transparent 60%)}
.bp-ph{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.bp-ph h2{margin:0;font:900 26px/1 var(--H);letter-spacing:.04em}
.bp-tabs{display:flex;gap:6px}
.bp-tab{position:relative;border:0;cursor:pointer;min-width:84px;padding:7px 12px 9px;display:flex;flex-direction:column;gap:5px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--ln);color:#c8d0dd;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.bp-tab b{font:900 16px/1 var(--H);letter-spacing:.04em}
.bp-tbar{height:4px;background:rgba(255,255,255,.1)}.bp-tbar i{display:block;height:100%;background:var(--g)}
.bp-tab.on{background:linear-gradient(180deg,rgba(255,210,63,.24),rgba(255,210,63,.06));box-shadow:inset 0 0 0 1px rgba(255,210,63,.65);color:#fff}
.bp-dot{position:absolute;top:5px;right:12px;width:8px;height:8px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 8px #ff3b5c}
.bp-lanes{display:flex;gap:8px;margin-bottom:12px}
.bp-ln{font:800 10.5px var(--T);letter-spacing:.2em;padding:3px 8px}
.bp-ln.f{color:#c8d0dd;background:rgba(255,255,255,.05)}.bp-ln.p{color:#d9c6ff;background:rgba(140,90,255,.16)}
.bp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.bp-t{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:inset 0 0 0 1px var(--ln);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.bp-th{display:flex;align-items:baseline;justify-content:space-between}
.bp-th b{font:900 30px/1 var(--H);color:#5f6a7d}
.bp-th span{font:800 10px var(--T);letter-spacing:.18em;color:var(--mu)}
.bp-rail{height:4px;background:rgba(255,255,255,.08)}.bp-rail i{display:block;height:100%;background:linear-gradient(90deg,var(--gd),var(--g))}
.bp-perf{height:0;border-top:2px dashed rgba(255,255,255,.12);margin:2px 4px}
.bp-t.done .bp-th b{color:var(--g)}
.bp-t.done{box-shadow:inset 0 0 0 1px rgba(255,210,63,.3)}
.bp-t.next{box-shadow:inset 0 0 0 2px var(--g),0 0 30px -6px rgba(255,210,63,.5);background:linear-gradient(180deg,rgba(255,210,63,.12),rgba(255,210,63,.02))}
.bp-t.next .bp-th b{color:#fff}.bp-t.next .bp-th span{color:var(--g)}
.bp-t.mile{background:radial-gradient(120% 80% at 50% 0,rgba(255,210,63,.22),transparent 60%),linear-gradient(180deg,#1c1505,#0b0905);box-shadow:inset 0 0 0 1px rgba(255,210,63,.6)}
.bp-t.mile .bp-th b{color:var(--g)}.bp-t.mile .bp-th span{color:var(--g)}
.bp-t.mile .bp-rw .bp-ic{width:44px;height:44px}
@media (max-width:1200px){.bp-hero{grid-template-columns:1fr 1fr}.bp-ht{grid-column:1/-1}.bp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){
  .bp{gap:14px}
  .bp-hero{grid-template-columns:1fr;padding:18px 14px;background-size:auto 70%;background-position:right -60px top -10px}
  .bp-ht h1{font-size:52px}
  .bp-stub{transform:none}.bp-big{font-size:76px}
  .bp-prem{flex-wrap:wrap;clip-path:none}.bp-pbtn{width:100%}
  .bp-path{padding:14px 12px}
  .bp-tabs{width:100%}.bp-tab{flex:1;min-width:0;padding:6px 6px 8px}.bp-tab b{font-size:14px}
  .bp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bp-tx b{font-size:16px}.bp-ic{width:30px;height:30px}
  .bp-rw.big{min-height:120px}.bp-rw.big .bp-tx b{font-size:21px}
}
.rw-pass{flex-wrap:wrap;align-content:center;row-gap:16px}
.rw-up{flex-basis:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rw-up>span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px 9px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,210,63,.18)}
.rw-up small{font:800 10px var(--T);letter-spacing:.16em;color:var(--mu)}
.rw-up b{font:900 18px/1.05 var(--H);color:#fff}
.rw-up i{font:700 10px var(--T);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.rw-up .mile{background:linear-gradient(180deg,rgba(255,210,63,.24),rgba(255,210,63,.05));box-shadow:inset 0 0 0 1px rgba(255,210,63,.6)}.rw-up .mile b{color:var(--g)}
.rw-d{min-width:0}
.bp-hero{background:radial-gradient(80% 120% at 0 0,rgba(255,210,63,.16),transparent 55%),radial-gradient(60% 100% at 100% 100%,rgba(140,90,255,.16),transparent 60%),repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 2px,transparent 2px 14px),var(--pn)}
.rw-ttl h1,.bp-ht h1{padding-top:.14em;margin-top:-.08em}
.rw-rl{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
@media (max-width:760px){.bp-grid{grid-template-columns:1fr}.bp-t{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bp-th,.bp-rail{grid-column:1/-1}.bp-perf{display:none}}
@media (max-width:760px){.bp-t{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.bp-grid{grid-template-columns:minmax(0,1fr)}.bp-th b{font-size:24px}}