:root{--black:#05080d;--card:#ffffff;--page:#f2f4f7;--muted:#6b7280;--line:#e6e9ee;--green:#00b060;--green2:#08935a;--gold:#f6c445;--red:#e11d38;--ink:#101820}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,94%);margin:0 auto}.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#05080d,#0d1520);color:white;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 14px 28px rgba(0,0,0,.18)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.03em}.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.brand span{display:flex;flex-direction:column;line-height:1}.brand small{font-size:.72rem;margin-top:5px;color:#cbd5e1;font-weight:700}.nav nav{display:flex;gap:5px;align-items:center}.nav nav a{padding:10px 13px;border-radius:999px;font-size:.92rem;font-weight:850;color:#dfe7f3}.nav nav a.active,.nav nav a:hover{background:rgba(0,176,96,.16);color:#fff}.menu-btn{display:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);color:white;border-radius:12px;padding:9px 12px;font-size:1.05rem}.hero{position:relative;color:white;background:radial-gradient(circle at 16% 10%,rgba(0,176,96,.55),transparent 26%),radial-gradient(circle at 82% 20%,rgba(225,29,56,.38),transparent 28%),linear-gradient(135deg,#070b11 0%,#0e1a24 52%,#07120d 100%);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent)}.hero .container{position:relative;z-index:2}.hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px;align-items:center;padding:42px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(0,176,96,.16);border:1px solid rgba(0,176,96,.35);color:#bbf7d0;border-radius:999px;padding:8px 12px;font-weight:900;font-size:.84rem}.hero h1{font-size:clamp(2.25rem,5vw,4.75rem);line-height:1.01;margin:14px 0 12px;letter-spacing:-.065em}.hero p{color:#dce7ef;line-height:1.7;margin:0;max-width:70ch}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:linear-gradient(135deg,var(--green),#0d8f5a);color:white;border-radius:14px;padding:12px 16px;font-weight:950;cursor:pointer;box-shadow:0 10px 20px rgba(0,176,96,.18)}.btn.secondary{background:#e9eef2;color:#0c1720;box-shadow:none}.btn.dark{background:#111827;color:white;box-shadow:none}.btn.danger{background:#dc2626}.hero-card{border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.08);box-shadow:0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(12px);padding:22px}.hero-logo{width:210px;height:210px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 20px 38px rgba(0,0,0,.36))}.hero-card .sponsor{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.22);border-radius:18px;padding:12px}.hero-card .sponsor img{height:54px;width:auto;object-fit:contain}.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.dash-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px}.dash-stats span{display:block;color:#b6c2ce;font-size:.8rem;font-weight:800}.dash-stats strong{display:block;font-size:1.7rem;color:white;margin-top:5px}.section{padding:28px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head h2{margin:0;font-size:1.55rem;letter-spacing:-.035em}.section-head p{margin:5px 0 0;color:var(--muted)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.panel,.match-row,.team-card,.table-card,.info-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 26px rgba(12,23,32,.06)}.panel{padding:18px}.league-title{display:flex;align-items:center;gap:10px;background:#0c1720;color:white;border-radius:15px;padding:12px 14px;font-weight:950;margin:18px 0 9px}.league-title:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--green);box-shadow:0 0 0 5px rgba(0,176,96,.18)}.match-list{display:grid;gap:8px}.match-row{display:grid;grid-template-columns:132px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:10px 12px;transition:.15s}.match-row:hover{transform:translateY(-1px);border-color:#9bdcbc;box-shadow:0 12px 28px rgba(0,176,96,.10)}.match-clock{display:flex;flex-direction:column;gap:4px}.match-clock small{color:#6b7280;font-size:.78rem}.status{width:max-content;border-radius:999px;background:#eef2f7;color:#596574;padding:4px 8px;font-size:.69rem;font-weight:950}.status.live{background:#dcfce7;color:#067647}.status.finished{background:#0c1720;color:#fff}.status.postponed{background:#fee2e2;color:#b91c1c}.teams{display:grid;gap:7px;min-width:0}.teams div{display:flex;align-items:center;gap:9px;min-width:0;font-weight:850}.teams span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-match{width:34px!important;height:34px!important;min-width:34px;object-fit:contain!important;border-radius:50%;background:white;border:1px solid #dfe5ea;padding:3px}.scores{display:grid;gap:7px;text-align:center;color:#061018;font-size:1.05rem}.table-card{overflow:hidden}.table-wrap{overflow:auto}.standings{width:100%;border-collapse:collapse;min-width:660px}.standings th{background:#f6f8fb;color:#667280;font-size:.72rem;text-transform:uppercase}.standings th,.standings td{padding:10px 9px;border-bottom:1px solid #edf0f4;text-align:left}.standings tr:last-child td{border-bottom:0}.team-cell{display:flex;align-items:center;gap:9px;font-weight:850}.logo-table{width:28px!important;height:28px!important;min-width:28px;object-fit:contain!important;border-radius:50%;background:white;border:1px solid #dfe5ea;padding:2px}.team-card{text-align:center;padding:18px;transition:.15s}.team-card:hover{transform:translateY(-2px);border-color:#9bdcbc}.team-card img{width:78px!important;height:78px!important;object-fit:contain!important;border-radius:50%;background:white;border:1px solid #dfe5ea;padding:5px;margin:0 auto 11px}.team-card h3{font-size:1rem;margin:0 0 6px}.small{font-size:.9rem;color:var(--muted)}.match-hero{background:linear-gradient(135deg,#0c1720,#111827);color:white;border-radius:24px;padding:22px;display:grid;grid-template-columns:1fr 150px 1fr;gap:18px;align-items:center;text-align:center;box-shadow:0 18px 40px rgba(5,8,13,.18)}.match-hero img{width:76px!important;height:76px!important;object-fit:contain!important;border-radius:50%;background:white;border:1px solid rgba(255,255,255,.2);padding:5px;margin:0 auto 10px}.match-hero h3{margin:0}.big-score{font-size:2.55rem;font-weight:1000;letter-spacing:-.07em;color:#fff}.event-list{display:grid;gap:9px}.event-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 13px}.event-item b{color:var(--green2)}.leader{width:100%;border-collapse:collapse}.leader th,.leader td{padding:11px 8px;border-bottom:1px solid #edf0f4;text-align:left}.leader th{color:#667280}.coming-soon{text-align:center;padding:50px 20px;border-radius:26px;background:radial-gradient(circle at top left,rgba(0,176,96,.18),transparent 28%),linear-gradient(135deg,#101820,#05080d);color:white}.coming-soon img{width:120px;height:120px;object-fit:contain;margin:0 auto 16px}.footer{margin-top:30px;background:#05080d;color:#d8e3ed;padding:30px 0 90px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer p{color:#aab8c5;line-height:1.65}.footer img{max-height:70px;object-fit:contain}.bottom-nav{display:none}.admin-body{background:#f3f5f8}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-side{background:#05080d;color:white;padding:22px}.admin-side h2{margin:0 0 4px}.admin-side p{margin:0 0 16px;color:#aab8c5}.admin-side a{display:block;padding:11px 12px;border-radius:12px;margin:4px 0;font-weight:850;color:#d8e3ed}.admin-side a:hover{background:rgba(255,255,255,.1)}.admin-main{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}label{display:block;margin:0 0 6px;font-weight:850;color:#24313d}input,select,textarea{width:100%;border:1px solid #d9e0e7;background:white;border-radius:12px;padding:11px 12px;font:inherit}textarea{min-height:94px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.alert{border-radius:14px;padding:12px 14px;margin-bottom:14px}.alert.ok{background:#dcfce7;color:#067647}.login-card{width:min(440px,92%);margin:70px auto;background:white;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 40px rgba(12,23,32,.12)}
@media(max-width:960px){.hero-inner,.grid-2,.footer-grid,.admin-layout{grid-template-columns:1fr}.grid-3,.grid-4,.dash-stats{grid-template-columns:repeat(2,1fr)}.nav nav{display:none;position:absolute;top:72px;left:3%;right:3%;background:#0b1119;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:10px;flex-direction:column}.nav nav.open{display:flex}.menu-btn{display:block}.match-hero{grid-template-columns:1fr}.big-score{font-size:2.1rem}.admin-main{padding:18px}}@media(max-width:640px){.container{width:94%}.brand span{font-size:.94rem}.hero-inner{padding:28px 0}.hero h1{font-size:2.25rem}.hero-card{display:none}.grid-3,.grid-4,.dash-stats,.form-grid,.form-grid-3{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.match-row{grid-template-columns:1fr 40px;gap:8px}.match-clock{grid-column:1/3;flex-direction:row;justify-content:space-between;align-items:center}.match-clock small{font-size:.74rem}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:white;border-top:1px solid var(--line);z-index:55}.bottom-nav a{text-align:center;padding:8px 3px;color:#6b7280;font-size:.7rem}.bottom-nav b{display:block;color:var(--green2);font-size:1.05rem}.footer{padding-bottom:94px}}

/* ===== v10 Premium Admin + Final Polish ===== */
.topbar{backdrop-filter:blur(12px)}
.panel h3{margin-top:0}
.page-note{background:linear-gradient(135deg,#ecfdf5,#eff6ff);border:1px solid #dbeafe;border-radius:18px;padding:14px 16px;color:#334155}
.admin-body{background:#eef2f6;color:#101820}
.admin-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}
.admin-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#05080d,#0d1520);color:#fff;padding:18px;border-right:1px solid rgba(255,255,255,.08);overflow:auto;z-index:30}
.admin-brand{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);border-radius:20px;margin-bottom:18px}
.admin-brand img{width:50px;height:50px;object-fit:contain}
.admin-brand strong{display:block;font-size:1.05rem;letter-spacing:-.03em}
.admin-brand small{display:block;color:#94a3b8;margin-top:3px}
.admin-menu{display:grid;gap:7px}
.admin-menu a{display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:14px;color:#dbeafe;font-weight:850}
.admin-menu a span{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.08);color:#86efac}
.admin-menu a.active,.admin-menu a:hover{background:rgba(0,176,96,.16);color:#fff}
.admin-content{padding:22px;min-width:0}
.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:16px 18px;margin-bottom:18px;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.admin-topbar h1{margin:0;font-size:1.65rem;letter-spacing:-.04em}
.admin-topbar p{margin:4px 0 0;color:#64748b}
.admin-toggle{display:none;background:#0f172a;color:#fff;border:0;border-radius:12px;padding:10px 12px;font-weight:900}
.admin-pill{background:#dcfce7;color:#067647;border-radius:999px;padding:8px 12px;font-weight:950}
.admin-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.admin-stat{position:relative;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.admin-stat:after{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:999px;background:rgba(0,176,96,.09)}
.admin-stat small{display:block;color:#64748b;font-weight:850}
.admin-stat strong{display:block;font-size:2rem;letter-spacing:-.05em;margin-top:6px;color:#0f172a}
.admin-section{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.06);margin-bottom:18px}
.admin-section h2,.admin-section h3{margin-top:0}
.admin-table{width:100%;border-collapse:collapse}
.admin-table th,.admin-table td{padding:12px 10px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:middle}
.admin-table th{font-size:.76rem;text-transform:uppercase;color:#64748b;background:#f8fafc}
.admin-table tr:last-child td{border-bottom:0}
.admin-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:14px}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.admin-form-grid.three{grid-template-columns:repeat(3,1fr)}
.logo-preview{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:50%;background:#fff;border:1px solid #e2e8f0;padding:3px}
.helper{font-size:.86rem;color:#64748b;margin-top:6px}
.input-row{display:grid;grid-template-columns:1fr 180px 42px;gap:8px;margin-bottom:8px}
.input-row button{border:0;border-radius:12px;background:#fee2e2;color:#b91c1c;font-weight:900;cursor:pointer}
.status-card{padding:14px;border-radius:18px;background:#f8fafc;border:1px dashed #cbd5e1}
@media(max-width:1050px){
  .admin-shell{grid-template-columns:1fr}
  .admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:292px;transform:translateX(-105%);transition:.22s;height:100vh}
  .admin-sidebar.open{transform:translateX(0)}
  .admin-toggle{display:inline-flex}
  .admin-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .admin-content{padding:12px}
  .admin-topbar{align-items:flex-start}
  .admin-pill{display:none}
  .admin-card-grid,.admin-form-grid,.admin-form-grid.three{grid-template-columns:1fr}
  .admin-table{min-width:720px}
  .admin-section{overflow:auto}
  .input-row{grid-template-columns:1fr}
  .input-row button{padding:10px}
}


/* v12 Home replacement: Tournament Hub */
.home-feature{padding:20px;display:block;transition:.18s;min-height:172px}
.home-feature:hover{transform:translateY(-3px);border-color:#86efac;box-shadow:0 16px 34px rgba(0,176,96,.12)}
.feature-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green),#087a45);color:white;font-weight:1000;font-size:1.15rem;margin-bottom:14px}
.home-feature h3{margin:0 0 8px;font-size:1.08rem;letter-spacing:-.02em}
.home-feature p,.premium-note p{color:#64748b;line-height:1.6;margin:0}
.premium-note{background:linear-gradient(180deg,#fff,#f8fafc)}
.sponsor-note{border-color:#d9f99d}
@media(max-width:640px){.home-feature{min-height:auto}}


/* v13 homepage human polish */
.human-card{position:relative;overflow:hidden}
.human-card:before{content:"";position:absolute;right:-34px;top:-34px;width:105px;height:105px;border-radius:999px;background:rgba(0,176,96,.08)}
.mini-label{display:inline-flex;background:#ecfdf5;color:#067647;border:1px solid #bbf7d0;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:950;margin-bottom:10px;text-transform:uppercase;letter-spacing:.04em}
.premium-note h3{margin:0 0 8px}
.premium-note .actions{margin-top:14px}


/* v14 mature final polish */
.mature-hero .hero-inner{padding:48px 0}
.mature-hero h1{max-width:900px}
.next-card{text-align:center}
.next-label{display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:6px 10px;border-radius:999px;font-size:.74rem;text-transform:uppercase;font-weight:950;color:#dbeafe;margin-bottom:12px}
.next-fixture{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:12px 0}
.next-fixture div{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.next-fixture img{width:58px!important;height:58px!important;border-radius:50%;object-fit:contain;background:white;border:1px solid rgba(255,255,255,.2);padding:4px}
.next-fixture span{font-weight:950;color:#bbf7d0}
.next-card p{color:#dbeafe;font-size:.92rem;line-height:1.6}
.soft-section{background:linear-gradient(180deg,rgba(255,255,255,0),#ffffff 30%,#ffffff 70%,rgba(255,255,255,0));border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
.mature-feature{min-height:190px;border-top:4px solid transparent}
.mature-feature:hover{border-top-color:var(--green)}
.mature-feature .feature-icon{font-size:.88rem;letter-spacing:.06em}
.leaderboard-panel{background:linear-gradient(180deg,#fff,#f8fafc)}
.compact-table h3{margin-top:0}
.update-list{display:grid;gap:12px}
.update-card{background:white;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(12,23,32,.05)}
.update-card small{display:inline-flex;color:#067647;background:#dcfce7;padding:5px 9px;border-radius:999px;font-weight:850;margin-bottom:8px}
.update-card h3{margin:0 0 8px}
.update-card p{margin:0;color:#64748b;line-height:1.55}
.info-card{color:inherit}
@media(max-width:640px){
  .next-fixture img{width:50px!important;height:50px!important}
  .mature-feature{min-height:auto}
}


/* v15 homepage arrangement and logo fix */
.home-hero-v15{padding:0}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:28px;align-items:center;padding:46px 0}
.home-hero-copy h1{max-width:980px}
.home-stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}
.home-stat-strip div{background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:14px}
.home-stat-strip span{display:block;color:#b9c6d5;font-size:.78rem;font-weight:900}
.home-stat-strip strong{display:block;color:#fff;font-size:1.7rem;margin-top:5px;letter-spacing:-.04em}
.home-main-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:30px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
.home-event-brand{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding:10px;border-radius:20px;background:rgba(0,0,0,.20)}
.home-event-brand img{width:72px!important;height:72px!important;object-fit:contain!important;flex:0 0 72px}
.home-event-brand span{display:block;color:#b9c6d5;font-size:.78rem;text-transform:uppercase;font-weight:900}
.home-event-brand b{display:block;color:#fff;font-size:1.05rem;margin-top:2px}
.opening-card{background:#fff;color:#0f172a;border-radius:24px;padding:18px;text-align:center}
.opening-label{display:inline-flex;background:#dcfce7;color:#067647;border-radius:999px;padding:6px 10px;font-size:.72rem;text-transform:uppercase;font-weight:1000;margin-bottom:14px}
.opening-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.opening-team{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.club-logo-frame{width:76px!important;height:76px!important;min-width:76px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid #dfe5ea;box-shadow:0 10px 24px rgba(15,23,42,.08);overflow:hidden;padding:6px}
.club-logo-frame img{width:100%!important;height:100%!important;object-fit:contain!important;display:block}
.opening-team b{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opening-vs{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#fff;font-weight:1000;font-size:.78rem}
.opening-meta{display:grid;gap:4px;margin:14px 0;color:#64748b;font-size:.88rem}
.home-fixture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.home-fixture-card{display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 10px 26px rgba(12,23,32,.06);transition:.16s}
.home-fixture-card:hover{transform:translateY(-2px);border-color:#86efac;box-shadow:0 16px 34px rgba(0,176,96,.12)}
.fixture-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}
.fixture-top small{color:#64748b;font-weight:800}
.fixture-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}
.fixture-teams>div:not(.fixture-score){display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.fixture-teams b{font-size:.92rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fixture-logo-frame{width:52px!important;height:52px!important;min-width:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #dfe5ea;background:#fff;padding:4px;overflow:hidden}
.fixture-logo-frame img{width:100%!important;height:100%!important;object-fit:contain!important}
.fixture-score{font-weight:1000;color:#0f172a;background:#f1f5f9;border-radius:999px;padding:8px 10px;min-width:58px}
.fixture-bottom{display:grid;gap:4px;margin-top:13px;text-align:center;color:#64748b;font-size:.82rem}
.sponsor-inline{display:flex;align-items:center;gap:14px;margin-top:10px}
.sponsor-inline img{max-height:68px!important;width:auto!important;object-fit:contain!important;flex:0 0 auto}
.home-group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.group-snapshot-card{padding:14px}
@media(max-width:980px){
  .home-hero-grid{grid-template-columns:1fr}
  .home-fixture-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .home-hero-grid{padding:30px 0}
  .home-stat-strip{grid-template-columns:repeat(2,1fr)}
  .home-main-card{padding:14px;border-radius:24px}
  .home-event-brand img{width:58px!important;height:58px!important;flex-basis:58px}
  .club-logo-frame{width:62px!important;height:62px!important;min-width:62px}
  .opening-vs{width:38px;height:38px}
  .home-fixture-grid,.home-group-grid{grid-template-columns:1fr}
  .fixture-logo-frame{width:48px!important;height:48px!important;min-width:48px}
  .sponsor-inline{align-items:flex-start;flex-direction:column}
}


/* v16 realistic matchday upgrade */
.matchday-strip{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.matchday-strip div{background:linear-gradient(135deg,#0f172a,#111827);color:white;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:15px}
.matchday-strip b{display:block;font-size:1rem;margin-bottom:4px}
.matchday-strip span{display:block;color:#cbd5e1;font-size:.88rem;line-height:1.45}
.matchday-hero{background:radial-gradient(circle at 20% 20%,rgba(0,176,96,.22),transparent 30%),linear-gradient(135deg,#05080d,#101820);color:white}
.matchday-hero h1{font-size:clamp(2rem,5vw,4rem);margin:14px 0 10px;letter-spacing:-.05em}
.matchday-hero p{max-width:760px;color:#dbeafe;line-height:1.65}
.matchday-date{margin:22px 0 12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 10px 26px rgba(12,23,32,.05)}
.matchday-date small{display:block;color:#067647;text-transform:uppercase;font-weight:950;font-size:.72rem;letter-spacing:.05em}
.matchday-date h2{margin:4px 0 0;letter-spacing:-.04em}
.matchday-zone-grid{align-items:start}
.matchday-zone-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 10px 26px rgba(12,23,32,.06)}
.zone-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0f172a;color:white;padding:13px 15px}
.zone-header span{font-weight:950}
.zone-header b{font-size:.82rem;background:rgba(0,176,96,.18);color:#bbf7d0;padding:5px 9px;border-radius:999px}
.matchday-list{display:grid}
.matchday-item{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:13px 15px;border-bottom:1px solid #edf0f4;align-items:center}
.matchday-item:last-child{border-bottom:0}
.matchday-item:hover{background:#f8fafc}
.kickoff{font-weight:1000;color:#067647;font-size:.9rem}
.matchday-clubs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;text-align:center}
.matchday-clubs>div{display:flex;align-items:center;gap:8px;min-width:0}
.matchday-clubs>div:last-child{justify-content:flex-end}
.matchday-clubs b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vs-small{font-size:.72rem;text-transform:uppercase;color:#64748b;font-weight:950}
.venue-line{grid-column:2/3;color:#64748b;font-size:.82rem;margin-top:-4px}
@media(max-width:900px){.matchday-strip{grid-template-columns:1fr}.matchday-zone-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .matchday-item{grid-template-columns:1fr;gap:8px}
  .venue-line{grid-column:auto;margin-top:0;text-align:center}
  .kickoff{text-align:center}
  .matchday-clubs{gap:6px}
  .matchday-clubs>div{flex-direction:column}
  .matchday-clubs>div:last-child{justify-content:center}
}


/* ===== v18 Ultimate realistic redesign + animation + safety fixes ===== */
.ultimate-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 12% 12%, rgba(0,176,96,.38), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(246,196,69,.20), transparent 26%),
    linear-gradient(135deg,#05080d 0%,#111827 48%,#062115 100%);
}
.ultimate-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.030) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
.pitch-glow{
  position:absolute;
  width:520px;
  height:520px;
  border-radius:999px;
  left:-150px;
  bottom:-240px;
  background:rgba(0,176,96,.18);
  filter:blur(6px);
}
.ultimate-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);
  gap:30px;
  align-items:center;
  padding:54px 0;
}
.ultimate-copy h1{
  font-size:clamp(2.4rem,6vw,5.2rem);
  line-height:.98;
  letter-spacing:-.075em;
  margin:14px 0 14px;
}
.ultimate-copy p{
  max-width:760px;
  color:#dce7f3;
  line-height:1.75;
  margin:0;
}
.ultimate-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:24px;
}
.ultimate-stats div{
  background:rgba(255,255,255,.085);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:15px;
}
.ultimate-stats span{
  display:block;
  color:#b9c6d5;
  font-size:.78rem;
  font-weight:900;
}
.ultimate-stats strong{
  display:block;
  color:white;
  font-size:1.85rem;
  margin-top:4px;
  letter-spacing:-.045em;
}
.hero-match-card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  padding:18px;
  box-shadow:0 26px 80px rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
}
.event-mark{
  display:flex;
  align-items:center;
  gap:14px;
  background:rgba(0,0,0,.22);
  border-radius:20px;
  padding:12px;
  margin-bottom:14px;
}
.event-mark img{
  width:84px!important;
  height:84px!important;
  object-fit:contain!important;
  flex:0 0 84px;
}
.event-mark small{
  display:block;
  color:#9fb0c1;
  font-size:.75rem;
  font-weight:900;
  text-transform:uppercase;
}
.event-mark b{
  display:block;
  font-size:1.1rem;
  color:#fff;
}
.next-kickoff{
  background:#fff;
  color:#0f172a;
  border-radius:24px;
  padding:18px;
  text-align:center;
}
.next-tag{
  display:inline-flex;
  background:#dcfce7;
  color:#067647;
  border-radius:999px;
  padding:6px 10px;
  font-size:.72rem;
  text-transform:uppercase;
  font-weight:1000;
  margin-bottom:14px;
}
.clubs-mini{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
}
.clubs-mini div{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
}
.clubs-mini img{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  border-radius:50%;
  background:#fff;
  border:1px solid #dfe5ea;
  padding:4px;
}
.clubs-mini b{
  max-width:120px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.clubs-mini strong{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#0f172a;
  color:#fff;
  font-size:.75rem;
}
.next-kickoff p{
  color:#64748b;
  line-height:1.55;
  font-size:.9rem;
}
.home-safe-match-list .match-row{
  min-height:82px;
}
.home-safe-match-list .logo-match,
.match-row .logo-match,
.logo-match{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #dfe5ea!important;
  padding:3px!important;
}
.logo-table,
.team-cell .logo-table{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  object-fit:contain!important;
}
.real-day-strip{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:12px;
}
.real-day-strip div{
  background:linear-gradient(135deg,#0f172a,#111827);
  color:white;
  border-radius:16px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
}
.real-day-strip b{
  display:block;
}
.real-day-strip span{
  display:block;
  color:#cbd5e1;
  font-size:.86rem;
  margin-top:3px;
}
.tournament-path{
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 22%,#fff 78%,rgba(255,255,255,0));
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
}
.path-card{
  display:block;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px;
  min-height:190px;
  box-shadow:0 10px 26px rgba(12,23,32,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.path-card:hover{
  transform:translateY(-5px);
  border-color:#86efac;
  box-shadow:0 18px 40px rgba(0,176,96,.14);
}
.path-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,var(--green),#087a45);
  color:white;
  font-weight:1000;
  margin-bottom:14px;
}
.path-card h3{
  margin:0 0 8px;
}
.path-card p{
  margin:0;
  color:#64748b;
  line-height:1.6;
}
.story-card{
  min-height:210px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  position:relative;
  overflow:hidden;
}
.story-card:after{
  content:"";
  position:absolute;
  right:-36px;
  top:-36px;
  width:120px;
  height:120px;
  border-radius:999px;
  background:rgba(0,176,96,.075);
}
.story-card h3,
.story-card p,
.story-card span,
.story-card div{
  position:relative;
  z-index:2;
}
.sponsor-inline{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:10px;
}
.sponsor-inline img{
  max-height:68px!important;
  max-width:140px!important;
  width:auto!important;
  object-fit:contain!important;
  flex:0 0 auto;
}
.snapshot-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.snapshot-card h3{
  margin-top:0;
}
.reveal-up{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease, transform .7s ease;
}
.reveal-up.visible{
  opacity:1;
  transform:translateY(0);
}
.delay-1{transition-delay:.09s}
.delay-2{transition-delay:.16s}
.delay-3{transition-delay:.23s}
.btn{
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
}
.match-row,
.panel,
.update-card,
.team-card{
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.match-row:hover,
.panel:hover,
.update-card:hover{
  transform:translateY(-2px);
}
@media(max-width:980px){
  .ultimate-hero-grid{grid-template-columns:1fr;padding:38px 0}
  .ultimate-stats{grid-template-columns:repeat(2,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .ultimate-copy h1{font-size:2.55rem}
  .ultimate-hero-grid{padding:28px 0}
  .ultimate-stats{grid-template-columns:repeat(2,1fr)}
  .event-mark img{width:62px!important;height:62px!important;flex-basis:62px}
  .hero-match-card{border-radius:24px;padding:14px}
  .clubs-mini{gap:8px}
  .clubs-mini img{width:42px!important;height:42px!important}
  .clubs-mini strong{width:34px;height:34px}
  .grid-4,.snapshot-grid{grid-template-columns:1fr}
  .path-card{min-height:auto}
  .sponsor-inline{align-items:flex-start;flex-direction:column}
}


/* ===== v19 sponsor/editable logo + realistic home cleanup ===== */
.v19-hero .floating-ball{position:absolute;right:8%;bottom:8%;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 14%,#111 15% 20%,#fff 21% 34%,#0bbf6a 35% 52%,#fff 53%);opacity:.12;filter:blur(.2px);animation:floatBall 8s ease-in-out infinite alternate;z-index:1}.v19-hero .pitch-glow{animation:pulseGlow 5s ease-in-out infinite alternate}.powered-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:rgba(255,255,255,.95);color:#0f172a;border-radius:24px;padding:18px;margin-bottom:14px;border:1px solid rgba(255,255,255,.2)}.powered-card span{font-size:.72rem;text-transform:uppercase;color:#067647;font-weight:1000;letter-spacing:.05em}.powered-card img{max-height:96px!important;max-width:230px!important;width:auto!important;object-fit:contain!important;margin:12px auto}.powered-card b{font-size:1.15rem}.clean-next{box-shadow:0 10px 28px rgba(15,23,42,.10)}.clean-next .clubs-mini img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;object-fit:contain!important}.table-focus{background:linear-gradient(180deg,#ffffff,rgba(255,255,255,0));border-top:1px solid #e5e7eb}.v19-table-grid{grid-template-columns:repeat(4,1fr)}.sponsor-story{border-color:#bbf7d0}.sponsor-story:after{background:rgba(246,196,69,.12)}.match-list .panel.pro-panel{padding:18px}.home-safe-match-list .match-row{background:#fff}.home-safe-match-list .logo-match,.match-row .logo-match,.logo-match{width:34px!important;height:34px!important;max-width:34px!important;max-height:34px!important;min-width:34px!important;object-fit:contain!important;display:block!important}.team-cell .logo-table,.logo-table{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:28px!important;object-fit:contain!important;display:block!important}@keyframes floatBall{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-22px) rotate(18deg)}}@keyframes pulseGlow{0%{opacity:.65;transform:scale(1)}100%{opacity:1;transform:scale(1.08)}}@media(max-width:980px){.v19-table-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.v19-table-grid{grid-template-columns:1fr}.powered-card img{max-height:76px!important}.v19-hero .floating-ball{display:none}}


/* ===== v20 Final delivery polish: realistic, animated, sponsor-editable ===== */
.ultimate-home{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 12% 18%,rgba(0,176,96,.42),transparent 28%),
    radial-gradient(circle at 82% 8%,rgba(246,196,69,.18),transparent 28%),
    linear-gradient(135deg,#05080d 0%,#0e1723 54%,#062115 100%);
}
.ultimate-home:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,black,transparent 86%);
}
.animated-bg-ball{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  opacity:.55;
  filter:blur(.2px);
  animation:floatBall 8s ease-in-out infinite;
}
.ball-one{
  width:160px;
  height:160px;
  left:6%;
  bottom:12%;
  background:radial-gradient(circle at 35% 35%,#fff, #10b981 18%, #064e3b 60%, transparent 62%);
}
.ball-two{
  width:90px;
  height:90px;
  right:8%;
  top:16%;
  background:radial-gradient(circle at 35% 35%,#fff, #f6c445 18%, #0f172a 62%, transparent 64%);
  animation-delay:1.5s;
}
@keyframes floatBall{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-18px) rotate(8deg)}
}
.ultimate-home-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
  gap:30px;
  align-items:center;
  padding:56px 0;
}
.ultimate-home-copy h1{
  font-size:clamp(2.45rem,6vw,5.25rem);
  line-height:.98;
  letter-spacing:-.075em;
  margin:14px 0 14px;
}
.ultimate-home-copy p{
  max-width:760px;
  color:#dce7f3;
  line-height:1.75;
  margin:0;
}
.ultimate-strip{
  margin-top:24px;
}
.real-card{
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  padding:18px;
  box-shadow:0 26px 80px rgba(0,0,0,.34);
  backdrop-filter:blur(14px);
}
.powered-block{
  display:flex;
  align-items:center;
  gap:14px;
  background:rgba(0,0,0,.23);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:13px;
  margin-bottom:14px;
}
.powered-block img{
  width:82px!important;
  height:82px!important;
  object-fit:contain!important;
  background:rgba(255,255,255,.06);
  border-radius:16px;
  padding:4px;
  flex:0 0 82px;
}
.powered-block span{
  display:block;
  color:#aab8c5;
  font-size:.74rem;
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.05em;
}
.powered-block b{
  display:block;
  color:white;
  font-size:1.15rem;
  margin-top:3px;
}
.real-next-match{
  background:#fff;
  color:#0f172a;
  border-radius:24px;
  padding:18px;
  text-align:center;
}
.real-clubs{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:12px;
  align-items:center;
}
.real-clubs div{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  min-width:0;
}
.real-clubs img{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  max-width:50px!important;
  max-height:50px!important;
  object-fit:contain!important;
  border-radius:50%;
  border:1px solid #dfe5ea;
  background:white;
  padding:4px;
}
.real-clubs b{
  max-width:116px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.real-clubs strong{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#0f172a;
  color:#fff;
  font-size:.75rem;
}
.real-next-match p{
  color:#64748b;
  line-height:1.55;
  font-size:.9rem;
}
.homepage-match-list .match-row,
.homepage-result-list .match-row{
  min-height:82px;
}
.match-row .logo-match,
.logo-match,
.homepage-match-list img.logo-match,
.homepage-result-list img.logo-match{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  background:#fff!important;
  border:1px solid #dfe5ea!important;
  padding:3px!important;
}
.result-empty{
  background:linear-gradient(135deg,#fff,#f8fafc);
  border:1px dashed #cbd5e1;
  border-radius:20px;
  padding:24px;
  text-align:center;
}
.result-empty b{
  display:block;
  font-size:1.2rem;
  margin-bottom:6px;
}
.result-empty span{
  display:block;
  color:#64748b;
  line-height:1.55;
}
.tournament-pulse{
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 22%,#fff 78%,rgba(255,255,255,0));
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
}
.pulse-card{
  display:block;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px;
  min-height:188px;
  box-shadow:0 10px 26px rgba(12,23,32,.06);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.pulse-card:hover{
  transform:translateY(-5px);
  border-color:#86efac;
  box-shadow:0 18px 40px rgba(0,176,96,.14);
}
.pulse-card span{
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,var(--green),#087a45);
  color:white;
  font-weight:1000;
  margin-bottom:14px;
}
.pulse-card h3{margin:0 0 8px}
.pulse-card p{margin:0;color:#64748b;line-height:1.6}
.strong-days{
  display:grid;
  gap:10px;
}
.strong-days div{
  background:linear-gradient(135deg,#0f172a,#111827);
  color:white;
  border-radius:16px;
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
}
.strong-days span{
  display:block;
  color:#cbd5e1;
  margin-top:4px;
}
.results-hero{
  background:
    radial-gradient(circle at 20% 20%,rgba(0,176,96,.22),transparent 30%),
    linear-gradient(135deg,#05080d,#101820);
  color:white;
}
.results-hero h1{
  font-size:clamp(2rem,5vw,4rem);
  margin:14px 0 10px;
  letter-spacing:-.055em;
}
.results-hero p{
  color:#dbeafe;
  max-width:760px;
  line-height:1.65;
}
.empty-state{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:40px 20px;
  text-align:center;
  box-shadow:0 10px 26px rgba(12,23,32,.06);
}
.empty-ball{
  width:74px;
  height:74px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ecfdf5;
  margin:0 auto 12px;
  font-size:2rem;
  animation:bounceSoft 2.2s ease-in-out infinite;
}
@keyframes bounceSoft{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.results-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}
.result-card{
  display:block;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:14px;
  box-shadow:0 10px 26px rgba(12,23,32,.06);
  transition:transform .2s ease, box-shadow .2s ease;
}
.result-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(0,176,96,.12);
}
.result-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.result-top span{
  background:#0f172a;
  color:white;
  border-radius:999px;
  padding:5px 9px;
  font-size:.74rem;
  font-weight:1000;
}
.result-top small{
  color:#64748b;
  font-weight:850;
}
.result-teams{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:10px;
  align-items:center;
  text-align:center;
}
.result-teams div{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  min-width:0;
}
.result-teams img{
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  border-radius:50%;
  background:#fff;
  border:1px solid #dfe5ea;
  padding:4px;
}
.result-teams b{
  max-width:120px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.result-teams strong{
  font-size:1.25rem;
  background:#f1f5f9;
  border-radius:999px;
  padding:8px 12px;
  white-space:nowrap;
}
.result-meta,.penalty-line{
  text-align:center;
  color:#64748b;
  margin-top:10px;
  font-size:.86rem;
}
.reveal-up{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease, transform .7s ease;
}
.reveal-up.visible{
  opacity:1;
  transform:translateY(0);
}
.delay-1{transition-delay:.09s}
.delay-2{transition-delay:.16s}
.delay-3{transition-delay:.23s}
@media(max-width:980px){
  .ultimate-home-grid{grid-template-columns:1fr;padding:40px 0}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .results-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ultimate-home-grid{padding:30px 0}
  .ultimate-home-copy h1{font-size:2.45rem}
  .real-card{border-radius:24px;padding:14px}
  .powered-block img{width:60px!important;height:60px!important;flex-basis:60px}
  .real-clubs img{width:42px!important;height:42px!important;min-width:42px!important}
  .real-clubs strong{width:34px;height:34px}
  .grid-4{grid-template-columns:1fr}
  .pulse-card{min-height:auto}
  .result-teams img{width:42px!important;height:42px!important}
}


/* ===== v21 Final homepage countdown + super tournament polish ===== */
.v21-home{
  position:relative;
  overflow:hidden;
}
.ball-three{
  width:120px;
  height:120px;
  right:22%;
  bottom:10%;
  background:radial-gradient(circle at 35% 35%,#fff, #0ea5e9 18%, #0f172a 64%, transparent 66%);
  animation-delay:2.4s;
}
.countdown-card{
  margin-top:22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  padding:14px;
  backdrop-filter:blur(12px);
}
.countdown-card span{
  display:block;
  color:#bbf7d0;
  font-size:.78rem;
  text-transform:uppercase;
  font-weight:1000;
  letter-spacing:.05em;
}
.countdown-card b{
  display:block;
  color:#fff;
  margin-top:4px;
  font-size:1.02rem;
}
.countdown-boxes{
  display:grid;
  grid-template-columns:repeat(4,58px);
  gap:8px;
}
.countdown-boxes div{
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  text-align:center;
  padding:9px 5px;
}
.countdown-boxes strong{
  display:block;
  color:#fff;
  font-size:1.25rem;
  line-height:1;
}
.countdown-boxes small{
  display:block;
  color:#aab8c5;
  font-size:.68rem;
  margin-top:5px;
  text-transform:uppercase;
  font-weight:900;
}
.ticker-section{
  margin-top:-18px;
  position:relative;
  z-index:4;
}
.match-ticker{
  overflow:hidden;
  white-space:nowrap;
  background:#fff;
  border:1px solid var(--line);
  border-radius:999px;
  padding:10px 14px;
  box-shadow:0 16px 36px rgba(12,23,32,.10);
}
.match-ticker b{
  display:inline-flex;
  background:#0f172a;
  color:#fff;
  border-radius:999px;
  padding:7px 12px;
  margin-right:10px;
  font-size:.82rem;
}
.match-ticker span{
  display:inline-block;
  margin-right:28px;
  color:#475569;
  font-weight:800;
  animation:tickerPulse 2.4s ease-in-out infinite;
}
.match-ticker span:before{
  content:"●";
  color:var(--green);
  margin-right:8px;
}
@keyframes tickerPulse{
  0%,100%{opacity:.78}
  50%{opacity:1}
}
.stats-home-section{
  background:
    radial-gradient(circle at 8% 5%,rgba(0,176,96,.09),transparent 24%),
    linear-gradient(180deg,#fff,#f7fafc);
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
}
.stat-leader-card{
  min-height:270px;
  position:relative;
  overflow:hidden;
}
.stat-leader-card:after{
  content:"";
  position:absolute;
  right:-38px;
  top:-38px;
  width:120px;
  height:120px;
  border-radius:999px;
  background:rgba(0,176,96,.075);
}
.stat-leader-card h3,
.stat-leader-card table,
.stat-leader-card span{
  position:relative;
  z-index:2;
}
.stadium-card{
  position:relative;
  overflow:hidden;
}
.stadium-card:after{
  content:"";
  position:absolute;
  inset:auto -40px -70px -40px;
  height:130px;
  background:radial-gradient(ellipse at center,rgba(0,176,96,.20),transparent 68%);
  pointer-events:none;
}
.sponsor-powered small{
  display:block;
  color:#cbd5e1;
  line-height:1.4;
  margin-top:5px;
  font-size:.78rem;
}
@media(max-width:860px){
  .countdown-card{
    grid-template-columns:1fr;
  }
  .countdown-boxes{
    grid-template-columns:repeat(4,1fr);
  }
}
@media(max-width:640px){
  .countdown-boxes{
    gap:6px;
  }
  .countdown-boxes div{
    border-radius:12px;
    padding:8px 3px;
  }
  .countdown-boxes strong{
    font-size:1.05rem;
  }
  .ticker-section{
    margin-top:0;
  }
  .match-ticker{
    border-radius:18px;
    white-space:normal;
  }
  .match-ticker span{
    display:block;
    margin:8px 0 0;
  }
}


/* ===== v22 Final-touch polish inspired by modern livescore/tournament sites ===== */
.v22-home .ultimate-home-grid{
  padding-top:62px;
  padding-bottom:62px;
}
.matchday-calendar-section{
  background:linear-gradient(180deg,#f8fafc,#fff);
  border-top:1px solid #e5e7eb;
  border-bottom:1px solid #e5e7eb;
}
.date-pill-row{
  display:flex;
  gap:12px;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:thin;
}
.date-pill{
  min-width:154px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
  box-shadow:0 10px 24px rgba(12,23,32,.05);
  transition:transform .2s ease, border-color .2s ease;
}
.date-pill:hover{
  transform:translateY(-3px);
  border-color:#86efac;
}
.date-pill b{
  display:block;
  color:#0f172a;
}
.date-pill span{
  display:block;
  color:#64748b;
  margin-top:4px;
  font-size:.86rem;
}
.venue-mini-list{
  display:grid;
  gap:10px;
}
.venue-mini-card{
  display:block;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:15px;
  box-shadow:0 10px 24px rgba(12,23,32,.05);
  transition:transform .2s ease,border-color .2s ease;
}
.venue-mini-card:hover{
  transform:translateY(-3px);
  border-color:#86efac;
}
.venue-mini-card b{
  display:block;
}
.venue-mini-card span{
  display:inline-flex;
  margin:7px 0;
  background:#ecfdf5;
  color:#067647;
  border-radius:999px;
  padding:5px 9px;
  font-weight:900;
  font-size:.78rem;
}
.venue-mini-card small{
  display:block;
  color:#64748b;
  line-height:1.45;
}
.venue-card{
  min-height:210px;
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.venue-card h3{
  margin-top:0;
}
.venue-card p{
  color:#64748b;
  line-height:1.6;
}
.award-card{
  text-align:center;
  min-height:170px;
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.award-icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
  border-radius:16px;
  background:linear-gradient(135deg,var(--green),#087a45);
  color:#fff;
  font-weight:1000;
}
.powered-block img,
.sponsor-inline img{
  object-fit:contain!important;
}
.admin-stat strong{
  word-break:normal;
}
.admin-section .logo-preview{
  object-fit:contain!important;
}
@media(max-width:640px){
  .date-pill{
    min-width:136px;
  }
  .v22-home .ultimate-home-grid{
    padding-top:34px;
    padding-bottom:34px;
  }
}


/* v23 mobile powered-by logo visibility fix */
.mobile-powered-section{
  display:none;
}
.powered-block,
.sponsor-powered{
  min-height:92px;
}
.powered-block img,
.sponsor-powered img,
.mobile-powered-logo img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  max-height:82px!important;
  object-fit:contain!important;
  background:#ffffff!important;
  border-radius:18px!important;
  padding:6px!important;
}
.sponsor-inline img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:#ffffff!important;
  border-radius:14px!important;
  padding:6px!important;
}
@media(max-width:700px){
  .real-card .powered-block,
  .real-card .sponsor-powered{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    min-height:86px!important;
  }
  .real-card .powered-block img,
  .real-card .sponsor-powered img{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    max-height:64px!important;
    object-fit:contain!important;
    background:#fff!important;
    padding:5px!important;
  }
  .powered-block small,
  .sponsor-powered small{
    display:none!important;
  }
  .mobile-powered-section{
    display:block;
    margin-top:-1px;
    padding:12px 0 0;
    background:#05080d;
  }
  .mobile-powered-card{
    display:flex;
    align-items:center;
    gap:12px;
    background:linear-gradient(135deg,#ffffff,#f8fafc);
    border:1px solid #e2e8f0;
    border-radius:20px;
    padding:12px;
    box-shadow:0 14px 34px rgba(15,23,42,.16);
  }
  .mobile-powered-logo{
    width:66px;
    height:66px;
    min-width:66px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:18px;
    overflow:hidden;
  }
  .mobile-powered-logo img{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    max-height:58px!important;
    object-fit:contain!important;
    background:#fff!important;
    padding:3px!important;
  }
  .mobile-powered-card span{
    display:block;
    color:#64748b;
    text-transform:uppercase;
    font-weight:950;
    letter-spacing:.05em;
    font-size:.72rem;
  }
  .mobile-powered-card b{
    display:block;
    color:#0f172a;
    font-size:1.05rem;
    margin-top:2px;
  }
}


/* v24 admin fixture bulk delete + group arrangement */
.admin-group-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.admin-group-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:14px;
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.admin-group-card h3{
  margin:0 0 10px;
  font-size:1rem;
  letter-spacing:-.02em;
}
.admin-mini-team{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid #eef2f7;
}
.admin-mini-team:last-child{
  border-bottom:0;
}
.admin-mini-team img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
  border-radius:50%;
  background:#fff;
  border:1px solid #dfe5ea;
  padding:3px;
}
.admin-mini-team span{
  font-weight:900;
  color:#0f172a;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-mini-team small{
  grid-column:2/3;
  color:#64748b;
  margin-top:-7px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-table-title{
  display:inline-flex;
  background:#0f172a;
  color:#fff;
  border-radius:999px;
  padding:7px 12px;
  font-weight:950;
  margin:12px 0 8px;
}
.admin-team-cell{
  display:flex;
  align-items:center;
  gap:8px;
}
.admin-team-cell img{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  object-fit:contain!important;
  border-radius:50%;
  background:#fff;
  border:1px solid #dfe5ea;
  padding:2px;
}
@media(max-width:1100px){
  .admin-group-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .admin-group-grid{grid-template-columns:1fr}
}


/* v25 admin venue manager */
.admin-section textarea{
  resize:vertical;
}
.venue-check{
  width:18px;
  height:18px;
}


/* v26 smart fixture creator */
.fixture-smart-panel{
  border-top:4px solid var(--green);
}
.status-preview{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  border-radius:12px;
  font-weight:950;
  color:#475569;
}
.status-preview.upcoming{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}
.status-preview.scheduled{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}
.status-preview.live{background:#dcfce7;color:#067647;border-color:#86efac}
.status-preview.finished{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}
.status-preview.manual{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.admin-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:5px 9px;
  font-size:.74rem;
  font-weight:950;
  background:#f1f5f9;
  color:#334155;
}
.admin-status-pill.live{background:#dcfce7;color:#067647}
.admin-status-pill.scheduled{background:#ecfeff;color:#0e7490}
.admin-status-pill.upcoming{background:#eef2ff;color:#3730a3}
.admin-status-pill.finished{background:#0f172a;color:#fff}
.admin-status-pill.postponed{background:#fee2e2;color:#b91c1c}
#home-team option[hidden],
#away-team option[hidden]{
  display:none;
}


/* v30 full squad/match centre fix */
.team-profile-hero{
  background:radial-gradient(circle at 15% 10%,rgba(0,176,96,.12),transparent 26%),linear-gradient(180deg,#fff,#f8fafc);
  border-bottom:1px solid #e5e7eb;
}
.team-profile-card{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:22px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:22px;
  box-shadow:0 16px 38px rgba(12,23,32,.08);
}
.team-profile-logo{
  width:132px;
  height:132px;
  border-radius:50%;
  background:#fff;
  border:1px solid #dfe5ea;
  padding:8px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.team-profile-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.team-profile-card h1{
  margin:8px 0 8px;
  font-size:clamp(2rem,4vw,3.4rem);
  letter-spacing:-.05em;
}
.squad-stat-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-top:16px;
}
.squad-stat-row div{
  background:#f8fafc;
  border:1px solid #edf0f4;
  border-radius:16px;
  padding:10px;
}
.squad-stat-row b{
  display:block;
  color:#0f172a;
  font-size:1.25rem;
}
.squad-stat-row span{
  display:block;
  color:#64748b;
  font-size:.78rem;
  font-weight:850;
}
.squad-grid{
  align-items:start;
}
.squad-position-card{
  min-height:230px;
}
.squad-position-card h3{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:0;
}
.squad-position-card h3 span{
  display:inline-flex;
  background:#ecfdf5;
  color:#067647;
  border-radius:999px;
  padding:4px 8px;
  font-size:.75rem;
}
.player-list{
  display:grid;
  gap:8px;
}
.player-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:9px 10px;
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:12px;
}
.player-chip b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.position-badge{
  display:inline-flex;
  border-radius:999px;
  padding:4px 8px;
  font-size:.7rem;
  font-weight:950;
  background:#e2e8f0;
  color:#334155;
  white-space:nowrap;
}
.position-badge.goalkeeper{background:#fef3c7;color:#92400e}
.position-badge.defender{background:#dbeafe;color:#1d4ed8}
.position-badge.midfielder{background:#dcfce7;color:#067647}
.position-badge.attacker{background:#fee2e2;color:#b91c1c}
.team-card-pro{
  position:relative;
  overflow:hidden;
}
.team-card-counts{
  margin-top:10px;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.team-card-counts span{
  display:inline-flex;
  background:#f1f5f9;
  color:#334155;
  border-radius:999px;
  padding:4px 8px;
  font-size:.72rem;
  font-weight:900;
}
.match-hero-pro a{
  color:inherit;
}
.match-club-link{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}
.match-club-link small{
  color:#64748b;
  font-weight:850;
}
.match-actions{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.match-squad-grid{
  align-items:start;
}
.match-squad-card{
  overflow:hidden;
}
.match-squad-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid #eef2f7;
  margin-bottom:12px;
}
.match-squad-head img{
  width:58px!important;
  height:58px!important;
  object-fit:contain!important;
  border-radius:50%;
  background:white;
  border:1px solid #dfe5ea;
  padding:4px;
}
.match-squad-head h3{
  margin:0;
}
.match-squad-head p{
  margin:4px 0 0;
  color:#64748b;
  font-size:.88rem;
}
.squad-tabs{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.squad-mini-group{
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:16px;
  padding:10px;
}
.squad-mini-group h4{
  margin:0 0 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.squad-mini-group h4 span{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:2px 7px;
  font-size:.72rem;
}
.squad-mini-player{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 0;
  border-bottom:1px solid #e8eef5;
}
.squad-mini-player:last-child{
  border-bottom:0;
}
.squad-mini-player b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.9rem;
}
.empty-mini{
  background:#f8fafc;
  border:1px dashed #cbd5e1;
  border-radius:14px;
  padding:16px;
  color:#64748b;
  text-align:center;
}
@media(max-width:900px){
  .team-profile-card{
    grid-template-columns:1fr;
    text-align:center;
  }
  .team-profile-logo{
    margin:0 auto;
  }
  .squad-stat-row{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:640px){
  .squad-tabs{
    grid-template-columns:1fr;
  }
  .squad-stat-row{
    grid-template-columns:1fr 1fr;
  }
  .team-profile-card{
    padding:16px;
  }
  .team-profile-logo{
    width:105px;
    height:105px;
  }
}


/* v31 fast live editor */
.editor-live-guide{
  border-top:4px solid var(--green);
}
.live-score-card{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  background:linear-gradient(135deg,#0f172a,#111827);
  color:#fff;
  border-radius:20px;
  padding:14px;
  margin-bottom:16px;
}
.live-score-card>div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.live-score-card strong{
  font-size:1.8rem;
  letter-spacing:-.04em;
}
.quick-controls{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}
.quick-controls button,
.score-input-row button{
  border:0;
  background:#0f172a;
  color:#fff;
  border-radius:12px;
  padding:10px 12px;
  font-weight:950;
  cursor:pointer;
}
.quick-controls button:hover,
.score-input-row button:hover{
  filter:saturate(1.1);
  transform:translateY(-1px);
}
.score-input-row{
  display:grid;
  grid-template-columns:42px 1fr 42px;
  gap:6px;
  align-items:center;
}
.score-input-row input{
  text-align:center;
  font-weight:950;
}
.stats-grid input{
  min-width:0;
}
@media(max-width:640px){
  .live-score-card{
    grid-template-columns:1fr;
    text-align:center;
  }
  .live-score-card>div{
    flex-direction:column;
  }
}


/* v34 true live polling polish */
.live-sync-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:#dcfce7;
  color:#067647;
  border:1px solid #86efac;
  border-radius:999px;
  padding:7px 11px;
  font-size:.8rem;
  font-weight:950;
}
.live-sync-badge:before{
  content:"";
  width:8px;
  height:8px;
  background:#16a34a;
  border-radius:50%;
  box-shadow:0 0 0 0 rgba(22,163,74,.6);
  animation:livePulse 1.5s infinite;
}
@keyframes livePulse{
  0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}
  70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}
  100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}
}
.live-updated{
  margin-top:6px;
  color:#64748b;
}
.event-list{
  transition:opacity .2s ease;
}


/* v35 goal-only editor and leaderboard */
.auto-status-box{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:12px;
  margin-bottom:14px;
}
.auto-status-box small{
  color:#64748b;
}
.event-help-box{
  background:#ecfdf5;
  color:#067647;
  border:1px solid #86efac;
  border-radius:14px;
  padding:12px;
  font-weight:850;
  margin-bottom:12px;
}
.top-scorer-home{
  max-width:860px;
}


/* v39 real match timer */
.match-timer-panel,
.public-match-timer{
  margin:14px 0;
  border:1px solid #bbf7d0;
  background:linear-gradient(135deg,#ecfdf5,#ffffff);
  border-radius:18px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  box-shadow:0 10px 26px rgba(22,163,74,.08);
}
.match-timer-panel span,
.public-match-timer span{
  display:block;
  color:#067647;
  font-size:.74rem;
  text-transform:uppercase;
  font-weight:950;
  letter-spacing:.06em;
}
.match-timer-panel strong,
.public-match-timer strong{
  display:block;
  font-size:2rem;
  line-height:1;
  color:#0f172a;
  margin-top:4px;
}
.match-timer-panel small,
.public-match-timer small{
  display:block;
  color:#64748b;
  font-weight:800;
  margin-top:4px;
}
.timer-countdown{
  font-size:1.35rem;
  font-weight:950;
  color:#dc2626;
  background:#fff;
  border:1px solid #fecaca;
  border-radius:14px;
  padding:10px 12px;
  min-width:82px;
  text-align:center;
}
.match-control-buttons{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:10px;
}
.soft-disabled{
  opacity:.6;
}
@media(max-width:640px){
  .match-timer-panel,
  .public-match-timer{
    flex-direction:column;
    text-align:center;
  }
}


/* v40 richer live match centre */
.match-centre-shell{max-width:980px;margin:0 auto;}
.competition-strip{display:flex;gap:8px;align-items:center;color:#cbd5e1;background:linear-gradient(90deg,#082032,#0b3b53);padding:12px 16px;border-radius:18px 18px 0 0;font-size:.92rem;text-transform:uppercase;letter-spacing:.04em}
.competition-strip strong{color:#fff;font-size:1rem}
.postponed-notice{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:16px;padding:14px 16px;margin:14px 0}
.postponed-notice p{margin:6px 0 0}
.scoreboard-pro{background:linear-gradient(180deg,#052a3d,#031b2a);color:#fff;border-radius:0 0 18px 18px;padding:24px 18px;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:18px;align-items:center;box-shadow:0 20px 40px rgba(2,12,27,.25)}
.scoreboard-team{text-align:center}.scoreboard-team h3{margin:12px 0 0;font-size:1.2rem;color:#fff}.scoreboard-team.away{text-align:center}
.scoreboard-logo{width:104px;height:104px;object-fit:contain;background:#fff;border-radius:22px;padding:12px;box-shadow:0 10px 26px rgba(255,255,255,.12)}
.scoreboard-middle{text-align:center}.scoreboard-date{color:#cbd5e1;font-weight:800;letter-spacing:.04em}.scoreboard-score{font-size:4rem;font-weight:1000;line-height:1.05;margin:8px 0}.scoreboard-status{margin-bottom:10px}.scoreboard-meta{color:#cbd5e1;font-size:.94rem;margin-top:8px}
.mc-tabs{margin-top:18px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 16px 30px rgba(15,23,42,.06)}
.mc-tab-buttons{display:flex;gap:0;flex-wrap:wrap;background:#06141f}.mc-tab-btn{appearance:none;border:0;background:transparent;color:#fff;padding:16px 18px;font-weight:900;cursor:pointer}.mc-tab-btn.active{color:#ff476f;border-bottom:3px solid #ff476f}.mc-tab-panel{display:none;padding:18px}.mc-tab-panel.active{display:block}
.summary-header-row{margin-bottom:12px}
.summary-board{display:grid;gap:16px}.summary-half{border:1px solid #dbeafe;border-radius:16px;overflow:hidden;background:#f8fbff}.summary-half-head{padding:10px 14px;background:#0b3b53;color:#fff;font-weight:900;display:flex;justify-content:space-between;align-items:center}.summary-empty{padding:16px;color:#64748b}
.summary-event{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid #e2e8f0}.summary-event.away{justify-content:flex-end;text-align:right}.summary-minute{font-size:1rem;font-weight:950;color:#0f172a;min-width:48px}.summary-main{display:flex;align-items:center;gap:10px}.summary-event.away .summary-main{flex-direction:row-reverse}.summary-badge{background:#0f172a;color:#fff;border-radius:999px;padding:7px 12px;font-weight:900;font-size:.85rem}.summary-text b{color:#0f172a}.summary-text span{color:#475569}
.section-head.compact{margin:0 0 14px}
@media(max-width:900px){.scoreboard-pro{grid-template-columns:1fr;}.scoreboard-score{font-size:3rem}.scoreboard-logo{width:90px;height:90px}.mc-tab-btn{flex:1 1 auto;text-align:center}}


/* v41 normal site-pattern match centre */
.site-match-centre{
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 12% 15%, rgba(16,185,129,.14), transparent 28%),
    linear-gradient(180deg,#ffffff,#f8fafc);
  color:#0f172a;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.site-match-centre .match-club-link h3{
  color:#0f172a;
}
.site-match-centre .match-club-link img{
  background:#fff;
  border:1px solid #e2e8f0;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}
.site-match-main{
  text-align:center;
}
.match-note{
  margin:10px auto 0;
  display:inline-flex;
  max-width:520px;
  background:#eff6ff;
  color:#1d4ed8;
  border:1px solid #bfdbfe;
  border-radius:999px;
  padding:7px 12px;
  font-size:.84rem;
  font-weight:850;
}
.site-timer{
  max-width:320px;
  margin:14px auto 4px;
}
.site-match-tabs{
  margin-top:18px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 34px rgba(15,23,42,.06);
}
.site-tab-buttons{
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px;
  background:#f8fafc;
  border-bottom:1px solid #e2e8f0;
  overflow-x:auto;
}
.site-tab-btn{
  appearance:none;
  border:0;
  background:transparent;
  color:#475569;
  border-radius:999px;
  padding:10px 16px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}
.site-tab-btn.active{
  background:#0f5132;
  color:#fff;
}
.site-tab-panel{
  display:none;
  padding:18px;
}
.site-tab-panel.active{
  display:block;
}
.summary-header-row{
  margin-bottom:12px;
}
.summary-board{
  display:grid;
  gap:16px;
}
.summary-half{
  border:1px solid #dbeafe;
  border-radius:18px;
  overflow:hidden;
  background:#f8fbff;
}
.summary-half-head{
  padding:10px 14px;
  background:#0f5132;
  color:#fff;
  font-weight:950;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.summary-empty{
  padding:16px;
  color:#64748b;
}
.summary-event{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border-top:1px solid #e2e8f0;
}
.summary-event.away{
  justify-content:flex-end;
  text-align:right;
}
.summary-minute{
  font-size:1rem;
  font-weight:950;
  color:#0f172a;
  min-width:48px;
}
.summary-main{
  display:flex;
  align-items:center;
  gap:10px;
}
.summary-event.away .summary-main{
  flex-direction:row-reverse;
}
.summary-badge{
  background:#0f172a;
  color:#fff;
  border-radius:999px;
  padding:7px 12px;
  font-weight:900;
  font-size:.85rem;
}
.summary-text b{
  color:#0f172a;
}
.summary-text span{
  color:#475569;
}
.section-head.compact{
  margin:0 0 14px;
}
@media(max-width:900px){
  .site-match-tabs{
    border-radius:18px;
  }
  .site-tab-panel{
    padding:14px;
  }
}


/* v42 live standings */
.live-table-card{
  position:relative;
}
.live-row{
  background:linear-gradient(90deg,rgba(16,185,129,.10),transparent);
}
.live-table-pill{
  display:inline-flex;
  align-items:center;
  margin-left:8px;
  background:#dcfce7;
  color:#067647;
  border:1px solid #86efac;
  border-radius:999px;
  padding:3px 7px;
  font-size:.65rem;
  font-weight:950;
  letter-spacing:.04em;
}
.table-note{
  background:#f0fdf4;
  border:1px solid #bbf7d0;
  color:#166534;
  border-radius:16px;
  padding:12px 14px;
  margin-bottom:18px;
  font-weight:800;
}

/* Match admin extras: paused/delayed, forfeit, own goal and score-only flows */
.status.paused,.admin-status-pill.paused{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.status.forfeited,.admin-status-pill.forfeited{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.status-preview.paused{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.status-preview.forfeited{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.mini-admin-card{margin:0;padding:16px;border-style:dashed}
.mini-admin-card h3{margin-top:0}


/* v43 admin live editor spacing cleanup */
.live-admin-grid{
  grid-template-columns:minmax(360px,.9fr) minmax(560px,1.1fr);
  align-items:start;
}
.live-match-picker,
.live-editor-card{
  min-width:0;
  overflow:hidden;
}
.live-editor-card h2{
  margin-bottom:14px;
  line-height:1.2;
}
.match-control-buttons{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0 0 14px;
  padding:10px;
}
.match-control-buttons .btn{
  width:100%;
  min-height:42px;
  padding:10px 8px;
  border-radius:12px;
  font-size:.83rem;
  line-height:1.15;
  text-align:center;
  white-space:normal;
  box-shadow:none;
}
.goal-event-grid,
.compact-score-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.goal-event-grid>div,
.compact-score-grid>div,
.score-admin-tools>form{
  min-width:0;
}
.sticky-save-bar{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
  padding:10px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:16px;
}
.sticky-save-bar .btn{
  box-shadow:none;
}
.score-admin-tools{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
  align-items:stretch;
}
.score-admin-tools .admin-section{
  margin:0;
}
.mini-admin-card{
  height:100%;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-style:solid;
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.mini-admin-card h3{
  margin-bottom:4px;
}
.mini-admin-card .actions{
  margin-top:auto;
  padding-top:14px;
}
.mini-admin-card .btn{
  width:100%;
  box-shadow:none;
}
.events-table-wrap{
  margin-top:8px;
}
.live-editor-card .helper{
  line-height:1.45;
}
.live-editor-card input,
.live-editor-card select{
  min-width:0;
}
@media(max-width:1280px){
  .live-admin-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:900px){
  .score-admin-tools{
    grid-template-columns:1fr;
  }
  .match-control-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .live-editor-card,
  .live-match-picker,
  .mini-admin-card{
    overflow:visible;
  }
  .match-control-buttons,
  .goal-event-grid,
  .compact-score-grid{
    grid-template-columns:1fr;
  }
  .sticky-save-bar .btn{
    width:100%;
  }
}

/* Knockout bracket upgrade */
.ko-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:20px;align-items:center;background:radial-gradient(circle at 15% 20%,rgba(0,176,96,.22),transparent 32%),linear-gradient(135deg,#05101d,#08192b 55%,#06140f);border-radius:28px;padding:24px;color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(5,8,13,.22);overflow:hidden}.ko-hero h1{font-size:clamp(2rem,4vw,3.9rem);line-height:1.03;margin:14px 0 10px;letter-spacing:-.06em}.ko-hero p{color:#d9e7f2;line-height:1.7;margin:0;max-width:72ch}.ko-hero>img{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 38px rgba(0,0,0,.28);background:#06141f}.ko-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ko-legend span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 10px;font-size:.82rem;font-weight:900;color:#eef7ff}.ko-section-head{margin-top:24px}.ko-qualified-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ko-group-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.ko-group-card h3{margin:0 0 10px;color:#06141f}.ko-qualified-team{border:1px solid #e6eef4;border-radius:16px;padding:10px;margin-top:8px;background:linear-gradient(180deg,#fff,#f8fafc)}.ko-qualified-team>span{display:inline-flex;background:#ecfdf5;color:#067647;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:1000}.ko-qualified-team>div{display:flex;align-items:center;gap:9px;margin-top:8px}.ko-qualified-team img{width:34px!important;height:34px!important;object-fit:contain!important;background:#fff;border:1px solid #dbe5ed;border-radius:50%;padding:3px}.ko-qualified-team b{font-weight:1000}.ko-qualified-team small{display:block;color:#64748b;margin-top:5px}.ko-qualified-team.is-placeholder{opacity:.65}.ko-bracket{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;align-items:start}.ko-round{display:grid;gap:10px}.ko-round>h3{margin:0;background:#dc2626;color:white;text-align:center;border-radius:10px;padding:10px 12px;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 12px 20px rgba(220,38,38,.12)}.ko-match-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #dfe7ef;border-radius:18px;padding:12px;box-shadow:0 12px 28px rgba(15,23,42,.06);position:relative}.ko-match-card:after{content:"";position:absolute;right:-10px;top:50%;width:10px;height:1px;background:#94a3b8;opacity:.75}.ko-round:last-child .ko-match-card:after{display:none}.ko-match-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.ko-match-top span{font-weight:1000;color:#067647}.ko-match-top a{font-size:.72rem;font-weight:950;color:#0f172a;background:#e2e8f0;border-radius:999px;padding:5px 8px}.ko-team-line{display:grid;grid-template-columns:42px 34px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #edf2f7}.ko-source b{display:inline-flex;width:38px;height:28px;align-items:center;justify-content:center;border-radius:9px;background:#10b981;color:#fff;font-size:.75rem;white-space:nowrap}.ko-team-line.is-placeholder .ko-source b{background:#64748b}.ko-team-line img{width:32px!important;height:32px!important;object-fit:contain!important;border-radius:50%;background:#fff;border:1px solid #dbe5ed;padding:2px}.ko-team-main{min-width:0}.ko-team-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.ko-team-main small{display:block;color:#64748b;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ko-score{text-align:right;font-weight:1000;color:#06141f}.ko-score small{display:block;font-size:.65rem;color:#64748b}.ko-match-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ko-match-foot span{background:#eef2f7;color:#475569;border-radius:999px;padding:4px 7px;font-size:.68rem;font-weight:900}.knockout-admin-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ko-admin-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ko-admin-slot-card{border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#f8fafc}.ko-admin-slot-card h3{margin:0 0 8px}.ko-admin-slot-line{display:grid;grid-template-columns:34px 30px minmax(0,1fr);gap:8px;align-items:center;background:#fff;border:1px solid #e6edf4;border-radius:12px;padding:8px;margin-top:6px}.ko-admin-slot-line b{display:inline-flex;background:#10b981;color:#fff;border-radius:8px;align-items:center;justify-content:center;height:26px;font-size:.72rem}.ko-admin-slot-line img{width:28px!important;height:28px!important;object-fit:contain!important;border-radius:50%;background:#fff;border:1px solid #dbe5ed;padding:2px}.ko-admin-slot-line span{font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ko-admin-slot-line small{grid-column:2/4;color:#64748b;font-size:.72rem}.ko-admin-match-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ko-admin-match-card{border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 10px 24px rgba(15,23,42,.05)}.ko-admin-match-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.ko-admin-match-head b{display:block;font-size:1.05rem}.ko-admin-match-head small{display:block;color:#64748b;margin-top:3px;font-weight:850}.compact-score-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:1100px){.ko-bracket{grid-template-columns:1fr 1fr}.ko-qualified-grid,.ko-admin-slot-grid{grid-template-columns:repeat(2,1fr)}.ko-admin-match-grid{grid-template-columns:1fr}.knockout-admin-hero{display:block}}
@media(max-width:700px){.ko-hero{grid-template-columns:1fr;padding:18px}.ko-qualified-grid,.ko-bracket,.ko-admin-slot-grid{grid-template-columns:1fr}.ko-match-card:after{display:none}.ko-team-line{grid-template-columns:38px 32px minmax(0,1fr) 28px}.compact-score-grid{grid-template-columns:1fr}}
@media(max-width:640px){.bottom-nav{grid-template-columns:repeat(6,1fr)}.bottom-nav a{font-size:.64rem}}

/* ===== v24 Front-end knockout visibility, homepage qualified teams and responsive bracket ===== */
.home-knockout-showcase{position:relative;background:linear-gradient(180deg,#f2f4f7 0%,#e9eef5 100%);overflow:hidden}.home-knockout-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 9% 4%,rgba(0,176,96,.16),transparent 28%),radial-gradient(circle at 90% 22%,rgba(225,29,56,.13),transparent 28%);pointer-events:none}.home-knockout-showcase>.container{position:relative;z-index:1}.home-ko-hero-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:radial-gradient(circle at 8% 20%,rgba(0,176,96,.26),transparent 28%),linear-gradient(135deg,#05080d,#111827 62%,#061a12);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:24px;box-shadow:0 24px 70px rgba(5,8,13,.20)}.home-ko-hero-card h2{font-size:clamp(1.65rem,3.3vw,3rem);line-height:1.05;margin:12px 0 8px;letter-spacing:-.055em}.home-ko-hero-card p{margin:0;color:#d9e7ef;line-height:1.7;max-width:78ch}.home-ko-hero-card .btn{white-space:nowrap}.home-qualified-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-qualified-group{background:#fff;border:1px solid #dde6ef;border-radius:22px;padding:13px;box-shadow:0 14px 34px rgba(15,23,42,.07);min-width:0}.home-qualified-group h3{margin:0 0 9px;color:#06141f;font-size:.98rem}.home-qualified-card{display:grid;grid-template-columns:38px 40px minmax(0,1fr);align-items:center;gap:8px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e6edf4;border-radius:16px;padding:9px;margin-top:8px;transition:.18s}.home-qualified-card:hover{transform:translateY(-2px);border-color:rgba(0,176,96,.45);box-shadow:0 10px 22px rgba(0,176,96,.10)}.home-qualified-card>span{display:inline-flex;align-items:center;justify-content:center;background:#10b981;color:#fff;border-radius:12px;height:32px;font-weight:1000;font-size:.78rem}.home-qualified-card img{width:36px!important;height:36px!important;object-fit:contain!important;border-radius:50%;background:#fff;border:1px solid #dbe5ed;padding:3px}.home-qualified-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem}.home-qualified-card small{grid-column:2/4;color:#64748b;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-qualified-card.is-empty{opacity:.68}.home-qualified-card.is-empty>span{background:#64748b}.home-bracket-preview{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;align-items:start;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.home-ko-round{display:grid;gap:10px;min-width:240px;scroll-snap-align:start}.home-ko-round h3{margin:0;text-align:center;border-radius:14px;background:linear-gradient(135deg,#0f172a,#1f2937);color:#fff;padding:11px 12px;text-transform:uppercase;font-size:.9rem;letter-spacing:.04em}.home-ko-match{position:relative;display:block;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #dee7ef;border-radius:18px;padding:11px;box-shadow:0 12px 28px rgba(15,23,42,.06);transition:.18s}.home-ko-match:hover{transform:translateY(-2px);border-color:rgba(0,176,96,.45)}.home-ko-match:after{content:"";position:absolute;right:-14px;top:50%;width:14px;height:2px;background:linear-gradient(90deg,#10b981,#94a3b8);opacity:.65}.home-ko-round:last-child .home-ko-match:after{display:none}.home-ko-match>span{display:inline-flex;background:#ecfdf5;color:#067647;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:1000;margin-bottom:6px}.home-ko-match>small{display:block;margin-top:8px;color:#64748b;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-ko-side{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;border-top:1px solid #edf2f7;padding:8px 0}.home-ko-side img{width:30px!important;height:30px!important;object-fit:contain!important;border-radius:50%;background:#fff;border:1px solid #dbe5ed;padding:2px}.home-ko-side b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.home-ko-side small{display:block;color:#64748b;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-ko-side.is-placeholder{opacity:.7}.home-ko-side.is-placeholder img{filter:grayscale(1)}
.ko-hero-pro{position:relative;min-height:360px;background:radial-gradient(circle at 12% 18%,rgba(0,176,96,.32),transparent 34%),radial-gradient(circle at 82% 0%,rgba(225,29,56,.20),transparent 28%),linear-gradient(135deg,#05080d,#111827 55%,#071f15)!important}.ko-hero-pro h1{font-size:clamp(2.25rem,5vw,4.55rem)!important}.ko-draw-reference{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:12px;box-shadow:0 20px 45px rgba(0,0,0,.22)}.ko-draw-reference img{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#081420}.ko-draw-reference small{display:block;color:#d7e4ee;font-weight:850;margin-top:9px;text-align:center}.ko-public-toolbar{position:sticky;top:82px;z-index:12;display:flex;gap:8px;overflow-x:auto;padding:10px;margin:16px 0 0;background:rgba(255,255,255,.88);border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.08);backdrop-filter:blur(10px)}.ko-public-toolbar a{white-space:nowrap;border-radius:999px;padding:9px 12px;font-weight:950;color:#334155;background:#eef2f7}.ko-public-toolbar a.active,.ko-public-toolbar a:hover{background:#10b981;color:#fff}.ko-qualified-grid-pro .ko-group-card{position:relative;overflow:hidden}.ko-qualified-grid-pro .ko-group-card:before{content:"";position:absolute;right:-24px;top:-24px;width:76px;height:76px;border-radius:50%;background:rgba(0,176,96,.10)}.ko-fixture-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ko-fixture-day-card{background:#fff;border:1px solid #dee7ef;border-radius:24px;overflow:hidden;box-shadow:0 16px 38px rgba(15,23,42,.07)}.ko-fixture-day-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#07111d,#0f172a);color:#fff;padding:16px}.ko-fixture-day-head span{display:inline-flex;color:#bbf7d0;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.26);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:1000}.ko-fixture-day-head h3{margin:8px 0 3px;letter-spacing:-.03em}.ko-fixture-day-head p{margin:0;color:#cbd5e1}.ko-fixture-day-head>b{white-space:nowrap;background:#10b981;border-radius:999px;padding:7px 10px;font-size:.75rem}.ko-fixture-list{display:grid;gap:0}.ko-fixture-item{display:grid;grid-template-columns:72px minmax(0,1fr) 36px minmax(0,1fr) 70px;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid #edf2f7}.ko-fixture-item:first-child{border-top:0}.ko-fixture-item:hover{background:#f8fafc}.ko-fixture-item time{font-weight:1000;color:#067647}.ko-fixture-item>div{display:flex;align-items:center;gap:8px;min-width:0}.ko-fixture-item img{width:34px!important;height:34px!important;object-fit:contain!important;border-radius:50%;background:#fff;border:1px solid #dbe5ed;padding:2px}.ko-fixture-item b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ko-fixture-item strong{text-align:center;color:#94a3b8;font-size:.78rem}.ko-fixture-item>span{justify-self:end;background:#eef2f7;color:#475569;border-radius:999px;padding:5px 8px;font-size:.7rem;font-weight:1000}.ko-mobile-hint{display:none;color:#64748b;font-weight:850;margin:-6px 0 10px}.ko-bracket-shell{overflow-x:auto;padding-bottom:8px}.ko-bracket-v2{min-width:1060px;grid-template-columns:2fr 1.08fr 1.08fr 1.08fr}.ko-bracket-v2 .ko-round>h3{background:linear-gradient(135deg,#dc2626,#ef4444)}.ko-bracket-v2 .ko-match-card{border-radius:20px;overflow:visible}.ko-bracket-v2 .ko-match-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#10b981,#dc2626);border-radius:20px 0 0 20px}.ko-bracket-v2 .ko-round:nth-child(2) .ko-match-card{margin-top:34px}.ko-bracket-v2 .ko-round:nth-child(3) .ko-match-card{margin-top:96px}.ko-bracket-v2 .ko-round:nth-child(4) .ko-match-card{margin-top:180px}.ko-bracket-v2 .ko-round:nth-child(2) .ko-match-card+.ko-match-card{margin-top:86px}.ko-bracket-v2 .ko-round:nth-child(3) .ko-match-card+.ko-match-card{margin-top:206px}.ko-team-line,.ko-fixture-item,.home-ko-side,.home-qualified-card{min-width:0}.ko-match-top a,.home-ko-match,.ko-fixture-item{-webkit-tap-highlight-color:transparent}
@media(max-width:1180px){.home-bracket-preview{grid-template-columns:repeat(4,280px)}.ko-fixture-board{grid-template-columns:1fr}.ko-bracket-v2{min-width:980px}.ko-public-toolbar{top:78px}.home-qualified-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:840px){.home-ko-hero-card{display:block}.home-ko-hero-card .btn{margin-top:16px;width:100%}.home-bracket-preview{display:flex}.home-ko-round{width:290px;flex:0 0 290px}.ko-hero-pro{min-height:0}.ko-mobile-hint{display:block}.ko-public-toolbar{top:74px}.ko-fixture-item{grid-template-columns:58px 1fr 28px 1fr;gap:7px}.ko-fixture-item>span{grid-column:1/-1;justify-self:start}.ko-bracket-shell{margin-left:-3%;margin-right:-3%;padding-left:3%;padding-right:3%}.ko-bracket-v2 .ko-round:nth-child(n) .ko-match-card,.ko-bracket-v2 .ko-round:nth-child(n) .ko-match-card+.ko-match-card{margin-top:0}}
@media(max-width:620px){.home-qualified-strip{grid-template-columns:1fr}.home-qualified-group{padding:12px}.home-qualified-card{grid-template-columns:36px 38px minmax(0,1fr)}.home-qualified-card small{grid-column:2/4}.ko-public-toolbar{position:relative;top:auto}.ko-hero-pro h1{font-size:2.15rem!important}.ko-fixture-day-head{display:block}.ko-fixture-day-head>b{display:inline-flex;margin-top:10px}.ko-fixture-item{grid-template-columns:1fr;text-align:center}.ko-fixture-item time,.ko-fixture-item>span{justify-self:center}.ko-fixture-item>div{justify-content:center}.ko-fixture-item strong{font-size:.75rem}.ko-bracket-v2{min-width:0;display:grid;grid-template-columns:1fr}.ko-bracket-shell{overflow:visible;margin:0;padding:0}.ko-match-card:after,.home-ko-match:after{display:none}.ko-bracket-v2 .ko-round{margin-bottom:12px}.ko-match-foot span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* ===== v31 automatic knockout progression, stage tracker and draw method ===== */
.ko-stage-panel{
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.7fr);
  gap:16px;
  align-items:stretch;
  margin-top:18px;
  padding:16px;
  border:1px solid #dbe5ee;
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff,#f6f9fc);
  box-shadow:0 16px 38px rgba(15,23,42,.07);
}
.ko-stage-summary{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:118px;
  border-radius:18px;
  padding:16px;
  color:#fff;
  background:radial-gradient(circle at 16% 15%,rgba(16,185,129,.28),transparent 36%),linear-gradient(135deg,#07111d,#0f172a 65%,#063820);
}
.ko-stage-summary>span{
  color:#bbf7d0;
  text-transform:uppercase;
  letter-spacing:.07em;
  font-size:.72rem;
  font-weight:1000;
}
.ko-stage-summary>b{
  margin-top:6px;
  font-size:clamp(1.35rem,2.6vw,2.15rem);
  line-height:1.05;
  letter-spacing:-.04em;
}
.ko-stage-summary>small{
  display:block;
  margin-top:8px;
  color:#cbd5e1;
  line-height:1.45;
  font-weight:750;
}
.ko-stage-track{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.ko-stage-step{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid #dfe7ef;
  border-radius:17px;
  padding:12px;
  background:#fff;
  color:#334155;
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
.ko-stage-step:hover{transform:translateY(-2px)}
.ko-stage-step>span{
  width:32px;
  height:32px;
  min-width:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#e2e8f0;
  color:#64748b;
  font-weight:1000;
}
.ko-stage-step div{min-width:0}
.ko-stage-step b{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:.84rem;
}
.ko-stage-step small{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:.68rem;
  line-height:1.35;
}
.ko-stage-step.state-complete{
  border-color:#86efac;
  background:linear-gradient(180deg,#f0fdf4,#dcfce7);
}
.ko-stage-step.state-complete>span{background:#10b981;color:#fff}
.ko-stage-step.state-active{
  border-color:#fb7185;
  background:linear-gradient(180deg,#fff1f2,#ffe4e6);
  box-shadow:0 10px 24px rgba(225,29,72,.12);
}
.ko-stage-step.state-active>span{
  background:#e11d48;
  color:#fff;
  box-shadow:0 0 0 6px rgba(225,29,72,.1);
  animation:koStagePulse 1.8s ease-in-out infinite;
}
@keyframes koStagePulse{50%{box-shadow:0 0 0 11px rgba(225,29,72,0)}}
.ko-stage-step.state-waiting{opacity:.72}
.ko-draw-method-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.ko-draw-method-card{
  min-width:0;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:13px;
  border:1px solid #dde6ef;
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  transition:.18s;
}
.ko-draw-method-card:hover{
  transform:translateY(-3px);
  border-color:#86efac;
  box-shadow:0 16px 34px rgba(16,185,129,.11);
}
.ko-draw-method-card>span{
  grid-column:1/-1;
  justify-self:start;
  display:inline-flex;
  border-radius:999px;
  padding:5px 8px;
  background:#0f172a;
  color:#fff;
  font-size:.68rem;
  font-weight:1000;
}
.ko-draw-method-card>div{
  min-width:0;
  display:grid;
  justify-items:center;
  text-align:center;
  gap:4px;
}
.ko-draw-method-card>div>b{
  width:38px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#10b981;
  color:#fff;
  font-size:.76rem;
}
.ko-draw-method-card>div>strong{
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#0f172a;
  font-size:.78rem;
}
.ko-draw-method-card>div>small{
  color:#64748b;
  font-size:.62rem;
  line-height:1.3;
}
.ko-draw-method-card>em{
  font-style:normal;
  text-align:center;
  color:#94a3b8;
  font-size:.72rem;
  font-weight:1000;
}
.ko-draw-method-card>small{
  grid-column:1/-1;
  display:block;
  text-align:center;
  border-top:1px solid #e8eef4;
  padding-top:8px;
  color:#067647;
  font-size:.67rem;
  font-weight:950;
}
.ko-champion-banner{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:18px;
  border-radius:24px;
  padding:17px;
  color:#fff;
  background:radial-gradient(circle at 10% 20%,rgba(250,204,21,.28),transparent 32%),linear-gradient(135deg,#3f2b05,#8a5a08 55%,#1b1304);
  border:1px solid rgba(250,204,21,.32);
  box-shadow:0 18px 42px rgba(120,76,0,.19);
}
.ko-champion-banner img{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  object-fit:contain!important;
  border-radius:50%;
  background:#fff;
  padding:6px;
  border:3px solid #facc15;
}
.ko-champion-banner span{color:#fde68a;text-transform:uppercase;font-size:.72rem;font-weight:1000;letter-spacing:.08em}
.ko-champion-banner h3{margin:4px 0 2px;font-size:clamp(1.4rem,3vw,2.25rem)}
.ko-champion-banner p{margin:0;color:#fef3c7}
.ko-team-line.is-winner,
.home-ko-side.is-winner{
  background:linear-gradient(90deg,rgba(16,185,129,.12),transparent);
}
.ko-team-line.is-winner{margin:0 -6px;padding-left:6px;padding-right:6px;border-radius:12px}
.ko-team-main strong span{
  display:inline-flex;
  margin-left:5px;
  border-radius:999px;
  padding:2px 5px;
  background:#10b981;
  color:#fff;
  font-size:.55rem;
  vertical-align:middle;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.home-ko-side b{display:flex!important;align-items:center;justify-content:space-between;gap:7px}
.home-ko-side b em{
  min-width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#0f172a;
  color:#fff;
  font-size:.72rem;
  font-style:normal;
}
.home-ko-side.is-winner b em{background:#10b981}
.ko-round>h3,
.home-ko-round>h3{display:flex;align-items:center;justify-content:center;gap:7px}
.ko-round>h3 small,
.home-ko-round>h3 small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:.62rem;
}
.ko-round.state-complete>h3,
.home-ko-round.state-complete>h3{background:linear-gradient(135deg,#047857,#10b981)!important}
.ko-round.state-active>h3,
.home-ko-round.state-active>h3{background:linear-gradient(135deg,#be123c,#f43f5e)!important;box-shadow:0 12px 24px rgba(225,29,72,.2)}
.ko-round.state-waiting>h3,
.home-ko-round.state-waiting>h3{background:linear-gradient(135deg,#475569,#64748b)!important}
.ko-round.is-active-round,
.home-ko-round.is-active-round{scroll-margin-inline:14px}
.ko-round.is-active-round .ko-match-card,
.home-ko-round.is-active-round .home-ko-match{border-color:rgba(225,29,72,.28)}
.ko-admin-progress .ko-stage-track{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:1180px){
  .ko-draw-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ko-stage-panel{grid-template-columns:1fr}
}
@media(max-width:820px){
  .ko-stage-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ko-admin-progress .ko-stage-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .ko-stage-panel{padding:12px;border-radius:20px}
  .ko-stage-track,
  .ko-admin-progress .ko-stage-track,
  .ko-draw-method-grid{grid-template-columns:1fr}
  .ko-stage-step{padding:10px}
  .ko-draw-method-card{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}
  .ko-champion-banner{align-items:flex-start;padding:14px}
  .ko-champion-banner img{width:64px!important;height:64px!important;min-width:64px!important}
}