/* 7a0 — PHP sürümü editöryel tema (krem/turuncu, açık + koyu) */
:root{
  --bg:#ece4cf; --panel:#fbf8ef; --panel-2:#f3eddc;
  --ink:#16180f; --muted:#756f5e; --line:#16180f; --line-soft:#d8d0ba;
  --accent:#cf4a23; --accent-ink:#fbf8ef; --gold:#b9892f; --win:#2f7d44;
  --pitch-a:#4f8a5b; --pitch-b:#478050; --pitch-line:rgba(255,255,255,.55);
}
html.dark{
  --bg:#14160f; --panel:#1d2017; --panel-2:#232719;
  --ink:#ece4cf; --muted:#969078; --line:#ece4cf; --line-soft:#343829;
  --accent:#e0552d; --accent-ink:#14160f; --gold:#cf9b3a; --win:#4caf6a;
  --pitch-a:#3f7049; --pitch-b:#386643; --pitch-line:rgba(255,255,255,.45);
}
*{box-sizing:border-box;border-color:var(--line);}
html,body{height:100%;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Oswald",system-ui,sans-serif;font-weight:400;letter-spacing:.012em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1;line-height:1.5;display:flex;flex-direction:column;min-height:100%;}
.font-display{font-family:"Oswald",sans-serif;font-weight:600;letter-spacing:.01em;}
.gold{color:var(--gold);}
.accent{color:var(--accent);}
.muted{color:var(--muted);}
.strong{font-weight:700;}
.mono{font-variant-numeric:tabular-nums;}
.center{text-align:center;}
.link{color:var(--accent);font-weight:700;text-decoration:none;}
.link:hover{text-decoration:underline;}
a{color:inherit;}
.wrap{width:100%;max-width:1100px;margin:0 auto;padding:0 16px;}
.site-main{flex:1;display:flex;flex-direction:column;}

/* Header */
.site-header{border-bottom:1.5px solid var(--line);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;}
.logo-mark{font-size:34px;line-height:1;}
.logo-sub{font-size:16px;line-height:1.05;border-left:1.5px solid var(--line);padding-left:12px;}
.logo-tag{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;}
@media(max-width:640px){.logo-sub,.logo-tag{display:none;}}
.header-right{display:flex;align-items:center;gap:8px;}
.statusline{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;}
@media(max-width:980px){.statusline{display:none;}}
.pill{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;background:transparent;color:inherit;cursor:pointer;transition:.15s;}
.pill:hover{background:var(--ink);color:var(--bg);}
.pill-on{background:var(--ink);color:var(--bg);}

/* Footer */
.site-footer{border-top:1.5px solid var(--line);padding:16px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;text-align:center;}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--line);border-radius:6px;background:var(--panel);color:inherit;padding:10px 18px;font-weight:700;text-decoration:none;cursor:pointer;transition:.12s;font-size:15px;}
.btn:hover{background:var(--ink);color:var(--bg);}
.btn-accent{background:var(--accent);color:var(--accent-ink);box-shadow:3px 3px 0 var(--line);}
.btn-accent:hover{background:var(--accent);color:var(--accent-ink);transform:translate(1px,1px);box-shadow:2px 2px 0 var(--line);}
.btn-lg{padding:14px 26px;font-size:22px;}
.btn-block{width:100%;}

/* Panels */
.panel{border:1.5px solid var(--line);border-radius:6px;background:var(--panel);padding:16px;}
.form-error{color:var(--accent);font-weight:700;}

/* Landing */
.landing{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 16px;flex:1;justify-content:center;}
.landing-logo{font-size:88px;line-height:1;}
.landing-sub{font-size:26px;margin-top:6px;}
.landing-text{max-width:560px;color:var(--muted);margin:18px 0;}
.landing-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:40px;}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:760px;}
@media(max-width:640px){.feature-grid{grid-template-columns:1fr;}}
.feature{border:1.5px solid var(--line);border-radius:6px;background:var(--panel);padding:16px;text-align:left;}
.feature-num{font-size:28px;color:var(--accent);}
.feature-title{font-size:20px;}
.feature p{color:var(--muted);font-size:14px;margin:4px 0 0;}

/* Auth */
.auth{max-width:380px;margin:0 auto;padding:40px 16px;display:flex;flex-direction:column;justify-content:center;flex:1;}
.auth h1{font-size:36px;margin:0 0 4px;}
.form{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
.input{border:1.5px solid var(--line);border-radius:6px;background:var(--panel);color:inherit;padding:12px;font-size:15px;font-family:inherit;outline:none;}
.input:focus{border-color:var(--accent);}

/* Leaderboard */
.board{padding:32px 16px;max-width:760px;}
.board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.board-head h1{font-size:36px;margin:0;}
.table-wrap{border:1.5px solid var(--line);border-radius:6px;overflow:hidden;}
.board-table{width:100%;border-collapse:collapse;font-size:14px;}
.board-table thead{background:var(--ink);color:var(--bg);text-align:left;text-transform:uppercase;font-size:11px;letter-spacing:.06em;}
.board-table th,.board-table td{padding:10px 12px;}
.board-table tbody tr{border-top:1px solid var(--line-soft);background:var(--panel);}
.board-table .c{text-align:center;}
.board-table .rank{font-size:18px;color:var(--muted);}
.board-table tbody tr.me-row{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent);}
.me-tag{display:inline-block;background:var(--accent);color:var(--accent-ink);font-size:9px;font-weight:700;letter-spacing:.06em;border-radius:3px;padding:0 4px;vertical-align:middle;}
.row-date{display:inline-block;margin-left:6px;font-size:10px;color:var(--muted);font-weight:500;}
.diff{font-size:10px;font-weight:700;margin-left:2px;}
.diff.pos{color:var(--win);}.diff.neg{color:var(--accent);}
.board-view{color:var(--accent);font-weight:700;font-size:12px;text-decoration:none;white-space:nowrap;}
.board-view:hover{text-decoration:underline;}
.board-foot{margin-top:12px;font-size:11px;line-height:1.5;}
.profile-id{margin-bottom:16px;}
.profile-name{font-size:28px;line-height:1;}
.profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px;}
@media(max-width:620px){.profile-stats{grid-template-columns:repeat(2,1fr);}}
.pstat{border:1.5px solid var(--line-soft);border-radius:6px;background:var(--panel);padding:12px;text-align:center;}
.pstat .n{font-size:24px;line-height:1.1;}
.pstat .l{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:4px;}

/* ===== Oyun (app.js) ===== */
.play-grid{display:grid;grid-template-columns:300px minmax(0,1fr) 250px;gap:16px;max-width:1100px;margin:0 auto;padding:20px 16px;}
@media(max-width:980px){.play-grid{grid-template-columns:1fr;}.col-center{order:-1;}}
.card{border:1.5px solid var(--line);border-radius:6px;background:var(--panel);padding:16px;}
.label{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.note{font-size:10px;color:var(--muted);margin-top:6px;}
.linkbtn{background:none;border:none;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-family:inherit;}
.linkbtn:hover{color:var(--ink);}

/* formation/style/mode grids */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.opt{border:1.5px solid var(--line);border-radius:5px;background:var(--panel);color:inherit;padding:9px 4px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;transition:.12s;}
.opt:hover{background:var(--panel-2);}
.opt-on{background:var(--ink);color:var(--bg);}
.opt:disabled{opacity:.3;cursor:not-allowed;}

/* roll / simulate big button */
.roll-btn{width:100%;border:1.5px solid var(--line);border-radius:6px;background:var(--accent);color:var(--accent-ink);padding:16px;font-family:"Oswald",sans-serif;font-weight:600;font-size:24px;letter-spacing:.03em;cursor:pointer;box-shadow:3px 3px 0 var(--line);transition:.1s;}
.roll-btn:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--line);}
.roll-btn .die{display:inline-block;margin-left:8px;}
.roll-btn.spin .die{animation:spin .6s ease-in-out;}
@keyframes spin{0%{transform:rotate(0) scale(1);}50%{transform:rotate(360deg) scale(1.2);}100%{transform:rotate(720deg) scale(1);}}
.dashed{border:2px dashed var(--line-soft);border-radius:6px;padding:18px;text-align:center;color:var(--muted);font-size:14px;}

/* pitch */
.pitch{position:relative;width:100%;aspect-ratio:4/5;border:1.5px solid var(--line);border-radius:6px;overflow:hidden;
  background:repeating-linear-gradient(0deg,var(--pitch-a) 0,var(--pitch-a) 9%,var(--pitch-b) 9%,var(--pitch-b) 18%);}
.pitch svg{position:absolute;inset:0;width:100%;height:100%;}
.pitch-hint{text-align:center;font-size:11px;color:var(--muted);margin-top:8px;}
.slot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;}
.slot-empty{width:36px;height:36px;border-radius:50%;border:2px dashed rgba(255,255,255,.6);background:rgba(0,0,0,.15);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.slot-empty.hl{border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink);}
.slot-token{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ink);background:var(--panel);color:var(--ink);font-family:"Oswald",sans-serif;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.2);}
.slot-token.hl{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);}
.slot-token.sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent);}
.slot-name{margin-top:2px;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--ink);color:var(--bg);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:0 4px;border-radius:3px;}
.slot-rating{position:absolute;right:-12px;top:-4px;background:var(--bg);color:var(--accent);font-size:9px;font-weight:800;padding:0 3px;border-radius:3px;}
.slot-remove{position:absolute;left:-10px;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;}

/* draw card / pick list */
.draw-team{border:1.5px solid var(--line);border-radius:5px;background:var(--panel-2);padding:8px 12px;}
.draw-team .lbl{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}
.draw-team .row{display:flex;align-items:center;gap:8px;}
.draw-team .flag{font-size:24px;display:inline-flex;align-items:center;}
.flag-img{width:30px;height:20px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.15);vertical-align:middle;}
.flag-emoji{font-size:24px;line-height:1;}
.draw-team .cn{font-family:"Oswald",sans-serif;font-weight:600;font-size:20px;line-height:1.05;}
.draw-team .cup{font-family:"Oswald",sans-serif;font-weight:600;font-size:14px;color:var(--accent);}
.reroll-lbl{margin-top:12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.picklist{margin-top:8px;max-height:46vh;overflow-y:auto;}
.pick-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px 2px;text-align:left;background:none;border:none;border-top:1px solid var(--line-soft);cursor:pointer;color:inherit;font-family:inherit;}
.pick-row:first-child{border-top:none;}
.pick-row:hover{background:var(--panel-2);}
.pick-row:disabled{opacity:.28;cursor:not-allowed;animation:none;filter:grayscale(.5);}
.pick-row.sel{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent);}
.pick-num{width:28px;text-align:right;font-size:12px;font-weight:700;color:var(--muted);}
.pick-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pick-pos{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted);}
.pick-rating{width:28px;text-align:right;font-family:"Oswald",sans-serif;font-weight:600;font-size:18px;}

/* box score */
.box-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1.5px solid var(--line);padding-bottom:8px;}
.box-head .ttl{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.box-overall{font-family:"Oswald",sans-serif;font-weight:600;font-size:40px;line-height:1;}
.box-legend{display:flex;gap:16px;margin-top:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.box-legend .a{color:var(--accent);}
.box-rows{margin-top:12px;}
.box-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line-soft);font-size:14px;}
.box-row:first-child{border-top:none;}
.box-row .p{width:36px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--muted);}
.box-row .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.box-row .n.empty{color:var(--line-soft);}
.box-row .r{width:32px;text-align:right;font-weight:700;color:var(--accent);}

/* complete */
.complete .big{font-family:"Oswald",sans-serif;font-weight:600;font-size:30px;}

/* The Run */
.run{max-width:680px;margin:0 auto;padding:24px 16px;}
.run-seed{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);}
.run-title{font-family:"Oswald",sans-serif;font-weight:600;font-size:48px;margin:0 0 16px;}
.match{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1.5px solid var(--line);border-radius:6px;background:var(--panel);padding:12px 16px;margin-bottom:8px;animation:slidein .35s ease;}
@keyframes slidein{from{opacity:0;transform:translateX(-16px);}to{opacity:1;transform:none;}}
.match-stage{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.match-vs{font-family:"Oswald",sans-serif;font-weight:600;font-size:18px;line-height:1.1;}
.match-scorers{font-size:11px;color:var(--muted);margin-top:2px;}
.match-scorers .gf{color:var(--ink);}
.match-score{font-family:"Oswald",sans-serif;font-weight:600;font-size:30px;}
.match-mark{width:16px;text-align:center;font-weight:700;margin-left:6px;}
.w{color:var(--win);} .l{color:var(--accent);} .d{color:var(--ink);}
.run-banner{border:1.5px solid var(--line);border-radius:6px;background:var(--ink);color:var(--bg);padding:20px;margin-top:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.run-banner .rec{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.run-banner .outcome{font-family:"Oswald",sans-serif;font-weight:600;font-size:52px;line-height:1;}
.banner-stats{display:flex;gap:24px;}
.bstat{text-align:center;}
.bstat .n{font-family:"Oswald",sans-serif;font-weight:600;font-size:30px;color:var(--gold);}
.bstat .l{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.7);}
.run-actions{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap;}

/* Result card */
.result{max-width:420px;margin:0 auto;padding:32px 16px;}
.result-card{border:1.5px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel);}
.result-top{background:var(--ink);color:var(--bg);padding:24px;text-align:center;}
.result-top .seed{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);}
.result-top .emoji{font-size:46px;margin:8px 0;}
.result-top .outcome{font-family:"Oswald",sans-serif;font-weight:600;font-size:36px;}
.result-top .sub{font-size:14px;color:rgba(255,255,255,.85);margin-top:6px;}
.result-top .tiny{font-size:12px;color:rgba(255,255,255,.6);}
.badge7{display:inline-block;margin-top:10px;background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:999px;padding:6px 14px;font-size:14px;}
.result-body{padding:16px;display:flex;flex-direction:column;gap:10px;}
.saverow{display:flex;gap:8px;}
.saverow .input{flex:1;}
.saved{border:1.5px solid var(--line);border-radius:6px;background:var(--panel-2);padding:10px;text-align:center;font-weight:700;color:var(--win);}
.result-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.result-actions .btn{padding:10px 6px;font-size:12px;text-transform:uppercase;}
.simulating{max-width:680px;margin:0 auto;padding:60px 16px;text-align:center;color:var(--muted);}

/* ===== Akıcılık / animasyonlar (Next.js hissi) ===== */
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fadeRight{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}100%{opacity:1;transform:scale(1)}}

.view-fade{animation:fadeIn .28s ease both}
.col-left{animation:fadeUp .3s ease both}
.pick-row{opacity:0;animation:fadeRight .32s ease forwards}
.slot-name{animation:fadeIn .4s ease both}
.slot-token.pop{animation:pop .42s cubic-bezier(.34,1.56,.64,1)}

/* Yumuşak mikro-etkileşimler */
.opt,.btn,.pill,.pick-row,.slot-token,.slot-empty{transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease}
.opt:active,.btn:active{transform:translateY(1px)}
.slot-token{transition:background-color .15s,color .15s,border-color .15s,box-shadow .18s,transform .18s cubic-bezier(.34,1.56,.64,1)}
.slot-empty.hl,.slot-token.hl{transform:scale(1.08)}
.box-overall,.box-legend span{transition:color .2s ease}
.box-row{transition:background-color .15s ease}
.roll-btn{transition:transform .1s ease,box-shadow .1s ease,filter .15s ease}

/* Tipografi ince ayar */
.pick-name,.box-row .n{letter-spacing:.005em}
.match-vs,.run-title,.box-overall,.match-score{font-feature-settings:"kern" 1}
.mono,.box-row .r,.pick-rating,.match-score,.box-overall{font-variant-numeric:tabular-nums}
.statusline{font-weight:600}
.run-title{letter-spacing:.005em}
.muted{font-weight:500}

.match-events{font-size:11px;color:var(--accent);margin-top:2px;font-weight:600;}
.match-stats{font-size:10.5px;color:var(--muted);margin-top:2px;opacity:.85;}
.live-ov{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:50;}
.live-card{background:var(--card,#1b1d16);color:var(--ink,#fbf8ef);padding:24px;border-radius:16px;min-width:280px;max-width:92vw;text-align:center;}
.live-title{font-size:.85rem;opacity:.7;margin-bottom:6px;}
.live-score{font:700 40px Oswald,sans-serif;}
.live-clock{opacity:.7;margin:4px 0;}
.live-feed{max-height:180px;overflow:auto;margin:12px 0;text-align:left;font-size:.9rem;}
.live-actions{display:flex;gap:8px;justify-content:center;}
.run-speed-bar{display:flex;gap:6px;justify-content:center;margin:8px 0 14px;flex-wrap:wrap;}
.run-now{background:var(--panel-2,#1b1d16);border:1px solid var(--line-soft,#333);border-radius:14px;padding:14px;margin-bottom:14px;text-align:center;}
.run-now-head{font-size:.85rem;opacity:.75;margin-bottom:4px;}
.run-now-score{font:700 34px Oswald,sans-serif;}
.run-now-clock{opacity:.7;font-size:.85rem;margin:2px 0 8px;}
.run-now-feed{max-height:150px;overflow:auto;text-align:left;font-size:.86rem;display:flex;flex-direction:column;gap:2px;}
.run-now-penhdr{font-weight:600;opacity:.7;margin-top:4px;}
.run-now-penfin{font-weight:700;color:var(--accent);}

/* ===== Oyun derinliği: rozetler, çipler, oyuncu kartı, yıldızlar ===== */
.perf-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-soft);border-radius:3px;padding:0 4px;vertical-align:middle;margin-left:4px;}
.perf-badge.champ{color:var(--gold);border-color:var(--gold);}
.pick-chips{display:inline-flex;gap:4px;margin-left:6px;vertical-align:middle;}
.pchip{font-size:9px;font-weight:700;border-radius:3px;padding:0 4px;line-height:1.5;white-space:nowrap;}
.pchip.goals{background:var(--win);color:#fff;}
.pchip.award{background:var(--gold);color:#1a160a;}
.pchip.age{background:var(--line-soft);color:var(--muted);}
.box-row.tappable{width:100%;background:none;border:none;border-top:1px solid var(--line-soft);font-family:inherit;color:inherit;cursor:pointer;text-align:left;}
.box-row.tappable:first-child{border-top:none;}
.box-row.tappable:hover{background:var(--panel-2);}
.box-badge{margin-left:6px;font-size:11px;}
.box-flag{display:inline-flex;align-items:center;flex:0 0 auto;margin-right:7px;}
.box-flag .flag-img{width:18px;height:12px;}.box-flag .flag-emoji{font-size:13px;}
.box-hint{margin-top:8px;font-size:10px;text-align:center;color:var(--muted);font-weight:600;letter-spacing:.04em;}

.pcard-ov{position:fixed;inset:0;z-index:50;background:rgba(10,10,6,.62);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .18s ease both;}
.pcard{width:100%;max-width:320px;}
.pcard-body{position:relative;background:var(--panel);border:1.5px solid var(--line);border-radius:8px;padding:22px 18px;text-align:center;box-shadow:6px 6px 0 var(--line);animation:pop .3s cubic-bezier(.34,1.56,.64,1) both;}
.pcard-x{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;font-size:13px;line-height:1;}
.pcard-flag{font-size:30px;}.pcard-flag .flag-img{width:54px;height:36px;}
.pcard-num{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.1em;margin-top:6px;}
.pcard-name{font-family:"Oswald",sans-serif;font-weight:600;font-size:26px;line-height:1.05;}
.pcard-first{font-size:13px;color:var(--muted);}
.pcard-cup{font-size:12px;font-weight:600;color:var(--accent);margin-top:6px;}
.pcard-stats{display:flex;justify-content:center;gap:14px;margin:14px 0 4px;flex-wrap:wrap;}
.pc-stat{min-width:54px;}
.pc-stat .v{font-family:"Oswald",sans-serif;font-weight:600;font-size:24px;line-height:1;}
.pc-stat .l{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-top:2px;}
.pcard-attrs{margin:10px 2px 2px;display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;}
.pc-attr{display:flex;align-items:center;gap:6px;font-size:11px;}
.pc-attr .k{width:30px;font-weight:700;color:var(--muted);letter-spacing:.04em;}
.pc-attr .bar{flex:1;height:6px;border-radius:3px;background:var(--line-soft);overflow:hidden;}
.pc-attr .bar i{display:block;height:100%;border-radius:3px;background:var(--accent);}
.pc-attr .bar i.hi{background:var(--win);}.pc-attr .bar i.mid{background:var(--gold);}.pc-attr .bar i.lo{background:var(--accent);}
.pc-attr .v{width:18px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;}
.pcard-award{margin-top:8px;display:inline-block;background:var(--gold);color:#1a160a;font-weight:700;font-size:12px;border-radius:999px;padding:4px 12px;}
.pcard-elig{margin-top:12px;font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.04em;}

.stars-block{border:1.5px solid var(--line-soft);border-radius:6px;background:var(--panel-2);padding:12px;}
.stars-head{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;}
.star-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-top:1px solid var(--line-soft);font-size:13px;}
.star-row:first-of-type{border-top:none;}
.star-flag .flag-img{width:22px;height:15px;}.star-flag{font-size:15px;}
.star-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.star-award{font-size:11px;font-weight:700;color:var(--gold);white-space:nowrap;}
.star-goals{font-size:12px;font-weight:700;color:var(--win);white-space:nowrap;}

/* ===== Premium kapı (lig.php) ===== */
.arc-gate{max-width:520px;margin:32px auto;text-align:center;padding:36px 24px;}
.arc-lock{font-size:48px;line-height:1;}
.arc-gate h2{margin:10px 0 6px;font-size:24px;}
.arc-gate-cta{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap;}

/* ===== Türkiye Süper Lig (lig.php) ===== */
.lig{max-width:1000px;margin:0 auto;padding:28px 16px;}
.lig-head h1{font-size:34px;margin:0;}
.lig-head p{margin:4px 0 18px;}
.lig-tools{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px;}
.lig-sel{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.lig-sel select{border:1.5px solid var(--line);border-radius:6px;background:var(--panel);color:inherit;padding:10px 12px;font:inherit;font-size:15px;min-width:200px;}
.lig-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:2px 6px;border-radius:4px;background:var(--c,#5b6168);color:#fff;font-weight:700;font-size:11px;letter-spacing:.03em;}
.lig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:8px;}
.lig-tcard{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line-soft);border-radius:6px;background:var(--panel);padding:8px 10px;}
.lig-tn{flex:1;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lig-tr{font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted);}
.lig-champ{border:1.5px solid var(--line);border-left:6px solid var(--c,var(--gold));border-radius:6px;background:var(--panel);padding:14px 18px;margin:18px 0 14px;}
.lig-champ-lbl{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.lig-champ-name{font-size:26px;font-weight:700;display:flex;align-items:center;gap:10px;margin:2px 0;}
.lig-champ-sub{color:var(--muted);font-size:13px;}
.lig-table{width:100%;border-collapse:collapse;font-size:14px;}
.lig-table thead{background:var(--ink);color:var(--bg);text-transform:uppercase;font-size:10.5px;letter-spacing:.05em;}
.lig-table th,.lig-table td{padding:7px 8px;text-align:left;}
.lig-table th.c,.lig-table td.c{text-align:center;}
.lig-table tbody tr{border-top:1px solid var(--line-soft);background:var(--panel);}
.lig-rank{font-variant-numeric:tabular-nums;color:var(--muted);}
.lig-team{display:flex;align-items:center;gap:8px;font-weight:600;}
.lig-pts{font-weight:700;font-variant-numeric:tabular-nums;}
.lig-table td.c{font-variant-numeric:tabular-nums;}
.lig-table tr.z-champ{box-shadow:inset 4px 0 0 var(--gold);}
.lig-table tr.z-ucl{box-shadow:inset 4px 0 0 #2f81f7;}
.lig-table tr.z-uel{box-shadow:inset 4px 0 0 var(--win);}
.lig-table tr.z-rel{box-shadow:inset 4px 0 0 var(--accent);}
.lig-legend{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0;font-size:11px;color:var(--muted);}
.lig-legend span{display:inline-flex;align-items:center;gap:5px;}
.lig-legend span::before{content:"";width:10px;height:10px;border-radius:2px;background:currentColor;}
.lig-legend .z-champ{color:var(--gold);}.lig-legend .z-ucl{color:#2f81f7;}.lig-legend .z-uel{color:var(--win);}.lig-legend .z-rel{color:var(--accent);}
.lig-fixbtn{margin:6px 0;}
.lig-week{border:1px solid var(--line-soft);border-radius:6px;background:var(--panel);margin-bottom:6px;padding:4px 10px;}
.lig-week summary{cursor:pointer;font-weight:700;padding:4px 0;}
.lig-fx{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:3px 0;font-size:13px;border-top:1px solid var(--line-soft);}
.lig-fx .h{text-align:right;}.lig-fx .a{text-align:left;}
.lig-fx .sc{font-weight:700;font-variant-numeric:tabular-nums;background:var(--panel-2);border-radius:4px;padding:1px 8px;}
@media(max-width:600px){.lig-table th:nth-child(7),.lig-table th:nth-child(8),.lig-table td:nth-child(7),.lig-table td:nth-child(8){display:none;}}

/* Lig: gol krallığı + kadro modalı */
.lig-h{font-size:18px;margin:18px 0 8px;}
.lig-scorers{max-width:460px;}
.lig-tcard-x{cursor:pointer;transition:.12s;}
.lig-tcard-x:hover{border-color:var(--accent);transform:translateY(-1px);}
.lig-tcard-x::after{content:"›";margin-left:auto;color:var(--muted);font-weight:700;}
.lig-tcard-x .lig-tr{margin-left:0;}
.lig-ov{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:flex-start;justify-content:center;padding:6vh 14px;z-index:60;}
.lig-ov.on{display:flex;}
.lig-ov-box{background:var(--panel);border:1.5px solid var(--line);border-radius:8px;width:min(640px,100%);max-height:84vh;overflow:auto;}
.lig-ov-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1.5px solid var(--line);border-left:6px solid var(--c,var(--gold));position:sticky;top:0;background:var(--panel);}
.lig-ov-head span{font-weight:700;font-size:18px;}
.lig-ov-r{margin-left:auto;font-size:13px;color:var(--muted);font-weight:700;}
.lig-ov-x{border:none;background:none;font-size:18px;cursor:pointer;color:var(--muted);padding:0 4px;}
.lig-sqgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:16px;}
@media(max-width:560px){.lig-sqgrid{grid-template-columns:1fr;}}
.lig-sqg h4{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);}
.lig-sqp{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--line-soft);font-size:14px;}
.lig-sqp b{font-variant-numeric:tabular-nums;}

/* Lig: sezon istatistiği satırı */
.lig-stats{font-size:12.5px;color:var(--muted);margin:6px 0 14px;font-weight:600;letter-spacing:.01em;}

/* Lig: canlı maç oynatma */
.lig-fx-play{cursor:pointer;border-radius:5px;padding-left:6px;padding-right:6px;}
.lig-fx-play:hover{background:var(--panel-2);}
.lig-fx-go{color:var(--accent);font-size:11px;opacity:0;margin-left:4px;}
.lig-fx-play:hover .lig-fx-go{opacity:1;}
.lig-live-box{background:var(--panel);border:1.5px solid var(--line);border-radius:10px;width:min(560px,100%);max-height:84vh;display:flex;flex-direction:column;overflow:hidden;}
.lig-live-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:16px;border-bottom:1.5px solid var(--line);background:var(--panel-2);}
.lig-live-team{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;}
.lig-live-team.a{justify-content:flex-end;}
.lig-live-score{text-align:center;}
.lig-live-score #ligLiveSc{display:block;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;}
.lig-live-min{font-size:12px;color:var(--accent);font-weight:700;}
.lig-live-feed{padding:12px 16px;overflow:auto;min-height:140px;flex:1;}
.lig-live-kick{color:var(--muted);font-size:13px;}
.lig-live-goal{padding:6px 0;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:6px;font-size:14px;animation:ligpop .25s ease;}
.lig-live-goal b{color:var(--accent);font-variant-numeric:tabular-nums;}
@keyframes ligpop{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
.lig-live-ft{margin-top:10px;font-weight:700;text-align:center;}
.lig-live-foot{display:flex;gap:8px;justify-content:center;padding:12px;border-top:1.5px solid var(--line);}
.lig-live-foot .btn{font-size:13px;padding:8px 14px;}