
:root{
  --bg:#090811;--panel:#151225;--panel2:#1f1a38;--text:#f5f3ff;--muted:#aaa3c4;
  --accent:#7b2cff;--accent2:#4b2fff;--line:#2d2850;--good:#32d583;--bad:#ff5c7a;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 20% 0,#23124d 0,transparent 35%),var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit}
.container{max-width:1180px;margin:auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:10;background:rgba(9,8,17,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.navin{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:1.8px}
.links{display:flex;gap:18px;color:#ded9ef;font-weight:650}.links a:hover{color:white}
.hero{padding:72px 0 48px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}
.kicker{color:#b99cff;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(44px,7vw,86px);line-height:.93;margin:12px 0 18px;letter-spacing:-4px}
.hero p{font-size:18px;color:var(--muted);max-width:720px;line-height:1.7}.hero-logo{background:linear-gradient(145deg,#fff,#dcd5ff);border-radius:32px;padding:24px;box-shadow:0 30px 80px #5322aa55}.hero-logo img{width:100%}
.cta{display:inline-flex;padding:13px 18px;border-radius:13px;background:linear-gradient(90deg,var(--accent),var(--accent2));font-weight:800;margin-top:12px}
.section{padding:34px 0}.section h2{font-size:30px;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:linear-gradient(180deg,var(--panel),#100e1e);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 16px 40px #0004}
.match{display:flex;justify-content:space-between;align-items:center;gap:12px}.match .score{font-size:28px;font-weight:900;color:#c9b7ff}.meta{color:var(--muted);font-size:13px;margin-top:8px}
.tablewrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:center}th{color:#c9b7ff;background:#1d1734}td:first-child,th:first-child{text-align:left}
.news h3{margin:0 0 8px}.news p{color:var(--muted);line-height:1.6}
.footer{margin-top:50px;border-top:1px solid var(--line);padding:28px 0;color:var(--muted);text-align:center}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#2d2456;color:#cdbdff;font-size:12px;font-weight:800}
@media(max-width:800px){.links{display:none}.hero-grid{grid-template-columns:1fr}.hero-logo{max-width:380px}.grid{grid-template-columns:1fr}.hero{padding-top:44px}.hero h1{letter-spacing:-2px}}

@media(max-width:800px){.navin{height:auto;min-height:74px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.links{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}.match strong{max-width:40%;overflow-wrap:anywhere}}

html{scroll-behavior:smooth}img{max-width:100%}.card{min-width:0;overflow-wrap:anywhere}.match strong{overflow-wrap:anywhere}.match{gap:10px}.cta,button{min-height:44px}.footer a{color:inherit}.links{flex-wrap:wrap}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.account-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.lineup-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pitch{max-width:720px;aspect-ratio:4/5;margin:20px auto;background:repeating-linear-gradient(#17653d 0 12%,#1b7044 12% 24%);border:3px solid #b9e5c4;border-radius:12px;display:flex;flex-direction:column;justify-content:space-around;padding:12px;position:relative}.pitch-row{display:flex;justify-content:space-around;gap:5px}.pitch-player{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;text-align:center;font-size:12px}.pitch-player span{background:#f5d24d;color:#17202a;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-weight:bold}.pitch-player b{background:#123b2bcc;border-radius:5px;padding:3px;overflow-wrap:anywhere}.privacy{max-width:850px;margin:auto}.privacy h2{margin-top:28px}.privacy p{line-height:1.7}@media(max-width:600px){.grid.two,.lineup-fields{grid-template-columns:1fr}.navin{flex-wrap:wrap;gap:12px}.links{gap:12px;font-size:14px}.hero h1{font-size:44px}.match{grid-template-columns:1fr auto 1fr}.score{font-size:26px}.account-tabs .cta{flex:1;text-align:center}.pitch{padding:7px}.pitch-player{font-size:10px}input,select,textarea{font-size:16px;max-width:100%;box-sizing:border-box}}

/* SCL editorial football identity */
:root{--bg:#f6f4fb;--panel:#ffffff;--panel2:#eae4f5;--text:#21133d;--muted:#685c7c;--accent:#bca4ff;--accent2:#bca4ff;--line:#e0d8ed;--good:#16613e;--bad:#b5263a}
body{background:var(--bg);color:var(--text)}.nav{background:#211047;color:#fff;border:0}.navin{height:auto;min-height:84px}.brand small{color:#cfc2e5}.brand img{border-radius:50%;background:#fff;padding:3px}.links{font-size:13px;color:#e6dcf8;gap:15px}.links a{padding:12px 0;transition:color .2s}.links a:hover{color:#bca4ff}.hero{background:#211047;color:#fff;padding:70px 0 80px;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 60%,#6135a566 60%);pointer-events:none}.hero-grid{position:relative;grid-template-columns:1.25fr .75fr}.kicker{color:#c6b2ef;letter-spacing:3px;font-size:12px}.hero h1{font-size:clamp(48px,6.9vw,92px);font-weight:950;line-height:.97;letter-spacing:-4px;margin:24px 0}.hero h1 em{font-style:normal;color:#bca4ff}.hero p{color:#cbbce0;font-size:16px;max-width:530px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.cta{background:#bca4ff;color:#21133d;border:1px solid transparent;border-radius:5px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-3px);box-shadow:0 7px 0 #0002}.secondary{background:transparent;border-color:#8e70b7;color:#fff}.hero-note{font-size:12px!important;letter-spacing:1px;margin-top:25px}.hero-logo{background:none;box-shadow:none;padding:30px 10px;text-align:center;display:grid;place-items:center;gap:24px}.crest-orbit{width:min(300px,100%);aspect-ratio:1;border:1px solid #9271c4;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 22px #c5a0ff09,0 0 0 45px #c5a0ff06;animation:crestFloat 7s ease-in-out infinite}.crest-orbit img{width:72%;border-radius:50%;background:#fff;padding:10px}.crest-label{letter-spacing:3px;font-size:12px;font-weight:800}.crest-sub{font-size:10px;color:#c9b5e6;letter-spacing:2px}.section{padding:56px 0}.section:nth-of-type(odd){background:#eee9f7}.section h2{font-size:clamp(28px,4vw,42px);letter-spacing:-1.5px;font-weight:900}.section-eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#80679f;margin-bottom:12px}.card{background:#fff;border:1px solid #e0d8ed;border-radius:8px;padding:24px;box-shadow:0 4px 0 #41206e05;transition:transform .25s,box-shadow .25s;animation:enter .45s ease-out both}.card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #41206e12}.card h3{letter-spacing:-.5px}.badge{background:#eee6fc;color:#592797;border-radius:3px;letter-spacing:1px;font-size:10px}.score,.match .score{color:#452078;font-variant-numeric:tabular-nums;white-space:nowrap}.match{display:grid;grid-template-columns:1fr auto 1fr}.match strong:last-child{text-align:right}.match strong{max-width:none}.tablewrap{border-radius:8px}th{background:#452078;color:#f0e7ff;font-size:11px;text-transform:uppercase;letter-spacing:1px}td{font-size:14px}tbody tr:hover{background:#f7f2ff}.news-poster{display:block;width:100%;max-height:500px;object-fit:contain;background:#f0eaf8;border-radius:4px;margin-bottom:20px}.news p{white-space:pre-line}.footer{background:#211047;color:#cfc2e5;padding:35px 0;margin-top:0;font-size:13px}.account-main{padding-top:40px;padding-bottom:60px}.account-main .muted{color:#685c7c}.account-main input,.account-main select,.account-main textarea{background:#fcfaff;color:#21133d;border-color:#dbcee9}.account-main label{color:#4b326c}.account-main .google-button{background:white;color:#452078;border-color:#dbcee9}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#bca4ff;padding:14px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #8654d1;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}section{scroll-margin-top:100px}.pitch{color:white}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes crestFloat{50%{transform:translateY(-10px)}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero{padding:42px 0}.hero-logo{display:none}.hero h1{letter-spacing:-2px}.section{padding:36px 0}.links{gap:12px;font-size:12px}.navin{padding-top:12px;padding-bottom:12px}.card{padding:20px}.hero-actions .cta{flex:1;justify-content:center}.grid{grid-template-columns:1fr}.match strong{font-size:13px}.brand small{font-size:9px}.section h2{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Purple and white SCL crest palette */
.cta{background:#6b35b7;color:#fff}.hero .cta{background:#bca4ff;color:#251142}.hero .secondary{background:transparent;color:#f3eaff;border-color:#8e70b7}.hero h1 em{color:#bca4ff}.crest-orbit{background:#ffffff08}.skip-link{background:#bca4ff;color:#251142}

.match-open:after{content:"";position:absolute;inset:0}.match-open:focus-visible:after{outline:3px solid #8451dd;outline-offset:3px}

.result-teams{align-items:start!important}.result-team{min-width:0}.team-scorers{margin-top:10px;font-size:13px;font-weight:400;line-height:1.5}.team-scorers p{margin:4px 0;overflow-wrap:anywhere}.team-scorers span{white-space:nowrap;font-weight:700}

.club-logo{border-radius:50%!important;object-fit:cover!important;object-position:center;aspect-ratio:1;background:#eee5ff;overflow:hidden;padding:0!important}.team-logo.club-logo{width:120px;height:120px}

.site-credit{margin:16px auto 0;padding:14px 20px 0;border-top:1px solid #dfd5ef;max-width:1160px;text-align:center;font-size:12px;letter-spacing:.03em;color:#716483;line-height:1.7}.site-credit strong{color:#6239b8;font-weight:700}

/* Match cards: SCL stadium display */
#matches,#previousMatches{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px}
#matches>.card,#previousMatches>.card{isolation:isolate;overflow:hidden;padding:26px;border:1px solid #a78ad95c;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#8052c24a,transparent 58%),linear-gradient(135deg,#251341,#160d2a);box-shadow:0 12px 32px #29104b20,inset 0 1px 0 #ffffff12;color:#f5efff}
#matches>.card:before,#previousMatches>.card:before{content:'';position:absolute;left:26px;right:26px;top:0;height:2px;background:linear-gradient(90deg,transparent,#bf9aff,transparent);pointer-events:none}
#matches>.card:after,#previousMatches>.card:after{content:'';position:absolute;right:-30px;top:-50px;width:180px;height:180px;border:1px solid #c5a4ff12;border-radius:50%;box-shadow:0 0 0 24px #b591ef06,0 0 0 48px #b591ef04;z-index:-1;pointer-events:none}
#matches .badge,#previousMatches .badge{border:1px solid #c5a4ff40;border-radius:6px;background:#c6a2ff16;color:#dec8ff;font-size:10px;letter-spacing:1.6px;padding:7px 10px}
#matches [data-status=live]{color:#fff;background:#965bee45;border-color:#bc8aff;box-shadow:0 0 18px #a66bff30}
#matches .result-teams,#previousMatches .result-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;margin-top:24px!important;padding-bottom:20px;border-bottom:1px solid #b390df2b}
#matches .result-team>strong,#previousMatches .result-team>strong{display:block;font-size:18px;line-height:1.3;letter-spacing:-.3px;color:#fff;overflow-wrap:anywhere}
#matches .result-team:last-child,#previousMatches .result-team:last-child{text-align:right}
#matches .score,#previousMatches .score{font-size:32px;line-height:1;font-weight:900;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;padding:14px 12px;border:1px solid #c8a5ff50;border-radius:12px;background:linear-gradient(145deg,#9d69e43b,#9d69e40c);box-shadow:inset 0 1px 0 #ffffff15,0 8px 22px #0002}
#matches .team-scorers,#previousMatches .team-scorers{margin-top:18px;font-size:12px;line-height:1.7;color:#d4c3e9}
#matches .team-scorers p,#previousMatches .team-scorers p{margin:6px 0}
#matches .team-scorers span,#previousMatches .team-scorers span{color:#e6cfff}
#matches .team-scorers small,#previousMatches .team-scorers small{display:block;color:#bda9d4;font-size:11px}
#matches .meta,#previousMatches .meta{color:#beaed2;font-size:12px;line-height:1.6;margin-top:12px}
#matches [data-clock],#previousMatches [data-clock]{font-variant-numeric:tabular-nums;color:#eadbff;font-weight:700}
#matches .goal-scorers,#matches .match-cards,#previousMatches .match-cards{font-size:13px;color:#dfd0ef;line-height:1.65}
#matches .cta{display:flex;justify-content:center;margin-top:20px;border:1px solid #bf99f8;background:linear-gradient(110deg,#7540bc,#9c66e0);border-radius:10px;color:#fff;min-height:48px;font-size:14px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#matches>.card,#previousMatches>.card{transition:transform .2s,border-color .2s,box-shadow .2s}#matches>.card:hover,#previousMatches>.card:hover{transform:translateY(-3px);border-color:#aa7deb;box-shadow:0 18px 38px #29104b30}}
@media(max-width:800px){#matches,#previousMatches{grid-template-columns:1fr;gap:16px}#matches>.card,#previousMatches>.card{padding:20px;border-radius:18px}#matches .result-teams,#previousMatches .result-teams{gap:10px}#matches .result-team>strong,#previousMatches .result-team>strong{font-size:15px}#matches .score,#previousMatches .score{font-size:28px;padding:12px 9px}}
@media(max-width:360px){#matches .score,#previousMatches .score{font-size:23px}#matches .result-team>strong,#previousMatches .result-team>strong{font-size:13px}}

/* Frame Tanki's existing crest without the poster's outer background. */
img[src="/team-logo/11?v=1790868301528"]{object-position:9999px 9999px!important;background-image:url('/team-logo/11?v=1790868301528');background-size:150% 150%;background-position:50% 72%;background-repeat:no-repeat;border-radius:50%;padding:0!important}
