/* ============================================================
   MorPota v2 — Y2K KROM × GRUNGE × CAM tasarım sistemi
   ============================================================ */
:root{
  --bg0:#07050e;
  --bg1:#0d0919;
  --navy:#1e1b4b;
  --glass:rgba(24,18,48,.55);
  --glass-solid:rgba(24,18,48,.92);
  --glass-hi:rgba(255,255,255,.14);
  --line:rgba(139,92,246,.22);
  --line-soft:rgba(139,92,246,.12);
  --purple:#8b5cf6;
  --purple-hot:#a78bfa;
  --pink:#ec4899;
  --pink-soft:#f472b6;
  --cyan:#22d3ee;
  --text:#eae5fa;
  --muted:#9a8fc4;
  --faint:#6b628f;
  --green:#34d399;
  --red:#fb5c7e;
  --amber:#fbbf24;
  --metal:linear-gradient(180deg,#ffffff 0%,#d6d9e4 28%,#8f93a3 47%,#f0f1f7 55%,#767b8d 74%,#c9ccd8 100%);
  --neon:linear-gradient(120deg,#a78bfa,#f472b6);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scrollbar-color:#3a2f66 #07050e;scroll-behavior:smooth}
::selection{background:#ec4899;color:#fff}

body{
  font-family:'Outfit',system-ui,sans-serif;
  background:
    radial-gradient(1000px 560px at 85% -10%, rgba(139,92,246,.17), transparent 60%),
    radial-gradient(760px 480px at -10% 22%, rgba(236,72,153,.11), transparent 60%),
    radial-gradient(900px 640px at 50% 115%, rgba(30,27,75,.6), transparent 65%),
    linear-gradient(165deg,var(--bg0),var(--bg1) 55%,#0a0716);
  background-attachment:fixed;
  color:var(--text);
  min-height:100vh;
  overflow-x:hidden;
}
/* grunge: film greni + tarama çizgileri */
body::before{
  content:'';position:fixed;inset:0;z-index:1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  opacity:.045;mix-blend-mode:overlay;
}
body::after{
  content:'';position:fixed;inset:0;z-index:1;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.28) 2px 3px);
  opacity:.05;
}
#app{position:relative;z-index:2}

/* ---------- tipografi ---------- */
.chrome{
  font-family:'Unbounded',sans-serif;font-weight:900;
  background:var(--metal);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.22)) drop-shadow(0 4px 14px rgba(0,0,0,.65));
  letter-spacing:.5px;
}
.neon-text{
  background:var(--neon);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.glitch{position:relative;transition:text-shadow .15s}
.glitch:hover{animation:glitch .32s steps(2) both}
@keyframes glitch{
  0%{transform:translate(0)}
  25%{transform:translate(-2px,1px);text-shadow:2px 0 rgba(236,72,153,.8),-2px 0 rgba(34,211,238,.8)}
  50%{transform:translate(2px,-1px);text-shadow:-2px 0 rgba(236,72,153,.8),2px 0 rgba(34,211,238,.8)}
  100%{transform:translate(0);text-shadow:none}
}
.sec-title{
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(17px,2.4vw,24px);
  display:flex;align-items:center;gap:12px;margin:38px 0 18px;
}
.sec-title .star{color:var(--pink);font-size:.8em;animation:spin-slow 9s linear infinite}
@keyframes spin-slow{to{transform:rotate(360deg)}}
.sec-title .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.sec-title .tag{
  font-family:'Space Grotesk',monospace;font-size:10px;font-weight:600;letter-spacing:2.5px;
  color:var(--faint);text-transform:uppercase;border:1px solid var(--line);padding:3px 10px;border-radius:3px;
}

/* ---------- canlı skor şeridi (marquee) ---------- */
.ticker{
  position:sticky;top:0;z-index:60;overflow:hidden;white-space:nowrap;
  background:rgba(8,5,18,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  font-family:'Space Grotesk',monospace;font-size:12.5px;
  padding:7px 0;
}
.ticker-track{display:inline-block;animation:tick 55s linear infinite;padding-left:16px}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker a{color:var(--muted);text-decoration:none;margin-right:34px;transition:color .2s}
.ticker a:hover{color:#fff}
.ticker .t-live{color:var(--pink-soft);font-weight:700}
.ticker .t-score{color:var(--text);font-weight:700}
.ticker .t-sep{color:var(--faint);margin:0 8px}

/* ---------- üst menü ---------- */
header{
  position:sticky;top:29px;z-index:50;
  backdrop-filter:blur(16px) saturate(1.3);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 45%),rgba(10,7,22,.72);
  border-bottom:1px solid var(--line);
  padding:12px clamp(14px,4vw,44px);
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.logo{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;text-decoration:none}
.logo .ball{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;position:relative;
  background:radial-gradient(circle at 32% 28%,#f8fafc 0%,#f472b6 22%,#8b5cf6 62%,#312e81);
  box-shadow:0 0 22px rgba(236,72,153,.5),inset 0 0 10px rgba(0,0,0,.4);
}
.logo .ball::before,.logo .ball::after{content:'';position:absolute;inset:0;border-radius:50%;border:1px solid rgba(7,5,14,.55)}
.logo .ball::before{clip-path:inset(0 0 0 49.5%);transform:translateX(-9px)}
.logo .ball::after{clip-path:inset(49.5% 0 0 0);transform:translateY(-9px)}
.logo h1{font-size:23px;line-height:1}
.logo small{display:block;font-family:'Space Grotesk',monospace;font-size:9.5px;font-weight:600;color:var(--faint);letter-spacing:3px;text-transform:uppercase;margin-top:4px}
nav.mainnav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.nav-link{
  padding:9px 16px;border-radius:12px;border:1px solid transparent;
  color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;transition:all .2s;
}
.nav-link:hover{color:#fff;border-color:var(--line)}
.nav-link.on{
  color:#fff;border-color:var(--purple);
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent),rgba(139,92,246,.16);
  box-shadow:0 0 16px rgba(139,92,246,.25);
}
.member-pill{
  padding:9px 18px;border-radius:999px;cursor:pointer;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.01)),rgba(30,25,60,.6);
  color:var(--text);font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s;
}
.member-pill:hover{border-color:var(--pink);box-shadow:0 0 14px rgba(236,72,153,.3)}

/* ---------- genel yerleşim ---------- */
main{padding:10px clamp(14px,4vw,44px) 60px;max-width:1560px;margin:0 auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}
.grid.wide{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}

/* ---------- cam panel (Apple glass) ---------- */
.glass{
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.015) 38%),var(--glass);
  border:1px solid var(--line);
  border-top-color:var(--glass-hi);
  border-radius:20px;
  backdrop-filter:blur(14px) saturate(1.35);
  box-shadow:0 14px 40px rgba(4,2,12,.5),inset 0 1px 0 rgba(255,255,255,.08);
}
.card{padding:16px 17px;transition:transform .22s,box-shadow .22s,border-color .22s;animation:rise .4s ease both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1}}
.no-anim .card{animation:none}
.card:hover{
  transform:translateY(-4px);
  border-color:rgba(236,72,153,.5);
  box-shadow:0 20px 46px rgba(4,2,12,.6),0 0 26px rgba(139,92,246,.18),inset 0 1px 0 rgba(255,255,255,.1);
}
.card-top{display:flex;justify-content:space-between;align-items:center;font-family:'Space Grotesk',monospace;font-size:11px;color:var(--faint);margin-bottom:12px;letter-spacing:.5px}
.badge{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:3px 11px;border-radius:4px}
.badge.live{background:rgba(236,72,153,.16);color:var(--pink-soft);border:1px solid rgba(236,72,153,.5);animation:pulse 1.6s infinite}
.badge.pre{background:rgba(139,92,246,.14);color:#c4b5fd;border:1px solid rgba(139,92,246,.4)}
.badge.post{background:rgba(107,98,143,.14);color:var(--muted);border:1px solid rgba(107,98,143,.35)}
@keyframes pulse{50%{opacity:.4}}

/* ---------- takım satırları ---------- */
.team-row{display:flex;align-items:center;gap:11px;padding:3px 0}
.team-row img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}
.team-row .noimg{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b2f6e,#241c4a);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#c4b5fd;flex-shrink:0}
.team-name{font-weight:700;font-size:15.5px;line-height:1.15}
.team-rec{font-size:11px;color:var(--faint)}
.team-score{margin-left:auto;font-family:'Unbounded',sans-serif;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.team-score.win{color:var(--pink-soft);text-shadow:0 0 14px rgba(236,72,153,.45)}
.fav-star{background:none;border:none;color:var(--faint);cursor:pointer;font-size:15px;padding:2px 4px;transition:all .2s;font-family:inherit}
.fav-star:hover{color:var(--amber);transform:scale(1.25)}
.fav-star.on{color:var(--amber);text-shadow:0 0 10px rgba(251,191,36,.6)}

/* kart mini-tahmin satırı */
.mini-pred{
  margin-top:12px;border-top:1px dashed var(--line);padding-top:11px;
  font-size:13px;color:var(--muted);line-height:1.55;
}
.mini-pred b{color:var(--text)}
.mini-bar{display:flex;height:7px;border-radius:99px;overflow:hidden;background:#241c4a;margin:8px 0 4px}
.mini-bar .ph{background:linear-gradient(90deg,#6d4bc7,var(--purple));box-shadow:0 0 8px rgba(139,92,246,.5)}
.mini-bar .pa{background:linear-gradient(90deg,var(--pink),var(--pink-soft))}
.mini-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--faint)}
.card-cta{
  display:block;text-align:center;margin-top:12px;padding:9px;border-radius:12px;
  border:1px solid var(--line);color:#c4b5fd;text-decoration:none;font-size:13px;font-weight:700;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent);transition:all .2s;
}
.card-cta:hover{border-color:var(--pink);color:#fff;box-shadow:0 0 14px rgba(236,72,153,.25)}
.clock{
  text-align:center;font-family:'Space Grotesk',monospace;font-size:13px;font-weight:700;color:var(--pink-soft);
  background:rgba(236,72,153,.08);border:1px solid rgba(236,72,153,.25);
  border-radius:9px;padding:5px;margin-top:10px;letter-spacing:1px;
}

/* ---------- ana sayfa hero ---------- */
.hero{padding:58px 0 30px;text-align:center;position:relative}
.hero h2{font-size:clamp(38px,7.5vw,84px);line-height:1.02}
.hero .sub{
  font-family:'Space Grotesk',monospace;color:var(--muted);font-size:clamp(12px,1.6vw,15px);
  letter-spacing:4px;text-transform:uppercase;margin-top:14px;
}
.hero .sub b{color:var(--pink-soft)}
.hero-stats{
  display:flex;justify-content:center;gap:clamp(16px,4vw,54px);flex-wrap:wrap;
  margin-top:34px;font-family:'Space Grotesk',monospace;
}
.hstat{text-align:center}
.hstat .v{font-family:'Unbounded',sans-serif;font-size:clamp(20px,3vw,30px);font-weight:700}
.hstat .k{font-size:10px;letter-spacing:2.5px;color:var(--faint);text-transform:uppercase;margin-top:4px}
.barcode{
  display:inline-block;height:26px;width:120px;margin-top:26px;opacity:.5;
  background:repeating-linear-gradient(90deg,#e5e7eb 0 2px,transparent 2px 4px,#e5e7eb 4px 5px,transparent 5px 9px,#e5e7eb 9px 12px,transparent 12px 14px);
}

/* ---------- lig kartları ---------- */
.lig-card{
  display:flex;align-items:center;gap:16px;padding:20px;cursor:pointer;text-decoration:none;color:var(--text);
}
.lig-card .lc-emoji{font-size:30px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}
.lig-card .lc-name{font-family:'Unbounded',sans-serif;font-weight:700;font-size:16px}
.lig-card .lc-sub{font-size:12px;color:var(--faint);margin-top:3px}
.lig-card .lc-n{margin-left:auto;font-family:'Space Grotesk',monospace;font-size:11px;color:var(--pink-soft);border:1px solid rgba(236,72,153,.35);border-radius:4px;padding:3px 9px}
.country{margin-bottom:10px;overflow:hidden}
.country-head{display:flex;align-items:center;gap:12px;padding:15px 18px;cursor:pointer;user-select:none}
.country-head img{width:26px;height:18px;object-fit:cover;border-radius:3px}
.country-head .cn{font-weight:700;font-size:15px}
.country-head .cc{margin-left:auto;color:var(--faint);font-size:12px;font-family:'Space Grotesk',monospace}
.country-body{display:none;padding:0 14px 12px}
.country.open .country-body{display:block}
.wleague{
  display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;text-decoration:none;color:var(--muted);
  transition:all .15s;font-size:13.5px;
}
.wleague:hover{background:rgba(139,92,246,.12);color:#fff}
.wleague img{width:22px;height:22px;object-fit:contain}

/* ---------- sekmeler & çipler ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 18px}
.tab{
  padding:9px 18px;font-size:13.5px;font-weight:700;color:var(--faint);cursor:pointer;white-space:nowrap;
  border:1px solid transparent;background:none;font-family:inherit;border-radius:11px;transition:all .2s;
}
.tab:hover{color:var(--muted);border-color:var(--line)}
.tab.active{color:#fff;border-color:var(--purple);background:rgba(139,92,246,.14);box-shadow:0 0 14px rgba(139,92,246,.22)}
.tab .cnt{font-size:10.5px;background:rgba(139,92,246,.22);border:1px solid rgba(139,92,246,.4);padding:1px 7px;border-radius:99px;margin-left:6px;color:#c4b5fd}
.chip-btn{
  background:rgba(30,25,60,.55);border:1px solid var(--line);color:var(--muted);
  border-radius:999px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;
}
.chip-btn:hover{border-color:var(--purple);color:var(--text)}
.chip-btn.on{border-color:var(--purple);color:#fff;background:rgba(139,92,246,.25)}

/* ---------- maç merkezi ---------- */
.mc-head{padding:26px clamp(16px,3vw,34px);margin-bottom:18px}
.mc-teams{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.mc-team{display:flex;align-items:center;gap:14px;min-width:220px}
.mc-team.right{flex-direction:row-reverse;text-align:right}
.mc-team img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 14px rgba(0,0,0,.6))}
.mc-team .n{font-family:'Unbounded',sans-serif;font-weight:700;font-size:clamp(15px,2vw,21px)}
.mc-team .r{font-size:12px;color:var(--faint);margin-top:4px}
.mc-mid{text-align:center;flex:1;min-width:150px}
.mc-score{font-family:'Unbounded',sans-serif;font-size:clamp(30px,4.5vw,46px);font-weight:900;font-variant-numeric:tabular-nums}
.mc-detail{font-family:'Space Grotesk',monospace;font-size:12.5px;color:var(--pink-soft);letter-spacing:1.5px;margin-top:6px;text-transform:uppercase}
.mc-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media (max-width:980px){.mc-cols{grid-template-columns:1fr}}
.panel{padding:20px 20px 18px}
.panel-title{
  font-family:'Space Grotesk',monospace;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--faint);margin-bottom:14px;display:flex;align-items:center;gap:10px;
}
.back-link{display:inline-block;color:var(--faint);text-decoration:none;font-size:13px;margin:14px 0;transition:color .2s}
.back-link:hover{color:var(--pink-soft)}

/* tahmin görselleri (v1'den taşındı) */
.pred-score{display:flex;align-items:baseline;justify-content:center;gap:12px;font-family:'Unbounded',sans-serif;font-size:24px;font-weight:700;margin:4px 0 12px;font-variant-numeric:tabular-nums}
.pred-score .abbr{font-size:12px;font-weight:600;color:var(--muted);font-family:'Outfit',sans-serif}
.pred-score .sep{color:var(--faint);font-size:16px}
.prob-bar{display:flex;height:11px;border-radius:999px;overflow:hidden;background:#241c4a}
.prob-bar .ph{background:linear-gradient(90deg,#6d4bc7,var(--purple));box-shadow:0 0 10px rgba(139,92,246,.5)}
.prob-bar .pa{background:linear-gradient(90deg,var(--pink),var(--pink-soft))}
.prob-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px}
.prob-labels b{color:var(--text)}
.conf{font-size:10px;padding:2px 9px;border-radius:4px;font-weight:700;letter-spacing:.6px}
.conf.hi{background:rgba(52,211,153,.14);color:var(--green);border:1px solid rgba(52,211,153,.4)}
.conf.md{background:rgba(251,191,36,.12);color:var(--amber);border:1px solid rgba(251,191,36,.32)}
.conf.lo{background:rgba(251,92,126,.12);color:var(--red);border:1px solid rgba(251,92,126,.32)}
.s-line{display:flex;gap:9px;font-size:13.5px;color:var(--muted);margin-top:9px;line-height:1.55}
.s-line .ico{flex-shrink:0;width:18px;text-align:center}
.s-line b{color:var(--text)}
.markets{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.market{background:rgba(13,9,29,.6);border:1px solid rgba(46,38,80,.8);border-radius:12px;padding:9px 11px}
.market .m-label{font-size:9.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--faint);margin-bottom:3px;font-family:'Space Grotesk',monospace}
.market .m-val{font-size:14px;font-weight:700}
.market .m-sub{font-size:11px;color:var(--muted);margin-top:2px}
.market.pick .m-val{color:#c4b5fd}
.lines{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.line-box{background:rgba(13,9,29,.6);border:1px solid rgba(46,38,80,.8);border-radius:12px;padding:9px 11px}
.line-box label{font-size:9.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:6px;font-family:'Space Grotesk',monospace}
.line-box input{width:100%;background:rgba(7,5,14,.75);border:1px solid var(--line);border-radius:9px;color:var(--text);font-family:inherit;font-size:14px;font-weight:600;padding:7px 10px;outline:none;transition:border-color .2s}
.line-box input:focus{border-color:var(--pink)}
.line-res{font-size:12px;margin-top:7px;min-height:15px;color:var(--muted)}
.line-res b.up{color:var(--green)}
.line-res b.down{color:var(--red)}
.line-res b.mid{color:var(--amber)}
.pocket-help{font-size:12px;color:var(--faint);margin:12px 0 4px;line-height:1.6}
.form-row{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:11.5px;color:var(--faint);flex-wrap:wrap}
.form-row .abbr{width:36px;font-weight:700;color:var(--muted)}
.chip{width:19px;height:19px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
.chip.G{background:rgba(52,211,153,.16);color:var(--green);border:1px solid rgba(52,211,153,.4)}
.chip.M{background:rgba(251,92,126,.14);color:var(--red);border:1px solid rgba(251,92,126,.35)}
.form-avg{margin-left:auto;font-variant-numeric:tabular-nums}
.h2h{margin-top:11px;font-size:11.5px;color:var(--muted);line-height:1.6}
.h2h span{color:var(--faint)}
.recent-block{margin-top:10px;background:rgba(13,9,29,.55);border:1px solid rgba(46,38,80,.7);border-radius:12px;padding:10px 13px}
.recent-block .rb-title{font-size:12px;font-weight:700;color:var(--text);margin-bottom:2px}
.recent-block .rb-hint{font-size:10.5px;color:var(--faint);margin-bottom:6px}
.rb-row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted);padding:2.5px 0;font-variant-numeric:tabular-nums}
.rb-row .res-g{color:var(--green);font-weight:700}
.rb-row .res-m{color:var(--red);font-weight:700}
.pred-loading{font-size:13px;color:var(--faint);display:flex;align-items:center;gap:9px;padding:8px 0}
.pred-err{font-size:12.5px;color:var(--red);padding:6px 0}
.spinner{width:15px;height:15px;border-radius:50%;flex-shrink:0;border:2px solid rgba(139,92,246,.25);border-top-color:var(--purple);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* canlı takip */
.trk-court{width:100%;border-radius:14px;display:block;background:rgba(10,7,22,.8);border:1px solid rgba(46,38,80,.8)}
.trk-legend{display:flex;gap:14px;justify-content:center;font-size:11px;color:var(--faint);margin-top:7px;flex-wrap:wrap}
.trk-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:-1px;font-style:normal}
.trk-flex{display:flex;align-items:center;gap:8px}
.smode{display:inline-flex;gap:4px;margin-left:auto}
.feed{margin-top:4px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);max-height:230px;overflow-y:auto;padding-right:2px}
.feed .fi{display:flex;gap:8px;align-items:baseline;padding:5px 10px;border-radius:9px;background:rgba(13,9,29,.55);border:1px solid transparent}
.feed .fi.sc{border-color:rgba(52,211,153,.3);color:var(--text)}
.fi .ft{color:var(--faint);flex-shrink:0;font-variant-numeric:tabular-nums;font-size:11px;font-family:'Space Grotesk',monospace}
.fi .fs{margin-left:auto;flex-shrink:0;font-weight:700;font-variant-numeric:tabular-nums;color:var(--pink-soft)}
.scorers{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.sc-box{background:rgba(13,9,29,.55);border:1px solid rgba(46,38,80,.8);border-radius:11px;padding:9px 12px;font-size:12px}
.sc-box .sc-team{font-weight:700;color:var(--text);margin-bottom:4px}
.sc-row{display:flex;justify-content:space-between;gap:8px;color:var(--muted);margin-top:3px}
.sc-row b{color:#c4b5fd;font-variant-numeric:tabular-nums}
@keyframes shotPulse{0%{opacity:.9}50%{opacity:.3}100%{opacity:.9}}
.shot-last{animation:shotPulse 1.4s ease infinite}
.linescore{width:100%;margin-top:10px;border-collapse:collapse;font-size:11.5px;color:var(--muted);font-family:'Space Grotesk',monospace}
.linescore th{font-weight:600;color:var(--faint);padding:2px 6px;text-align:center}
.linescore td{padding:2px 6px;text-align:center;font-variant-numeric:tabular-nums}
.linescore td:first-child,.linescore th:first-child{text-align:left}
.live-prob{margin-top:4px;margin-bottom:14px}

/* ---------- reyting merkezi ---------- */
.rate-table{width:100%;border-collapse:collapse}
.rate-table th{
  text-align:left;font-family:'Space Grotesk',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--faint);padding:10px 12px;border-bottom:1px solid var(--line);
}
.rate-table td{padding:10px 12px;border-bottom:1px solid var(--line-soft);font-size:14px}
.rate-table tr:hover td{background:rgba(139,92,246,.06)}
.rate-rank{font-family:'Unbounded',sans-serif;font-weight:700;color:var(--faint);width:44px}
.rate-rank.top{color:var(--pink-soft)}
.rate-val{font-variant-numeric:tabular-nums;font-weight:700}
.rate-bar{height:7px;border-radius:99px;background:#241c4a;min-width:120px;overflow:hidden}
.rate-bar i{display:block;height:100%;border-radius:99px}

/* ---------- karne / istatistik kutuları ---------- */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:8px}
.stat-box{background:rgba(13,9,29,.6);border:1px solid rgba(46,38,80,.8);border-radius:13px;padding:13px 14px;text-align:center}
.sb-label{font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint);font-family:'Space Grotesk',monospace}
.sb-val{font-family:'Unbounded',sans-serif;font-size:24px;font-weight:700;margin-top:5px;font-variant-numeric:tabular-nums;background:var(--neon);-webkit-background-clip:text;background-clip:text;color:transparent}
.sb-sub{font-size:11px;color:var(--faint);margin-top:3px}
.panel-note{font-size:12.5px;color:var(--muted);margin-top:14px;line-height:1.65}
.export-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.btn{
  padding:9px 17px;border-radius:11px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),rgba(30,25,60,.55);
  color:var(--text);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;
}
.btn:hover{border-color:var(--purple);box-shadow:0 0 12px rgba(139,92,246,.28)}
.btn.danger:hover{border-color:var(--red);box-shadow:0 0 12px rgba(251,92,126,.22)}
.btn.primary{background:linear-gradient(120deg,#8b5cf6,#ec4899);border:none;color:#fff}
.btn.primary:hover{filter:brightness(1.15)}
.hist-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:12.5px}
.hist-table th{text-align:left;color:var(--faint);font-weight:600;padding:7px 8px;border-bottom:1px solid rgba(46,38,80,.8);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-family:'Space Grotesk',monospace}
.hist-table td{padding:7px 8px;border-bottom:1px solid rgba(46,38,80,.4);color:var(--muted);font-variant-numeric:tabular-nums}

/* ---------- üye paneli & modal ---------- */
.auth-back{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(6,4,14,.74);backdrop-filter:blur(12px)}
.auth-back.open{display:flex;animation:rise .2s ease}
.auth-box{width:min(400px,92vw);position:relative;padding:28px 26px 24px}
.auth-box h3{font-family:'Unbounded',sans-serif;font-size:20px;font-weight:700}
.auth-sub{font-size:12.5px;color:var(--faint);margin-top:4px}
.auth-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--faint);font-size:18px;cursor:pointer;font-family:inherit}
.auth-close:hover{color:var(--pink)}
.auth-tabs{display:flex;gap:8px;margin:16px 0 4px}
.auth-tab{flex:1;padding:9px;border-radius:11px;border:1px solid var(--line);background:none;color:var(--muted);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .2s}
.auth-tab.on{background:linear-gradient(120deg,rgba(139,92,246,.35),rgba(236,72,153,.28));border-color:var(--purple);color:#fff}
.auth-box input{width:100%;margin-top:10px;padding:11px 13px;background:rgba(7,5,14,.75);border:1px solid var(--line);border-radius:11px;color:var(--text);font-family:inherit;font-size:14px;outline:none;transition:border-color .2s}
.auth-box input:focus{border-color:var(--pink)}
.auth-primary{width:100%;margin-top:14px;padding:12px;border:none;border-radius:11px;background:linear-gradient(120deg,#8b5cf6,#ec4899);color:#fff;font-family:inherit;font-size:14.5px;font-weight:800;cursor:pointer;letter-spacing:.3px;transition:filter .2s}
.auth-primary:hover{filter:brightness(1.15)}
.auth-msg{font-size:12.5px;margin-top:11px;min-height:17px;color:var(--muted);line-height:1.5}
.auth-msg.err{color:var(--red)}
.auth-back-link{background:none;border:none;color:var(--faint);font-family:inherit;font-size:12px;cursor:pointer;margin-top:10px;text-decoration:underline}

/* ---------- boş durumlar, notlar ---------- */
.empty{text-align:center;padding:64px 20px;color:var(--faint);font-size:15px;grid-column:1/-1}
.empty .big{font-size:40px;margin-bottom:12px;opacity:.7}
.note{margin:14px 0;padding:11px 16px;border-radius:13px;font-size:13px;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.22);color:#e8d9a8}
.refresh-info{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--faint);font-family:'Space Grotesk',monospace}

/* ---------- footer ---------- */
footer{
  border-top:1px solid var(--line);margin-top:40px;
  padding:36px clamp(14px,4vw,44px) 44px;text-align:center;
  font-size:12px;color:var(--faint);line-height:1.8;
}
footer .f-logo{font-family:'Unbounded',sans-serif;font-weight:900;font-size:18px;margin-bottom:8px}
footer .f-tag{font-family:'Space Grotesk',monospace;letter-spacing:3px;text-transform:uppercase;font-size:10px;margin-bottom:14px;color:var(--muted)}
footer b{color:var(--muted)}

@media (max-width:640px){
  .grid,.grid.wide{grid-template-columns:1fr}
  .markets,.lines,.scorers{grid-template-columns:1fr}
  .logo h1{font-size:19px}
  nav.mainnav{gap:2px}
  .nav-link{padding:8px 11px;font-size:12.5px}
  .mc-team{min-width:140px}
}