:root {
  --green: #062d24;
  --green-2: #0b4b3b;
  --gold: #e5b84b;
  --gold-2: #f5d88e;
  --ink: #17211f;
  --muted: #65706d;
  --cream: #f7f4ec;
  --line: #dce2de;
}

* { box-sizing: border-box; }
html { background: #f6f7f3; }
body { min-height: 100vh; font-family: "DM Sans", sans-serif; color: var(--ink); background: radial-gradient(circle at 8% 18%,rgba(229,184,75,.16),transparent 28%),radial-gradient(circle at 92% 74%,rgba(20,132,93,.13),transparent 30%),#fcfcfa; background-size: 145% 145%; animation: ambient-shift 18s ease-in-out infinite alternate; }
main { position: relative; isolation: isolate; overflow: clip; animation: page-morph-in .62s cubic-bezier(.2,.8,.2,1) both; }
main::before, main::after { content: ""; position: fixed; z-index: 0; width: min(38vw,520px); aspect-ratio: 1; pointer-events: none; filter: blur(8px); opacity: .2; }
main::before { top: 12vh; left: -12vw; background: radial-gradient(circle,var(--gold),transparent 66%); animation: blob-morph 16s ease-in-out infinite alternate; }
main::after { right: -10vw; bottom: 5vh; background: radial-gradient(circle,#2fba82,transparent 68%); animation: blob-morph 20s ease-in-out -6s infinite alternate-reverse; }
main > * { position: relative; z-index: 1; }
.navbar { background: rgba(6,45,36,.92); padding: 1rem 0; backdrop-filter: blur(18px); }
.navbar-brand { font: 800 .95rem "Manrope"; letter-spacing: .08em; }
.brand-mark { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); margin-right: .55rem; }
.nav-link { font-size: .9rem; }
.btn { font-weight: 700; border-radius: .55rem; transition: transform .22s ease,border-radius .22s ease,box-shadow .22s ease,background-color .22s ease; }
.btn:hover { transform: translateY(-2px); border-radius: 1rem .55rem; box-shadow: 0 10px 24px rgba(6,45,36,.13); }
.btn-gold { background: var(--gold); border-color: var(--gold); color: #18221f; }
.btn-gold:hover { background: var(--gold-2); border-color: var(--gold-2); }
.hero { background: radial-gradient(circle at 78% 18%, rgba(229,184,75,.17), transparent 30%), linear-gradient(135deg,#07352a,#041e19); background-size: 150% 150%; color: white; min-height: 680px; display: flex; align-items: center; animation: hero-drift 14s ease-in-out infinite alternate; }
.py-lg-7 { padding-top: 6rem !important; padding-bottom: 6rem !important; }
.eyebrow { font: 700 .72rem "Manrope"; letter-spacing: .18em; color: var(--gold); }
.eyebrow.dark { color: #8a671d; }
.hero h1, .page-hero h1 { font: 800 clamp(2.8rem,6vw,5.7rem)/1.02 "Manrope"; letter-spacing: -.055em; margin-top: 1rem; }
.hero h1 span { color: var(--gold-2); }
.hero .lead { max-width: 690px; color: #cfdbd7; }
.trust-row { display: flex; flex-wrap: wrap; gap: 1.2rem; color: #a9bbb5; font-size: .82rem; }
.home-hero__showcase { display: grid; gap: 1rem; }
.highest-accuracy-card { position: relative; display: flex; overflow: hidden; align-items: center; justify-content: space-between; gap: 1rem; min-height: 104px; padding: 1.1rem 1.3rem; border: 1px solid rgba(245,216,142,.38); border-radius: 1rem; color: white; background: radial-gradient(circle at 92% 10%,rgba(245,216,142,.24),transparent 42%),linear-gradient(135deg,rgba(6,45,36,.96),rgba(10,82,63,.9)); box-shadow: 0 18px 48px rgba(0,0,0,.22); backdrop-filter: blur(12px); animation: highest-accuracy-arrive .72s cubic-bezier(.2,.78,.2,1) both; }
.highest-accuracy-card::after { content: ""; position: absolute; width: 90px; height: 90px; right: -32px; bottom: -48px; border: 1px solid rgba(245,216,142,.28); border-radius: 50%; box-shadow: 0 0 0 18px rgba(245,216,142,.035); }
.highest-accuracy-card small, .highest-accuracy-card strong { position: relative; z-index: 1; display: block; }
.highest-accuracy-card small { max-width: 150px; color: var(--gold-2); font: 800 .62rem/1.35 "Manrope"; letter-spacing: .13em; }
.highest-accuracy-card strong { color: white; font: 800 2.8rem/1 "Manrope"; letter-spacing: -.055em; text-shadow: 0 0 24px rgba(245,216,142,.2); }
.signal-card { background: rgba(248,247,241,.96); color: var(--ink); border-radius: 1rem; padding: 1.5rem; box-shadow: 0 24px 80px rgba(0,0,0,.3); animation: signal-float 6s ease-in-out infinite; backdrop-filter: blur(12px); }
.signal-id { font-size: .7rem; letter-spacing: .14em; font-weight: 700; }
.live-dot { font-size: .68rem; background: #e9e2c7; color: #755813; padding: .28rem .55rem; border-radius: 99px; }
.matchup { display: grid; grid-template-columns: 1fr auto 1fr; text-align: center; align-items: center; gap: 1rem; }
.matchup b { display: grid; place-items: center; margin: auto; width: 78px; height: 78px; border-radius: 50%; background: var(--green); color: white; font: 800 1.4rem "Manrope"; }
.matchup small { display: block; margin-top: .7rem; }
.prob-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; }
.prob-grid div { background: white; border: 1px solid var(--line); padding: 1rem; text-align: center; border-radius: .65rem; }
.prob-grid .active { background: var(--gold-2); border-color: var(--gold); }
.prob-grid small, .prob-grid strong { display: block; }
.prob-grid strong { font: 800 1.55rem "Manrope"; }
.risk-line { border-top: 1px solid var(--line); padding-top: 1rem; display: flex; justify-content: space-between; }
.expected-goals { display: grid; grid-template-columns: 1fr auto 1fr; gap: .7rem; align-items: center; padding: .9rem; color: white; background: linear-gradient(135deg,var(--green),var(--green-2)); border-radius: .75rem; }
.expected-goals div:first-child { text-align: left; }
.expected-goals div:last-child { text-align: right; }
.expected-goals small, .expected-goals strong { display: block; }
.expected-goals small { color: #bcd0c9; font-size: .55rem; font-weight: 800; letter-spacing: .08em; }
.expected-goals strong { margin-top: .18rem; color: var(--gold-2); font: 800 1.35rem "Manrope"; }
.expected-goals > span { color: #dce9e4; font-size: .55rem; font-weight: 800; letter-spacing: .08em; text-align: center; }
.section-pad { padding: 6rem 0; }
.surface { background: var(--cream); }
.section-heading h2 { font: 800 clamp(2rem,4vw,3.5rem) "Manrope"; letter-spacing: -.04em; max-width: 700px; }
.info-card, .plan-mini, .price-card, .panel, .account-card, .prediction-card { height: 100%; background: rgba(255,255,255,.94); border: 1px solid var(--line); border-radius: .85rem; padding: 1.6rem; transition: transform .3s ease,border-radius .3s ease,box-shadow .3s ease; }
.info-card:hover, .plan-mini:hover, .price-card:hover, .prediction-card:hover { transform: translateY(-5px); border-radius: 1.5rem .75rem; box-shadow: 0 18px 42px rgba(6,45,36,.1); }
.info-card > span { font: 800 2.4rem "Manrope"; color: #d4c28e; }
.info-card h3 { font: 700 1.25rem "Manrope"; margin-top: 2rem; }
.info-card p, .plan-mini p, .price-card p { color: var(--muted); }
.plan-mini small, .plan-mini strong, .plan-mini span { display: block; }
.plan-mini strong { font: 800 2rem "Manrope"; margin-top: 1rem; }
.plan-mini.recommended { background: var(--green); color: white; border-color: var(--green); }
.plan-mini.recommended p { color: #bdcec8; }
.text-link { font-weight: 700; color: var(--green); }
.site-footer { border-top: 1px solid var(--line); }
.page-hero { background: radial-gradient(circle at 80% 20%,rgba(229,184,75,.18),transparent 26%),linear-gradient(135deg,var(--green),#0a4235); background-size: 150% 150%; color: white; padding: 7rem 0 6rem; animation: hero-drift 14s ease-in-out infinite alternate; }
.page-hero h1 { font-size: clamp(2.7rem,6vw,5rem); max-width: 950px; }
.page-hero p { max-width: 750px; color: #c8d7d2; font-size: 1.2rem; }
.price-card { position: relative; padding: 2rem; overflow: hidden; }
.price-card.featured { border: 2px solid var(--gold); transform: translateY(-10px); }
.ribbon { position: absolute; right: -39px; top: 26px; transform: rotate(45deg); background: var(--gold); padding: .3rem 2.7rem; font-size: .62rem; font-weight: 800; }
.price { font: 800 3.4rem "Manrope"; margin-top: 1.3rem; }
.price sup { font-size: .8rem; top: -1.8em; margin-right: .4rem; }
.price-card ul { list-style: none; padding: 0; margin: 2rem 0; }
.price-card li { padding: .5rem 0; border-bottom: 1px solid #edf0ee; font-size: .88rem; }
.price-card li::before { content: "✓"; color: #16805f; margin-right: .5rem; }
.timeline { max-width: 850px; }
.timeline article { display: grid; grid-template-columns: 90px 1fr; gap: 2rem; padding: 2rem 0; border-bottom: 1px solid var(--line); }
.timeline article > b { font: 800 2.8rem "Manrope"; color: #d4c28e; }
.timeline h3 { font: 700 1.4rem "Manrope"; }
.timeline p { color: var(--muted); }
.metric-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 1rem; }
.metric-grid > div { background: white; border: 1px solid var(--line); padding: 1.5rem; border-radius: .8rem; }
.metric-grid small, .metric-grid b { display: block; }
.metric-grid small { font-size: .68rem; letter-spacing: .12em; color: var(--muted); }
.metric-grid b { font: 800 2.2rem "Manrope"; margin-top: .4rem; }
.performance-hero { position: relative; overflow: hidden; color: white; background: radial-gradient(circle at 80% 20%,rgba(229,184,75,.22),transparent 24%), linear-gradient(125deg,#041c17 0%,#073a2f 58%,#0a523f 100%); background-size: 150% 150%; animation: hero-drift 14s ease-in-out infinite alternate; }
.performance-hero::after { content: ""; position: absolute; width: 520px; height: 520px; right: -130px; bottom: -330px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018); }
.performance-hero__inner { position: relative; z-index: 1; min-height: 520px; display: flex; align-items: center; justify-content: space-between; gap: 4rem; padding-top: 5.5rem; padding-bottom: 5.5rem; }
.performance-hero h1 { max-width: 780px; margin: 1rem 0 1.25rem; font: 800 clamp(3rem,6vw,5.7rem)/.98 "Manrope"; letter-spacing: -.06em; }
.performance-hero p { max-width: 710px; margin: 0; color: #c9dad4; font-size: 1.08rem; }
.performance-hero__trust { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.8rem; }
.performance-hero__trust span { padding: .45rem .7rem; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; color: #d8e3df; background: rgba(255,255,255,.06); font-size: .68rem; font-weight: 700; }
.performance-hero__stats { display: grid; flex: 0 0 280px; gap: .9rem; }
.performance-hero__score { padding: 1.6rem; border: 1px solid rgba(255,255,255,.18); border-radius: 1.2rem; background: rgba(2,22,17,.45); box-shadow: 0 26px 70px rgba(0,0,0,.2); backdrop-filter: blur(12px); }
.performance-hero__score small, .performance-hero__score strong, .performance-hero__score span, .performance-hero__score b { display: block; }
.performance-hero__score small { color: var(--gold-2); font-size: .65rem; font-weight: 800; letter-spacing: .12em; }
.performance-hero__score strong { margin-top: .75rem; font: 800 4rem/1 "Manrope"; }
.performance-hero__score span { margin-top: .65rem; color: #bcd0c9; font-size: .75rem; }
.performance-hero__score .trend { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.12); color: #78e7ad; font-size: .76rem; }
.performance-hero__score .trend--below { color: #f3bf86; }
.performance-section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 3rem; margin-bottom: 2rem; }
.performance-section-head h2 { max-width: 780px; margin: .7rem 0 .5rem; font: 800 clamp(2.3rem,4vw,3.8rem)/1.05 "Manrope"; letter-spacing: -.05em; }
.performance-section-head p { max-width: 760px; margin: 0; color: var(--muted); }
.goals-performance { background: rgba(247,249,246,.86); }
.goals-rule { flex: 0 0 auto; display: flex; gap: .55rem; align-items: center; padding: .8rem 1rem; border: 1px solid rgba(6,45,36,.12); border-radius: 99px; background: rgba(255,255,255,.9); box-shadow: 0 10px 30px rgba(6,45,36,.07); font-size: .72rem; }
.goals-rule b { color: #8b9892; }
.goals-rule strong { color: #0c744b; }
.goals-ledger { display: grid; gap: .75rem; }
.goals-result { display: grid; grid-template-columns: minmax(280px,1fr) 105px 120px 95px 90px; gap: 1rem; align-items: center; padding: 1rem 1.1rem; border: 1px solid var(--line); border-left: 5px solid #aeb9b4; border-radius: .85rem; background: rgba(255,255,255,.94); box-shadow: 0 10px 28px rgba(6,45,36,.055); transition: transform .24s ease,border-radius .24s ease,box-shadow .24s ease; }
.goals-result:hover { transform: translateX(5px); border-radius: .85rem 1.6rem; box-shadow: 0 16px 36px rgba(6,45,36,.09); }
.goals-result--accurate { border-left-color: #16845d; }
.goals-result--missed { border-left-color: #b35b42; }
.goals-result small, .goals-result strong { display: block; }
.goals-result small { color: var(--muted); font-size: .56rem; font-weight: 800; letter-spacing: .08em; }
.goals-result strong { margin-top: .25rem; font: 800 .92rem "Manrope"; }
.goals-result__match strong { font-size: 1rem; }
.goals-result__match strong span { color: #89948f; font: 500 .65rem "DM Sans"; text-transform: uppercase; }
.goals-result > b { justify-self: end; padding: .38rem .55rem; border-radius: 99px; color: #713c2e; background: #f8e1da; font-size: .58rem; letter-spacing: .05em; }
.goals-result--accurate > b { color: #0c623e; background: #d9f2e4; }
.history-controls { display: flex; gap: .4rem; padding: .35rem; border: 1px solid var(--line); border-radius: .7rem; background: white; }
.history-controls button { white-space: nowrap; padding: .55rem .75rem; border: 0; border-radius: .45rem; color: #59645f; background: transparent; font-size: .72rem; font-weight: 700; }
.history-controls button.active { color: white; background: var(--green); }
.benchmark-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; margin: 2.2rem 0 2.5rem; }
.benchmark-metrics article { padding: 1.35rem; border: 1px solid var(--line); border-radius: .9rem; background: white; }
.benchmark-metrics small, .benchmark-metrics strong, .benchmark-metrics span { display: block; }
.benchmark-metrics small { color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .12em; }
.benchmark-metrics strong { margin-top: .65rem; font: 800 2.25rem/1 "Manrope"; }
.benchmark-metrics span { margin-top: .45rem; color: var(--muted); font-size: .7rem; }
.benchmark-metrics__lift { color: white; border-color: var(--green) !important; background: linear-gradient(135deg,var(--green),var(--green-2)) !important; }
.benchmark-metrics__lift small, .benchmark-metrics__lift span { color: #c7d8d2; }
.benchmark-metrics__lift strong { color: #7ce6ac; }
.benchmark-metrics--three { grid-template-columns: repeat(3,1fr); }
.season-matrix-panel { position: relative; overflow: hidden; margin: 2.2rem 0 2.6rem; padding: 1.5rem; color: #f4fbf8; border: 1px solid rgba(115,229,180,.16); border-radius: 1.25rem; background: radial-gradient(circle at 12% 0,rgba(31,139,101,.28),transparent 28%),radial-gradient(circle at 100% 12%,rgba(75,102,198,.24),transparent 24%),linear-gradient(145deg,#041511 0%,#08251d 54%,#061913 100%); box-shadow: 0 24px 55px rgba(1,20,15,.22); }
.season-matrix-panel::before { content: ""; position: absolute; inset: 0; opacity: .16; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom,#000,transparent 62%); }
.season-matrix-panel__head { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 2rem; padding: .2rem .15rem 1.35rem; }
.season-matrix-panel__head > div:first-child > span { color: #78e6ae; font-size: .58rem; font-weight: 900; letter-spacing: .16em; }
.season-matrix-panel__head h3 { margin: .45rem 0 .45rem; color: white; font: 800 clamp(1.55rem,3vw,2.35rem)/1.08 "Manrope"; letter-spacing: -.045em; }
.season-matrix-panel__head p { max-width: 680px; margin: 0; color: #a8c2b9; font-size: .72rem; }
.season-matrix-rings { display: flex; align-items: center; gap: .85rem; }
.season-matrix-ring { position: relative; display: grid; place-items: center; width: 112px; height: 112px; flex: 0 0 112px; border-radius: 50%; background: conic-gradient(var(--ring-color) calc(var(--ring-value) * 1%),rgba(255,255,255,.09) 0); box-shadow: 0 0 32px color-mix(in srgb,var(--ring-color) 16%,transparent); animation: matrix-ring-arrive .8s cubic-bezier(.2,.75,.2,1) both; }
.season-matrix-ring::before { content: ""; position: absolute; inset: 10px; border-radius: 50%; background: #09221b; box-shadow: inset 0 0 18px rgba(0,0,0,.28); }
.season-matrix-ring > div { position: relative; z-index: 1; text-align: center; }
.season-matrix-ring strong, .season-matrix-ring span { display: block; }
.season-matrix-ring strong { color: white; font: 800 1.15rem/1 "Manrope"; }
.season-matrix-ring span { margin-top: .3rem; color: #93ada4; font-size: .5rem; }
.season-matrix-legend { position: relative; display: flex; flex-wrap: wrap; gap: .55rem 1.1rem; padding: .8rem 0 1rem; border-top: 1px solid rgba(255,255,255,.08); }
.season-matrix-legend > span { display: flex; align-items: center; gap: .4rem; color: #a9beb7; font-size: .58rem; }
.season-matrix-dot { width: 8px; height: 8px; border-radius: 50%; background: #5de5a7; box-shadow: 0 0 9px currentColor; }
.season-matrix-dot--epl { background: #ffc84b; }
.season-matrix-dot--ucl { background: #7693ff; }
.season-matrix-dot--goals { background: #ff7b54; }
.season-matrix-scroll { position: relative; overflow-x: auto; padding-bottom: .3rem; scrollbar-color: rgba(115,229,180,.35) rgba(255,255,255,.05); }
.season-matrix { min-width: calc(120px + var(--matrix-columns) * 175px); }
.season-matrix__row { display: grid; grid-template-columns: 105px repeat(var(--matrix-columns),minmax(155px,1fr)); border-top: 1px solid rgba(255,255,255,.075); }
.season-matrix__row--header { border: 0; border-radius: .65rem; background: rgba(255,255,255,.055); }
.season-matrix__row--header > span { display: flex; min-height: 54px; align-items: center; justify-content: center; flex-direction: column; gap: .2rem; padding: .7rem; color: #dce9e4; border-left: 1px solid rgba(255,255,255,.055); text-align: center; }
.season-matrix__row--header > span:first-child { align-items: flex-start; border-left: 0; color: #8da69d; }
.season-matrix__row--header b { font: 700 .62rem "Manrope"; }
.season-matrix__row--header small { color: #738d84; font-size: .48rem; font-weight: 800; letter-spacing: .1em; }
.season-matrix__season { display: flex; min-height: 95px; justify-content: center; flex-direction: column; padding: .85rem .65rem; }
.season-matrix__season small, .season-matrix__season strong { display: block; }
.season-matrix__season small { color: #668078; font-size: .46rem; font-weight: 800; letter-spacing: .12em; }
.season-matrix__season strong { margin-top: .25rem; color: #f0f8f5; font: 800 1rem "Manrope"; }
.season-matrix__cell { --matrix-color: #5de5a7; display: flex; min-width: 0; min-height: 95px; justify-content: center; flex-direction: column; gap: .55rem; padding: .8rem; border-left: 1px solid rgba(255,255,255,.055); transition: background .22s ease; }
.season-matrix__cell:hover { background: rgba(255,255,255,.035); }
.season-matrix__cell--epl { --matrix-color: #ffc84b; }
.season-matrix__cell--ucl { --matrix-color: #7693ff; }
.season-matrix__cell--over-x { --matrix-color: #ff7b54; }
.season-matrix__value { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; }
.season-matrix__value strong { color: var(--matrix-color); font: 800 1.02rem "Manrope"; }
.season-matrix__value > span { color: #789087; font-size: .51rem; }
.season-matrix__bar { height: 7px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.08); }
.season-matrix__bar > span { position: relative; display: block; width: var(--matrix-value); height: 100%; overflow: hidden; border-radius: inherit; background: linear-gradient(90deg,var(--matrix-color),color-mix(in srgb,var(--matrix-color) 58%,white)); box-shadow: 0 0 13px color-mix(in srgb,var(--matrix-color) 38%,transparent); transform-origin: left; animation: matrix-bar-rise .95s cubic-bezier(.2,.72,.2,1) both; }
.season-matrix__bar > span::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg,transparent 5%,rgba(255,255,255,.65) 48%,transparent 78%); transform: translateX(-120%); animation: matrix-bar-glint 3.2s ease-in-out 1s infinite; }
.season-matrix__league-chips { display: flex; overflow: hidden; flex-wrap: wrap; gap: .25rem; }
.season-matrix__league-chips > span { overflow: hidden; max-width: 100%; padding: .2rem .3rem; color: #b5c8c1; border: 1px solid rgba(255,123,84,.2); border-radius: 99px; background: rgba(255,123,84,.07); font-size: .43rem; text-overflow: ellipsis; white-space: nowrap; }
.season-matrix__league-chips b { color: #ff9a7d; }
.season-matrix__cell--empty { align-items: flex-start; gap: .25rem; opacity: .58; }
.season-matrix__dash { color: #587068; font: 700 1.25rem "Manrope"; }
.season-matrix__pending { color: #71877f; font-size: .49rem; }
.season-matrix-panel__foot { position: relative; display: flex; flex-wrap: wrap; gap: .5rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.08); }
.season-matrix-panel__foot span { padding: .3rem .48rem; color: #91aaa1; border: 1px solid rgba(255,255,255,.08); border-radius: 99px; background: rgba(255,255,255,.035); font-size: .5rem; }
@keyframes matrix-ring-arrive { from { opacity: 0; transform: scale(.74) rotate(-25deg); } to { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes matrix-bar-rise { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes matrix-bar-glint { 0%,52% { transform: translateX(-120%); } 78%,100% { transform: translateX(120%); } }
.performance-table-wrap { margin: 1.5rem 0 2.5rem; overflow-x: auto; border: 1px solid var(--line); border-radius: 1rem; background: white; box-shadow: 0 14px 38px rgba(6,45,36,.06); }
.performance-season-table { min-width: 840px; margin: 0; vertical-align: middle; }
.performance-season-table caption { padding: 1rem 1.15rem .65rem; color: var(--green); font: 800 .78rem "Manrope"; caption-side: top; }
.performance-season-table thead th { padding: .8rem 1rem; color: #68756f; background: #edf2ef; border-bottom-color: #d9e1dc; font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }
.performance-season-table tbody th, .performance-season-table tbody td { padding: .85rem 1rem; border-color: #e5ebe8; font-size: .75rem; }
.performance-season-table tbody th { color: var(--green); font: 800 .82rem "Manrope"; }
.performance-season-table td strong { font: 800 1rem "Manrope"; }
.performance-season-table td small { margin-left: .35rem; color: var(--muted); }
.performance-season-table__general { background: #f2f7f4; }
.performance-classification { display: inline-block; padding: .28rem .45rem; color: white; background: var(--green); border-radius: 99px; font-size: .52rem; font-weight: 900; letter-spacing: .08em; }
.performance-classification--league { color: #745509; background: #f3d987; }
.performance-subhead { margin: 2.5rem 0 1rem; font: 800 1.45rem "Manrope"; }
.performance-history { border-top: 1px solid var(--line); background: rgba(242,246,243,.92); }
.history-season-groups { display: grid; gap: 1.25rem; margin: 2.5rem 0; }
.history-season-group { position: relative; overflow: hidden; padding: 1.35rem; border: 1px solid rgba(8,63,49,.14); border-radius: 1.2rem; background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,248,245,.96)); box-shadow: 0 18px 45px rgba(6,45,36,.075); }
.history-season-group::before { content: ""; position: absolute; width: 260px; height: 260px; right: -150px; top: -175px; border-radius: 50%; background: radial-gradient(circle,rgba(229,184,75,.18),transparent 68%); pointer-events: none; }
.history-season-group__head { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .15rem .1rem 1rem; }
.history-season-group__head span { color: var(--muted); font-size: .58rem; font-weight: 800; letter-spacing: .14em; }
.history-season-group__head h3 { margin: .2rem 0 0; color: var(--green); font: 800 1.8rem/1 "Manrope"; letter-spacing: -.04em; }
.history-season-group__head p { display: flex; align-items: center; gap: .4rem; margin: 0; color: var(--muted); font-size: .66rem; }
.history-season-group__head p strong { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: white; background: var(--green); font: 800 .72rem "Manrope"; }
.history-season-metrics { position: relative; display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: .85rem; }
.history-metric { --metric-color: #138054; --metric-soft: rgba(19,128,84,.11); position: relative; overflow: hidden; min-width: 0; padding: 1.05rem; border: 1px solid color-mix(in srgb,var(--metric-color) 22%,white); border-radius: .9rem; background: linear-gradient(150deg,#fff 45%,var(--metric-soft)); transition: transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.history-metric:hover { transform: translateY(-3px); border-color: color-mix(in srgb,var(--metric-color) 42%,white); box-shadow: 0 14px 30px color-mix(in srgb,var(--metric-color) 13%,transparent); }
.history-metric--epl { --metric-color: #bb8520; --metric-soft: rgba(229,184,75,.16); }
.history-metric--ucl { --metric-color: #536cc5; --metric-soft: rgba(83,108,197,.13); }
.history-metric[hidden] { display: none; }
.history-metric__topline { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.history-metric__topline > b { color: var(--metric-color); font-size: .57rem; letter-spacing: .09em; }
.history-metric__title { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: .8rem; margin-top: 1.3rem; }
.history-metric__title small { color: var(--muted); font-size: .52rem; font-weight: 800; letter-spacing: .1em; }
.history-metric__title h4 { min-height: 2.35em; margin: .25rem 0 0; font: 750 .88rem/1.18 "Manrope"; }
.history-metric__title > strong { color: var(--metric-color); font: 800 1.75rem/1 "Manrope"; letter-spacing: -.04em; }
.history-metric__bar { height: 11px; margin-top: 1rem; overflow: hidden; border-radius: 99px; background: color-mix(in srgb,var(--metric-color) 12%,white); box-shadow: inset 0 1px 2px rgba(0,0,0,.08); }
.history-metric__bar span { position: relative; display: block; width: var(--history-value); height: 100%; overflow: hidden; border-radius: inherit; background: linear-gradient(90deg,var(--metric-color),color-mix(in srgb,var(--metric-color) 62%,#fff)); transform-origin: left; animation: history-bar-rise .9s cubic-bezier(.2,.72,.25,1) both; }
.history-metric__bar span::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg,transparent 15%,rgba(255,255,255,.55) 45%,transparent 72%); transform: translateX(-115%); animation: history-bar-shine 2.8s ease-in-out 1s infinite; }
.history-metric__details { display: flex; justify-content: space-between; gap: .8rem; margin-top: .65rem; color: var(--muted); font-size: .57rem; }
.history-metric__details b { color: var(--ink); }
.history-metric__details span:last-child { text-align: right; }
@keyframes history-bar-rise { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes history-bar-shine { 0%,45% { transform: translateX(-115%); } 70%,100% { transform: translateX(115%); } }
.benchmark-note { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; margin-top: 1rem; }
.benchmark-note > div { padding: 1.15rem; border-radius: .8rem; background: #eef3f0; }
.benchmark-note strong { font: 700 .8rem "Manrope"; }
.benchmark-note p { margin: .4rem 0 0; color: #66716d; font-size: .72rem; }
.source-audit { margin-top: 1rem; border: 1px solid var(--line); border-radius: .8rem; background: white; }
.source-audit summary { padding: 1rem 1.15rem; cursor: pointer; font-size: .75rem; font-weight: 800; }
.source-audit__body { padding: 0 1.15rem 1.15rem; color: var(--muted); font-size: .72rem; }
.source-audit__body ul { columns: 2; padding-left: 1.1rem; }
.source-audit__body a { color: var(--green-2); }
.live-performance { border-top: 1px solid var(--line); background: #f1f4f1; }
.performance-section-head--live { align-items: center; }
.ledger-state { flex: 0 0 auto; padding: .6rem .85rem; border-radius: 99px; color: #0c6d3d; background: #d8f1e2; font-size: .72rem; font-weight: 800; }
.ledger-state--failed { color: #8a2d22; background: #f8ddd9; }
.metric-grid--performance { grid-template-columns: repeat(4,1fr); }
.metric-grid--performance > div { min-height: 132px; }
.ledger-explainer { display: flex; align-items: center; gap: .65rem 1.3rem; margin-top: 1rem; padding: 1rem 1.2rem; border-radius: .75rem; background: white; }
.ledger-explainer span { color: var(--muted); font-size: .72rem; }
.ledger-explainer strong { margin-right: 1rem; font: 700 .85rem "Manrope"; }
.sample-warning { display: flex; gap: .8rem; margin-top: 1rem; padding: 1rem 1.2rem; border: 1px solid #efd383; border-radius: .75rem; color: #76550a; background: #fff5d7; font-size: .78rem; }
.performance-ledger { min-width: 1050px; background: white; }
.performance-ledger th { color: var(--muted); font-size: .62rem; letter-spacing: .06em; }
.performance-ledger td { font-size: .72rem; }
.performance-ledger .empty-ledger { padding: 2rem; color: var(--muted); text-align: center; }
.empty-state { text-align: center; padding: 3rem; color: var(--muted); }
.dashboard-shell { background: #f3f5f2; min-height: 70vh; }
.dashboard-title { font: 800 clamp(2.2rem,5vw,4rem) "Manrope"; letter-spacing: -.05em; }
.account-card { background: var(--green); color: white; }
.account-card > small { color: var(--gold); letter-spacing: .12em; }
.account-card h2 { font: 800 2.2rem "Manrope"; margin-top: 1rem; }
.account-card p { color: #bed0ca; }
.status-pill { display: inline-block; background: #ccebd7; color: #135a36; border-radius: 99px; padding: .35rem .7rem; font-size: .68rem; font-weight: 800; }
.panel-head, .signal-row { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.panel-head { padding-bottom: 1rem; border-bottom: 1px solid var(--line); }
.panel-head h3 { font: 700 1.15rem "Manrope"; margin: 0; }
.panel-head span, .signal-row small { font-size: .76rem; color: var(--muted); }
.signal-row { padding: 1rem 0; border-bottom: 1px solid #edf0ee; }
.signal-row:last-child { border: 0; }
.signal-row small, .signal-row b, .signal-row span, .signal-row strong { display: block; }
.signal-row > div:last-child { text-align: right; }
.prediction-card > div:first-child span { font-size: .7rem; background: #e7eee9; padding: .3rem .6rem; border-radius: 99px; font-weight: 800; }
.prediction-card h3 { font: 700 1.4rem "Manrope"; margin-top: 1.5rem; }
.prediction-card h3 em { font: 400 .8rem sans-serif; color: var(--muted); }
.prediction-card > p { color: var(--muted); font-size: .85rem; }
.pick { background: var(--cream); padding: 1rem; border-radius: .6rem; }
.pick small, .pick b, .pick span { display: block; }
.pick b { font: 800 1.5rem "Manrope"; }
.pick span { font-size: .8rem; color: var(--muted); }
.auth-shell { min-height: 75vh; display: grid; place-items: center; background: var(--cream); padding: 3rem 1rem; }
.auth-card { background: white; border: 1px solid var(--line); padding: 2.5rem; border-radius: 1rem; max-width: 480px; width: 100%; }
.auth-card h1 { font: 800 2.7rem "Manrope"; }
.auth-card label { display: block; font-weight: 700; font-size: .85rem; }
.auth-card input, .auth-card select { width: 100%; padding: .8rem; border: 1px solid var(--line); border-radius: .5rem; }
.auth-card small { display: block; color: var(--muted); margin-top: 1rem; }
.helptext, .auth-card li { font-size: .75rem; color: var(--muted); }
.paybill-shell { min-height: 76vh; color: #effaf6; background: radial-gradient(circle at 12% 8%,rgba(38,167,113,.22),transparent 28%),radial-gradient(circle at 92% 78%,rgba(238,190,56,.18),transparent 30%),linear-gradient(145deg,#031b14,#0a3528 55%,#061f18); }
.paybill-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.2rem; max-width: 1050px; margin: 0 auto; }
.paybill-card { padding: clamp(1.45rem,3vw,2.4rem); border: 1px solid rgba(255,255,255,.14); border-radius: 1.2rem; color: #10231d; background: rgba(255,255,255,.96); box-shadow: 0 24px 60px rgba(0,0,0,.18); }
.paybill-card--primary { color: #f5fffb; background: linear-gradient(140deg,rgba(8,70,52,.98),rgba(4,37,28,.98)); }
.paybill-card--claim { grid-column: 1/-1; max-width: 720px; width: 100%; justify-self: center; }
.paybill-card h1,.paybill-card h2 { margin: .5rem 0 .8rem; font-family: "Manrope"; font-weight: 800; letter-spacing: -.035em; }
.paybill-card h1 { font-size: clamp(2rem,4vw,3.6rem); }
.paybill-card h2 { font-size: clamp(1.5rem,3vw,2.25rem); }
.paybill-lead,.paybill-private { color: #b9d2c8; }
.paybill-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; margin: 1.4rem 0; }
.paybill-facts div { padding: .9rem; border: 1px solid rgba(255,255,255,.13); border-radius: .75rem; background: rgba(255,255,255,.06); }
.paybill-facts dt { color: #9fc1b4; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.paybill-facts dd { margin: .2rem 0 0; color: #fff; font: 800 clamp(1.2rem,2.4vw,1.8rem) "Manrope"; overflow-wrap: anywhere; }
.paybill-expiry,.paybill-merchant { margin: 0; padding: .75rem .9rem; border-radius: .65rem; background: rgba(238,190,56,.14); }
.paybill-steps { display: grid; gap: .78rem; padding-left: 1.25rem; }
.receipt-form { display: grid; gap: .7rem; }
.receipt-entry summary { display: block; padding: .95rem 1.1rem; border-radius: .65rem; color: #10231d; background: #e7b72b; cursor: pointer; font-weight: 900; text-align: center; }
.receipt-entry summary::-webkit-details-marker { display: none; }
.receipt-entry__body { padding-top: 1rem; }
.receipt-form label { font-weight: 800; }
.receipt-form input { width: 100%; padding: 1rem; border: 2px solid #cfdcd6; border-radius: .65rem; font: 800 1.35rem "Manrope"; letter-spacing: .12em; text-transform: uppercase; }
.receipt-form input:focus { outline: 3px solid rgba(231,183,43,.26); border-color: #c69714; }
.payment-state { display: inline-flex; padding: .55rem .8rem; border-radius: 99px; color: #07583c; background: #d9f6e9; font-size: .75rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.paybill-card--claim .paybill-private { color: #65766f; font-size: .78rem; }
.fixtures-hero { position: relative; overflow: hidden; color: white; background: radial-gradient(circle at 83% 30%,rgba(229,184,75,.2),transparent 22%), linear-gradient(125deg,#031b16 0%,#073b2f 55%,#0b5542 100%); background-size: 150% 150%; animation: hero-drift 14s ease-in-out infinite alternate; }
.fixtures-hero::after { content: ""; position: absolute; inset: -70% -10% auto 54%; width: 620px; height: 620px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018); }
.fixtures-hero__inner { position: relative; z-index: 1; min-height: 390px; display: flex; justify-content: space-between; align-items: flex-end; gap: 3rem; padding-top: 6rem; padding-bottom: 4.5rem; }
.fixtures-hero h1 { max-width: 850px; margin: .8rem 0 1rem; font: 800 clamp(2.7rem,6vw,5.4rem)/1 "Manrope"; letter-spacing: -.06em; }
.fixtures-hero p { max-width: 650px; margin: 0; color: #c4d6d0; font-size: 1.08rem; }
.fixtures-hero__stat { flex: 0 0 170px; padding: 1.35rem; border: 1px solid rgba(255,255,255,.18); border-radius: 1rem; background: rgba(255,255,255,.08); backdrop-filter: blur(10px); }
.fixtures-hero__stat strong, .fixtures-hero__stat span { display: block; }
.fixtures-hero__stat strong { color: var(--gold-2); font: 800 3rem/1 "Manrope"; }
.fixtures-hero__stat span { margin-top: .55rem; color: #c4d6d0; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.fixture-workspace { min-height: 70vh; padding: 2rem 0 5rem; background: radial-gradient(circle at 100% 0,rgba(11,75,59,.08),transparent 28%),#eef1ed; }
.fixture-toolbar { position: sticky; top: 78px; z-index: 20; padding: 1rem; border: 1px solid rgba(6,45,36,.12); border-radius: 1rem; background: rgba(255,255,255,.94); box-shadow: 0 14px 35px rgba(6,45,36,.08); backdrop-filter: blur(16px); }
.fixture-filter { display: grid; grid-template-columns: minmax(230px,2fr) repeat(2,minmax(150px,1fr)) auto; gap: .8rem; align-items: end; }
.fixture-filter label, .fixture-search span { display: block; margin-bottom: .3rem; color: #52605c; font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.fixture-filter select, .fixture-filter input, .fixture-search input { width: 100%; min-height: 44px; padding: .62rem .75rem; color: var(--ink); background: #f8faf8; border: 1px solid #d5ddd8; border-radius: .58rem; outline: none; }
.fixture-filter select:focus, .fixture-filter input:focus, .fixture-search input:focus { border-color: var(--green-2); box-shadow: 0 0 0 3px rgba(11,75,59,.12); }
.fixture-filter__submit { min-height: 44px; }
.fixture-quick-row { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-top: .8rem; padding-top: .8rem; border-top: 1px solid #edf0ee; }
.fixture-quick-dates { display: flex; flex-wrap: wrap; gap: .45rem; }
.fixture-quick-dates button { padding: .42rem .7rem; color: #45514d; background: #eff3f0; border: 0; border-radius: 99px; font-size: .72rem; font-weight: 700; }
.fixture-quick-dates button:hover { color: white; background: var(--green-2); }
.fixture-search { width: min(280px,100%); }
.fixture-search input { min-height: 38px; padding-top: .45rem; padding-bottom: .45rem; }
.league-selector { display: flex; gap: .85rem; margin: 1.25rem 0; padding: .2rem .1rem 1rem; overflow-x: auto; scrollbar-color: #aab8b2 transparent; scrollbar-width: thin; }
.league-selector__all, .league-tile { position: relative; flex: 0 0 260px; display: flex; align-items: center; gap: .85rem; min-height: 104px; padding: 1rem; overflow: hidden; color: white; text-decoration: none; border: 2px solid transparent; border-radius: 1rem; box-shadow: 0 8px 22px rgba(6,45,36,.1); transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.league-selector__all { flex-basis: 205px; display: grid; align-content: center; gap: .2rem; background: linear-gradient(135deg,var(--green),#0d5e49); }
.league-selector__all > span { width: fit-content; padding: .2rem .4rem; color: var(--green); background: var(--gold); border-radius: .3rem; font-size: .62rem; font-weight: 900; }
.league-selector__all strong, .league-selector__all small { display: block; }
.league-selector__all strong { font: 700 .98rem "Manrope"; }
.league-selector__all small { color: #bdd0ca; font-size: .7rem; }
.league-tile { background: linear-gradient(135deg,var(--league-secondary),var(--league-primary)); }
.league-tile::after { content: ""; position: absolute; right: -18px; bottom: -45px; width: 110px; height: 110px; background: var(--league-accent); border-radius: 50%; opacity: .16; }
.league-selector__all:hover, .league-tile:hover, .league-selector__all.active, .league-tile.active { color: white; transform: translateY(-3px); border-color: var(--gold); box-shadow: 0 15px 30px rgba(6,45,36,.2); }
.league-tile__logo { position: relative; z-index: 1; flex: 0 0 70px; width: 70px; height: 70px; display: grid; place-items: center; padding: .55rem; background: rgba(255,255,255,.96); border-radius: .85rem; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
.league-tile__logo img { width: 100%; height: 100%; object-fit: contain; }
[data-league-filter="WAFCON"] .league-tile__logo img { object-fit: cover; object-position: left center; }
.league-tile__logo b { color: var(--league-primary); font: 800 1rem "Manrope"; }
.league-tile__copy { position: relative; z-index: 1; min-width: 0; }
.league-tile__copy strong, .league-tile__copy small { display: block; }
.league-tile__copy strong { font: 700 .9rem/1.2 "Manrope"; }
.league-tile__copy small { margin-top: .38rem; color: rgba(255,255,255,.72); font-size: .68rem; }
.fixture-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.25rem; color: #68736f; font-size: .73rem; }
.fixture-legend span:last-child { margin-left: auto; }
.legend-dot { display: inline-block; width: 7px; height: 7px; margin-right: .3rem; border-radius: 50%; }
.legend-dot--live { background: #15a86a; box-shadow: 0 0 0 4px rgba(21,168,106,.12); }
.legend-dot--scheduled { background: #8e9b96; }
.league-boards { display: grid; gap: 2rem; scroll-margin-top: 170px; }
.league-board { overflow: hidden; background: white; border: 1px solid rgba(6,45,36,.12); border-radius: 1.2rem; box-shadow: 0 18px 50px rgba(6,45,36,.09); }
.league-board[hidden], .fixture-row[hidden], .fixture-day[hidden] { display: none !important; }
.league-board__banner { position: relative; min-height: 190px; display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 2rem 2.2rem; overflow: hidden; color: white; background: linear-gradient(120deg,var(--league-secondary),var(--league-primary)); background-position: center; background-size: cover; }
.league-board__banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,0,0,.12),transparent 55%); pointer-events: none; }
.league-board__watermark { position: absolute; right: 8%; top: 50%; width: 250px; height: 150px; transform: translateY(-50%) rotate(-7deg); opacity: .1; filter: grayscale(1) brightness(4); }
.league-board__watermark img { width: 100%; height: 100%; object-fit: contain; }
.league-board__banner--photo .league-board__watermark { display: none; }
.league-board__identity, .league-board__summary { position: relative; z-index: 1; }
.league-board__identity { display: flex; align-items: center; gap: 1.2rem; }
.league-board__logo { width: 96px; height: 96px; display: grid; place-items: center; padding: .8rem; background: rgba(255,255,255,.96); border: 1px solid rgba(255,255,255,.4); border-radius: 1rem; box-shadow: 0 14px 28px rgba(0,0,0,.16); }
.league-board__logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
[data-league-code="WAFCON"] .league-board__logo img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; object-position: left center; }
.league-board__logo b { color: var(--league-primary); font: 800 1.2rem "Manrope"; }
.league-board__identity span { color: rgba(255,255,255,.72); font-size: .68rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.league-board__identity h2 { max-width: 720px; margin: .3rem 0 0; font: 800 clamp(1.7rem,4vw,3rem)/1.08 "Manrope"; letter-spacing: -.04em; }
.league-board__summary { max-width: 180px; text-align: right; }
.league-board__summary strong, .league-board__summary span { display: block; }
.league-board__summary strong { color: var(--league-accent); font: 800 2.8rem/1 "Manrope"; }
.league-board__summary span { margin-top: .5rem; color: rgba(255,255,255,.72); font-size: .7rem; }
.league-board__content { padding: 1.25rem; background: #f8faf8; }
.fixture-day { margin-bottom: .85rem; overflow: hidden; background: white; border: 1px solid #dde4df; border-radius: .85rem; }
.fixture-day:last-child { margin-bottom: 0; }
.fixture-day > summary { display: grid; grid-template-columns: 54px 1fr auto 20px; gap: 1rem; align-items: center; padding: .9rem 1rem; cursor: pointer; list-style: none; background: linear-gradient(90deg,rgba(6,45,36,.035),transparent); }
.fixture-day > summary::-webkit-details-marker { display: none; }
.fixture-day__calendar { width: 48px; height: 48px; display: grid; place-items: center; align-content: center; color: white; background: var(--league-primary); border-radius: .65rem; }
.fixture-day__calendar b, .fixture-day__calendar small { display: block; }
.fixture-day__calendar b { font: 800 1.15rem/1 "Manrope"; }
.fixture-day__calendar small { margin-top: .15rem; color: rgba(255,255,255,.75); font-size: .55rem; font-weight: 800; text-transform: uppercase; }
.fixture-day__title strong, .fixture-day__title small { display: block; }
.fixture-day__title strong { font: 700 .95rem "Manrope"; }
.fixture-day__title small { margin-top: .15rem; color: var(--muted); font-size: .7rem; }
.fixture-day__count { color: var(--muted); font-size: .72rem; }
.fixture-day__chevron { width: 9px; height: 9px; border-right: 2px solid #72807a; border-bottom: 2px solid #72807a; transform: rotate(45deg); transition: transform .18s ease; }
.fixture-day[open] .fixture-day__chevron { transform: rotate(225deg); }
.fixture-day__matches { border-top: 1px solid #e5eae7; }
.fixture-row { position: relative; display: grid; grid-template-columns: 82px minmax(280px,1.2fr) minmax(220px,.8fr) 120px; gap: 1.1rem; align-items: center; min-height: 104px; padding: .9rem 1rem; border-bottom: 1px solid #edf1ee; transition: background .15s ease; }
.fixture-row:last-child { border-bottom: 0; }
.fixture-row:hover { background: #f3f9f5; }
.fixture-row:focus-within { outline: 3px solid color-mix(in srgb,var(--league-accent) 65%,white); outline-offset: -3px; }
.fixture-row__hitbox { position: absolute; z-index: 1; inset: 0; }
.fixture-row > div { position: relative; z-index: 2; pointer-events: none; }
.fixture-row__time strong, .fixture-row__time small { display: block; }
.fixture-row__time strong { font: 800 1.15rem "Manrope"; }
.fixture-row__time small { color: var(--muted); font-size: .58rem; font-weight: 800; letter-spacing: .1em; }
.fixture-row__teams { display: grid; grid-template-columns: 1fr 28px 1fr; gap: .55rem; align-items: center; }
.fixture-row__teams span { font: 700 .9rem "Manrope"; }
.fixture-row__teams span:first-child { text-align: right; }
.fixture-row__teams b { display: grid; place-items: center; width: 28px; height: 28px; color: #7c8984; background: #eef2ef; border-radius: 50%; font-size: .55rem; }
.fixture-row__meta strong, .fixture-row__meta span, .fixture-row__meta small { display: block; }
.fixture-row__meta .fixture-countdown { margin-bottom: .3rem; color: var(--league-primary); font: 700 .7rem/1.35 "Manrope"; }
.fixture-row__meta span { color: #41504b; font-size: .74rem; font-weight: 700; }
.fixture-row__meta small { margin-top: .22rem; color: var(--muted); font-size: .67rem; }
.fixture-row__status { text-align: right; }
.fixture-row__status a { position: relative; z-index: 3; display: block; margin-top: .35rem; color: var(--green-2); font-size: .65rem; font-weight: 700; text-decoration: none; pointer-events: auto; }
.fixture-status { display: inline-block; padding: .3rem .5rem; color: #58645f; background: #e9eeeb; border-radius: 99px; font-size: .6rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.fixture-status--live { color: #07562f; background: #cef2df; }
.fixture-status--postponed, .fixture-status--cancelled { color: #7b321d; background: #fee3d9; }
.league-empty { display: flex; align-items: center; gap: 1rem; padding: 2.5rem; color: #63706b; background: white; border: 1px dashed #cbd5d0; border-radius: .8rem; }
.league-empty > span { display: grid; place-items: center; width: 64px; height: 64px; color: var(--league-primary); background: color-mix(in srgb,var(--league-primary) 10%,white); border-radius: 50%; font-size: .7rem; font-weight: 800; }
.league-empty h3 { margin: 0 0 .25rem; color: var(--ink); font: 700 1rem "Manrope"; }
.league-empty p { margin: 0; font-size: .8rem; }
.league-empty--page { margin-top: 2rem; }
.fixture-trademark-note { margin: 2rem 0 0; color: #78837f; font-size: .68rem; text-align: center; }
.match-detail-hero { color: white; background: radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--match-accent) 24%,transparent),transparent 30%),linear-gradient(125deg,var(--match-secondary),var(--match-primary)); }
.match-detail-hero__inner { min-height: 520px; padding-top: 2rem; padding-bottom: 4rem; }
.match-detail-back { display: inline-block; margin-bottom: 2rem; color: rgba(255,255,255,.78); font-size: .78rem; font-weight: 700; text-decoration: none; }
.match-detail-kicker { margin-bottom: 2.2rem; color: var(--match-accent); font-size: .72rem; font-weight: 800; letter-spacing: .13em; text-align: center; text-transform: uppercase; }
.match-scoreboard { display: grid; grid-template-columns: minmax(0,1fr) 210px minmax(0,1fr); gap: 2rem; align-items: center; }
.match-team { text-align: center; }
.match-side { display: inline-block; margin-bottom: .8rem; padding: .28rem .7rem; color: var(--match-primary); background: var(--match-accent); border-radius: 99px; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.match-team__crest { width: 112px; height: 112px; display: grid; place-items: center; margin: 0 auto 1rem; color: var(--match-primary); background: white; border-radius: 1.2rem; box-shadow: 0 16px 40px rgba(0,0,0,.24); font: 800 1.4rem "Manrope"; text-transform: uppercase; }
.match-team__crest img { width: 78%; height: 78%; object-fit: contain; }
.match-team h1 { margin: 0; font: 800 clamp(1.5rem,3vw,2.7rem)/1.08 "Manrope"; }
.match-kickoff { text-align: center; }
.match-kickoff span, .match-kickoff strong { display: block; }
.match-kickoff span { color: rgba(255,255,255,.7); font-size: .76rem; }
.match-kickoff strong { margin-top: .45rem; font: 800 1.45rem "Manrope"; }
.match-kickoff b { width: 56px; height: 56px; display: grid; place-items: center; margin: 1.3rem auto 0; color: var(--match-primary); background: white; border-radius: 50%; font: 800 .8rem "Manrope"; }
.match-detail-countdown { width: fit-content; margin: 2.4rem auto 0; padding: .8rem 1.2rem; color: white; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.18); border-radius: .75rem; font: 700 .82rem "Manrope"; text-align: center; }
.match-detail-body { padding: 0 0 5rem; background: #f3f6f4; }
.match-facts { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); margin-top: -2.1rem; overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 1rem; box-shadow: 0 14px 35px rgba(6,45,36,.09); }
.match-facts > div { padding: 1.25rem 1.4rem; border-right: 1px solid var(--line); }
.match-facts > div:last-child { border-right: 0; }
.match-facts small, .match-facts strong { display: block; }
.match-facts small { color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.match-facts strong { margin-top: .35rem; font: 700 .86rem "Manrope"; }
.match-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.4rem; margin-top: 2rem; }
.team-detail-card, .venue-detail-card { overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 1rem; }
.team-detail-card > header { padding: 1.5rem; color: white; background: var(--green); }
.team-detail-card > header span { color: var(--gold); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.team-detail-card > header h2 { margin: .35rem 0 0; font: 800 1.5rem "Manrope"; }
.team-leadership { display: grid; grid-template-columns: repeat(2,1fr); border-bottom: 1px solid var(--line); }
.team-leadership > div { padding: 1rem 1.5rem; }
.team-leadership > div:first-child { border-right: 1px solid var(--line); }
.team-leadership small, .team-leadership strong { display: block; }
.team-leadership small { color: var(--muted); font-size: .62rem; text-transform: uppercase; }
.team-leadership strong { margin-top: .25rem; font-size: .82rem; }
.lineup-block, .squad-block { padding: 1.5rem; }
.squad-block { border-top: 1px solid var(--line); }
.lineup-block__title { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; }
.lineup-block h3, .squad-block h3 { margin: 0 0 1rem; font: 800 1rem "Manrope"; }
.lineup-block__title span { color: var(--muted); font-size: .66rem; }
.lineup-block h4 { margin: 1.2rem 0 .55rem; color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.player-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; }
.player-list > div { padding: .65rem .75rem; background: #f5f8f6; border-radius: .55rem; }
.player-list b, .player-list span { display: block; }
.player-list b { font-size: .76rem; }
.player-list span { margin-top: .15rem; color: var(--muted); font-size: .62rem; }
.player-list p, .detail-empty { color: var(--muted); font-size: .76rem; }
.detail-empty { padding: 1rem; background: #f5f8f6; border-radius: .65rem; line-height: 1.55; }
.venue-detail-card { display: grid; grid-template-columns: .8fr 1.4fr; margin-top: 1.4rem; }
.venue-detail-card__copy { padding: 2rem; }
.venue-detail-card__copy h2 { margin: .8rem 0 .3rem; font: 800 1.7rem "Manrope"; }
.venue-detail-card__copy p { color: var(--muted); }
.venue-detail-card__copy a, .venue-detail-card__visual > a { color: var(--green-2); font-size: .72rem; font-weight: 700; text-decoration: none; }
.venue-detail-card__visual { display: grid; min-height: 300px; background: #dfe7e2; }
.venue-detail-card__visual img, .venue-detail-card__visual iframe { width: 100%; min-height: 300px; border: 0; object-fit: cover; }
.venue-detail-card__visual > a { padding: .7rem 1rem; background: white; text-align: right; }
.map-placeholder { display: grid; place-items: center; align-content: center; gap: .4rem; min-height: 300px; padding: 2rem; color: #53615c; background: linear-gradient(135deg,#dfe7e2,#f4f7f5); text-align: center; }
.map-placeholder strong { font: 800 1.1rem "Manrope"; }
.map-placeholder span { max-width: 350px; font-size: .75rem; }
.detail-data-note { margin: 1.2rem 0 0; color: var(--muted); font-size: .7rem; text-align: center; }
.admin-page-head { display: flex; justify-content: space-between; align-items: end; gap: 1rem; flex-wrap: wrap; }
.admin-section { margin-top: 1.5rem; padding: 1.5rem; background: white; border: 1px solid var(--line); border-radius: 1rem; }
.admin-section .panel-head h2 { margin: 0; font: 800 1.15rem "Manrope"; }
.admin-section .panel-head a { color: var(--green-2); font-size: .72rem; font-weight: 700; text-decoration: none; }
.cashflow-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 1.25rem; }
.cashflow-grid article { padding: 1.4rem; color: white; background: linear-gradient(135deg,var(--green),#0b5d49); border-radius: .85rem; }
.cashflow-grid small, .cashflow-grid strong, .cashflow-grid span { display: block; }
.cashflow-grid small { color: var(--gold); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.cashflow-grid strong { margin-top: .55rem; font: 800 1.8rem "Manrope"; }
.cashflow-grid span { margin-top: .3rem; color: #bdd7ce; font-size: .68rem; }
.admin-table-wrap { width: 100%; overflow-x: auto; }
.admin-table { width: 100%; margin-top: 1rem; border-collapse: collapse; font-size: .76rem; }
.admin-table th { padding: .75rem; color: var(--muted); border-bottom: 1px solid var(--line); font-size: .6rem; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.admin-table td { padding: .85rem .75rem; border-bottom: 1px solid #edf1ee; vertical-align: middle; }
.admin-table tbody tr:last-child td { border-bottom: 0; }
.admin-table td small { display: block; margin-top: .15rem; color: var(--muted); }
.admin-table td a { color: var(--green-2); font-weight: 700; text-decoration: none; }
.payment-routing { overflow: hidden; color: white; background: radial-gradient(circle at 90% 0,rgba(229,184,75,.18),transparent 32%),linear-gradient(135deg,#082f26,#0b4a3b); border-color: #285c50; }
.payment-routing .panel-head { align-items: center; }
.payment-routing .panel-head h2 { color: white; }
.payment-routing .panel-head span { color: #b9d2ca; }
.payment-routing .panel-head .status-pill { color: #092d25; background: var(--gold); }
.payment-routing__grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(320px,1.15fr); gap: 1.5rem; margin-top: 1.3rem; }
.payment-routing__summary { padding: 1.3rem; background: rgba(0,0,0,.16); border: 1px solid rgba(255,255,255,.12); border-radius: .85rem; }
.payment-routing__summary > small { color: var(--gold); font-size: .62rem; font-weight: 800; letter-spacing: .1em; }
.payment-routing__summary > strong { display: block; margin: .35rem 0 .55rem; font: 800 2.4rem "Manrope"; letter-spacing: .04em; }
.payment-routing__summary p { color: #bed4cd; font-size: .75rem; line-height: 1.7; }
.payment-routing__summary dl { display: grid; gap: .65rem; margin: 1rem 0 0; }
.payment-routing__summary dl div { display: grid; grid-template-columns: 110px 1fr; gap: .75rem; padding-top: .65rem; border-top: 1px solid rgba(255,255,255,.1); }
.payment-routing__summary dt { color: #8fb5a9; font-size: .62rem; text-transform: uppercase; }
.payment-routing__summary dd { margin: 0; font-size: .72rem; font-weight: 700; }
.payment-routing__form { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem 1rem; padding: 1.3rem; color: var(--ink); background: white; border-radius: .85rem; }
.payment-routing__form label { align-self: end; color: #52615c; font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.payment-routing__form input { width: 100%; height: 46px; padding: 0 .8rem; color: var(--ink); background: #f5f8f6; border: 1px solid #cedbd5; border-radius: .55rem; font: 700 .85rem "Manrope"; }
.payment-routing__form input:focus { outline: 3px solid rgba(229,184,75,.32); border-color: var(--gold); }
.payment-routing__form small { grid-column: 1 / -1; color: var(--muted); font-size: .65rem; }
.payment-routing__form label:nth-of-type(3), .payment-routing__form input:nth-of-type(3), .payment-routing__form .btn { grid-column: 1 / -1; }
.payment-routing__history { margin-top: 1.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(255,255,255,.12); }
.payment-routing__history h3 { margin: 0; color: white; font: 800 .85rem "Manrope"; }
.payment-routing__history .admin-table th { color: #90b5aa; border-bottom-color: rgba(255,255,255,.15); }
.payment-routing__history .admin-table td { color: #d7e5e0; border-bottom-color: rgba(255,255,255,.1); }
.support-config { overflow: hidden; background: linear-gradient(145deg,#fff,#f5f8f6); }
.support-config .panel-head { align-items: center; }
.support-config .status-pill { color: #08392d; background: #dff5ea; }
.support-config__grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(360px,1.18fr); gap: 1.5rem; margin-top: 1.3rem; }
.support-config__preview { padding: 1.35rem; color: white; background: radial-gradient(circle at 95% 0,rgba(229,184,75,.22),transparent 38%),linear-gradient(135deg,#082f26,#0b4a3b); border-radius: .9rem; }
.support-config__preview > small { color: var(--gold); font-size: .6rem; font-weight: 800; letter-spacing: .1em; }
.support-config__preview h3 { margin: .35rem 0 1rem; font: 800 1.45rem "Manrope"; }
.support-config__preview dl { display: grid; gap: .65rem; margin: 0; }
.support-config__preview dl div { display: grid; grid-template-columns: 90px 1fr; gap: .75rem; padding-top: .65rem; border-top: 1px solid rgba(255,255,255,.12); }
.support-config__preview dt { color: #90b5aa; font-size: .6rem; text-transform: uppercase; }
.support-config__preview dd { margin: 0; overflow-wrap: anywhere; font-size: .72rem; font-weight: 700; }
.support-config__form { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem 1rem; padding: 1.35rem; background: white; border: 1px solid var(--line); border-radius: .9rem; }
.support-config__form label { align-self: end; color: #52615c; font-size: .62rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.support-config__form input { width: 100%; height: 46px; padding: 0 .8rem; color: var(--ink); background: #f5f8f6; border: 1px solid #cedbd5; border-radius: .55rem; font: 700 .82rem "Manrope"; }
.support-config__form input:focus { outline: 3px solid rgba(229,184,75,.32); border-color: var(--gold); }
.support-config__form label:nth-of-type(3), .support-config__form input:nth-of-type(3), .support-config__form small, .support-config__form .btn { grid-column: 1 / -1; }
.support-config__form small { color: var(--muted); font-size: .64rem; line-height: 1.5; }
.support-config__history { margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px solid var(--line); }
.support-config__history h3 { margin: 0; font: 800 .85rem "Manrope"; }
.member-support { display: grid; grid-template-columns: minmax(240px,.65fr) minmax(0,1.35fr); gap: 1.5rem; align-items: center; padding: 1.6rem; color: white; background: radial-gradient(circle at 80% 0,rgba(229,184,75,.18),transparent 30%),linear-gradient(135deg,#062b22,#0b4f3e); border: 1px solid #285c50; border-radius: 1rem; box-shadow: 0 16px 40px rgba(6,45,36,.12); }
.member-support h2 { margin: .3rem 0 .45rem; font: 800 1.4rem "Manrope"; }
.member-support p { max-width: 430px; margin: 0; color: #bed4cd; font-size: .72rem; line-height: 1.6; }
.member-support__options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; }
.support-option { position: relative; display: flex; min-height: 118px; flex-direction: column; justify-content: flex-end; padding: 1rem; overflow: hidden; color: white; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13); border-radius: .8rem; text-decoration: none; transition: transform .2s ease,border-color .2s ease,background .2s ease; }
.support-option::after { position: absolute; top: .8rem; right: .8rem; content: "\2197"; color: var(--gold); font-size: 1rem; }
.support-option:hover { color: white; transform: translateY(-3px); border-color: var(--gold); background: rgba(255,255,255,.13); }
.support-option:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.support-option > span,.support-option > strong,.support-option > small { display: block; }
.support-option > span { color: var(--gold); font-size: .56rem; font-weight: 800; letter-spacing: .1em; }
.support-option > strong { margin-top: .28rem; font: 800 .82rem "Manrope"; }
.support-option > small { margin-top: .18rem; overflow-wrap: anywhere; color: #bed4cd; font-size: .58rem; }
.support-option--whatsapp { box-shadow: inset 0 3px #3fd47d; }
.support-option--sms { box-shadow: inset 0 3px #64b5f6; }
.support-option--email { box-shadow: inset 0 3px var(--gold); }
.member-support__pending { padding: 1.2rem; background: rgba(255,255,255,.08); border: 1px dashed rgba(255,255,255,.25); border-radius: .8rem; }
.member-support__pending strong,.member-support__pending span { display: block; }
.member-support__pending span { margin-top: .3rem; color: #bed4cd; font-size: .7rem; }
.support-page__head { max-width: 760px; }
.support-page__head p { margin: .55rem 0 0; color: var(--muted); }
.support-feedback-compose { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(220px,.6fr) minmax(0,1.4fr); gap: 1.4rem; align-items: start; margin-top: .3rem; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,.13); }
.support-feedback-compose > div > span { color: var(--gold); font-size: .57rem; font-weight: 800; letter-spacing: .1em; }
.support-feedback-compose h3 { margin: .3rem 0 .35rem; font: 800 1.05rem "Manrope"; }
.support-feedback-compose form { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: .55rem .8rem; padding: 1rem; color: var(--ink); background: white; border-radius: .8rem; }
.support-feedback-compose label { align-self: center; color: #52615c; font-size: .6rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.support-feedback-compose select,.support-feedback-compose textarea { width: 100%; padding: .65rem .75rem; color: var(--ink); background: #f4f7f5; border: 1px solid #cedbd5; border-radius: .5rem; font-size: .72rem; }
.support-feedback-compose select { height: 42px; padding-top: 0; padding-bottom: 0; }
.support-feedback-compose textarea { min-height: 125px; resize: vertical; line-height: 1.5; }
.support-feedback-compose select:focus,.support-feedback-compose textarea:focus { outline: 3px solid rgba(229,184,75,.32); border-color: var(--gold); }
.support-feedback-compose form > div { display: flex; grid-column: 1 / -1; justify-content: space-between; gap: 1rem; align-items: center; }
.support-feedback-compose form > div small { color: var(--muted); font-size: .58rem; }
.feedback-confirmation-alert { position: relative; display: flex; min-height: 160px; flex-direction: column; justify-content: center; margin: 0; padding: 1.7rem 3.2rem 1.7rem 1.7rem; color: white; background: radial-gradient(circle at 90% 0,rgba(229,184,75,.26),transparent 35%),linear-gradient(135deg,#07513d,#0a7254); border: 0; border-radius: 1rem; box-shadow: 0 20px 45px rgba(6,45,36,.22); }
.feedback-confirmation-alert > span { color: var(--gold); font-size: .6rem; font-weight: 900; letter-spacing: .12em; }
.feedback-confirmation-alert > strong { margin-top: .35rem; font: 800 1.55rem "Manrope"; }
.feedback-confirmation-alert > p { max-width: 680px; margin: .4rem 0 0; color: #cce4db; font-size: .76rem; }
.feedback-confirmation-alert .btn-close { top: 1rem; right: 1rem; filter: invert(1); }
.feedback-notification-layer { position: fixed; z-index: 1090; display: grid; inset: 0; place-items: center; padding: 1rem; }
.feedback-notification-layer__backdrop { position: absolute; inset: 0; background: rgba(1,18,14,.82); backdrop-filter: blur(8px); }
.feedback-notification-panel { position: relative; width: min(760px,100%); max-height: min(760px,calc(100vh - 2rem)); overflow: hidden; color: white; background: radial-gradient(circle at 85% 0,rgba(229,184,75,.2),transparent 30%),#072d24; border: 1px solid #36685c; border-radius: 1.2rem; box-shadow: 0 32px 90px rgba(0,0,0,.5); }
.feedback-notification-panel > header { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; padding: 1.4rem 1.5rem; border-bottom: 1px solid rgba(255,255,255,.12); }
.feedback-notification-panel > header span { color: var(--gold); font-size: .58rem; font-weight: 900; letter-spacing: .12em; }
.feedback-notification-panel > header h2 { margin: .3rem 0 .2rem; font: 800 1.55rem "Manrope"; }
.feedback-notification-panel > header p { margin: 0; color: #a9c5bb; font-size: .65rem; }
.feedback-notification-panel > header button { width: 38px; height: 38px; flex: 0 0 38px; color: white; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 99px; font-size: 1.5rem; line-height: 1; }
.feedback-notification-list { display: grid; gap: .8rem; max-height: 570px; padding: 1rem; overflow-y: auto; }
.feedback-notification-list article { padding: 1rem; color: var(--ink); background: white; border-radius: .8rem; border-left: 4px solid var(--gold); }
.feedback-notification-list article > div { display: flex; justify-content: space-between; gap: 1rem; }
.feedback-notification-list article > div span { color: #76521a; font-size: .55rem; font-weight: 900; letter-spacing: .08em; }
.feedback-notification-list article time,.feedback-notification-list article small { color: var(--muted); font-size: .58rem; }
.feedback-notification-list article h3 { margin: .6rem 0 0; font: 800 .92rem "Manrope"; }
.feedback-notification-list article small { display: block; margin-top: .15rem; }
.feedback-notification-list article p { max-width: none; margin: .7rem 0; color: #35443f; font-size: .72rem; line-height: 1.6; white-space: pre-wrap; }
.feedback-notification-list article .btn { font-size: .62rem; }
.transaction-control-shell { min-height: 100vh; color: white; background: radial-gradient(circle at 12% 8%,rgba(229,184,75,.13),transparent 23%),radial-gradient(circle at 88% 65%,rgba(21,132,93,.22),transparent 30%),#061e19; }
.transaction-control-head { align-items: end; margin-bottom: 1.5rem; }
.transaction-control-head h1 { color: white; }
.transaction-control-head p { max-width: 680px; margin: .45rem 0 0; color: #a9c3ba; font-size: .76rem; }
.transaction-control-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(330px,.7fr); gap: 1.2rem; align-items: start; }
.transaction-completed,.transaction-decisions { background: rgba(7,45,36,.76); border: 1px solid rgba(255,255,255,.12); border-radius: 1.05rem; box-shadow: 0 24px 60px rgba(0,0,0,.2); backdrop-filter: blur(12px); }
.transaction-completed { padding: 1.25rem; }
.transaction-decisions { position: sticky; top: 90px; max-height: calc(100vh - 110px); padding: 1.25rem; overflow-y: auto; }
.transaction-section-head { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.transaction-section-head span { color: var(--gold); font-size: .57rem; font-weight: 800; letter-spacing: .1em; }
.transaction-section-head h2 { margin: .25rem 0 0; font: 800 1.3rem "Manrope"; }
.transaction-section-head > strong { display: grid; min-width: 40px; height: 40px; place-items: center; color: #062b22; background: var(--gold); border-radius: 99px; font: 800 .8rem "Manrope"; }
.transaction-completed__layout { display: grid; grid-template-columns: 190px minmax(0,1fr); gap: 1rem; margin-top: 1.15rem; }
.transaction-filter { display: flex; flex-direction: column; align-self: start; padding: 1rem; color: var(--ink); background: #f4f7f5; border-radius: .75rem; }
.transaction-filter h3 { margin: 0 0 .8rem; font: 800 .82rem "Manrope"; }
.transaction-filter label { margin: .65rem 0 .25rem; color: #67746f; font-size: .56rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.transaction-filter select { width: 100%; height: 40px; padding: 0 .55rem; color: var(--ink); background: white; border: 1px solid #cbd7d1; border-radius: .45rem; font-size: .66rem; }
.transaction-filter select:focus { outline: 3px solid rgba(229,184,75,.32); border-color: var(--gold); }
.transaction-filter .btn { margin-top: .9rem; }
.transaction-filter > a { margin-top: .7rem; color: var(--green-2); font-size: .62rem; font-weight: 800; text-align: center; }
.transaction-list { display: grid; gap: .7rem; min-width: 0; }
.transaction-row { padding: 1rem; color: var(--ink); background: white; border-radius: .75rem; border-left: 4px solid #38bd7a; }
.transaction-row > header { display: flex; justify-content: space-between; gap: .8rem; align-items: center; padding-bottom: .75rem; border-bottom: 1px solid var(--line); }
.transaction-row > header > div { display: flex; gap: .6rem; align-items: center; min-width: 0; }
.transaction-row > header strong { overflow: hidden; font: 800 .72rem "Manrope"; text-overflow: ellipsis; white-space: nowrap; }
.transaction-row time,.decision-card time { color: var(--muted); font-size: .58rem; white-space: nowrap; }
.transaction-status { display: inline-flex; align-items: center; padding: .28rem .45rem; border-radius: 99px; font-size: .5rem; font-weight: 900; letter-spacing: .07em; }
.transaction-status--complete { color: #07562f; background: #d7f3e3; }
.transaction-status--pending { color: #755314; background: #fae8bb; }
.transaction-status--rejected { color: #802f24; background: #f8d8d2; }
.transaction-row__facts { display: grid; grid-template-columns: 1.25fr 1fr .75fr 1fr; gap: .8rem; padding-top: .75rem; }
.transaction-row__facts small,.transaction-row__facts b,.transaction-row__facts span { display: block; }
.transaction-row__facts small { color: var(--muted); font-size: .51rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.transaction-row__facts b { margin-top: .18rem; overflow-wrap: anywhere; font-size: .67rem; }
.transaction-row__facts span { margin-top: .15rem; overflow-wrap: anywhere; color: var(--muted); font-size: .56rem; }
.transaction-security-note { margin: .85rem 0 1rem; padding: .75rem; color: #efd996; background: rgba(229,184,75,.1); border: 1px solid rgba(229,184,75,.24); border-radius: .6rem; font-size: .62rem; line-height: 1.55; }
.decision-group + .decision-group { margin-top: 1.2rem; }
.decision-group > header { display: flex; justify-content: space-between; align-items: center; margin-bottom: .55rem; }
.decision-group > header h3 { margin: 0; font: 800 .83rem "Manrope"; }
.decision-group > header span { display: grid; width: 26px; height: 26px; place-items: center; color: var(--green); background: #dce7e2; border-radius: 99px; font-size: .58rem; font-weight: 800; }
.decision-card { margin-top: .6rem; padding: .9rem; color: var(--ink); background: white; border-radius: .7rem; }
.decision-card--pending { border-top: 3px solid var(--gold); }
.decision-card--rejected { border-top: 3px solid #d06b57; }
.decision-card__top { display: flex; justify-content: space-between; gap: .6rem; align-items: center; }
.decision-card h4 { margin: .65rem 0 .45rem; font: 800 .82rem "Manrope"; }
.decision-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; margin: 0 0 .65rem; }
.decision-card dl div { padding: .5rem; background: #f3f6f4; border-radius: .4rem; }
.decision-card dt { color: var(--muted); font-size: .48rem; text-transform: uppercase; }
.decision-card dd { margin: .15rem 0 0; overflow-wrap: anywhere; font-size: .61rem; font-weight: 800; }
.decision-card p { margin: .6rem 0; padding-left: .55rem; color: #77551a; border-left: 3px solid var(--gold); font-size: .58rem; line-height: 1.45; }
.decision-card form { margin-top: .7rem; }
.transaction-empty,.decision-empty { display: flex; min-height: 100px; flex-direction: column; justify-content: center; padding: 1rem; color: #9eb9b0; background: rgba(255,255,255,.06); border: 1px dashed rgba(255,255,255,.16); border-radius: .65rem; text-align: center; }
.transaction-empty span { margin-top: .25rem; font-size: .62rem; }
.decision-empty { min-height: 70px; font-size: .62rem; }
.transaction-pagination { display: flex; justify-content: center; gap: .8rem; align-items: center; padding-top: .5rem; color: #a9c3ba; font-size: .62rem; }
.transaction-pagination a { padding: .4rem .6rem; color: #082f26; background: var(--gold); border-radius: .4rem; font-weight: 800; text-decoration: none; }
.admin-predictions-hero { padding: 5rem 0 4rem; color: white; background: radial-gradient(circle at 80% 20%,rgba(229,184,75,.18),transparent 25%),var(--green); }
.admin-predictions-hero h1 { margin: .75rem 0; font: 800 clamp(2.5rem,6vw,5rem)/1 "Manrope"; letter-spacing: -.055em; }
.admin-predictions-hero p { max-width: 680px; margin: 0; color: #bdd0ca; }
.prediction-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.prediction-summary article { padding: 1.3rem 1.5rem; background: white; border: 1px solid var(--line); border-radius: .8rem; }
.prediction-summary small, .prediction-summary strong { display: block; }
.prediction-summary small { color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.prediction-summary strong { margin-top: .4rem; font: 800 2rem "Manrope"; }
.admin-filter { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)) auto; gap: .8rem; align-items: end; margin: 1.5rem 0; padding: 1.2rem; background: white; border: 1px solid var(--line); border-radius: .9rem; }
.admin-filter label { color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.admin-filter select, .admin-filter input { width: 100%; height: 44px; margin-top: .4rem; padding: 0 .7rem; color: var(--ink); background: #f7f9f8; border: 1px solid #d6dfda; border-radius: .55rem; font-size: .75rem; }
.prediction-register { display: grid; gap: 1rem; }
.prediction-league-selector { margin: 1.5rem 0; padding-top: .35rem; }
.prediction-league-tile { appearance: none; font: inherit; text-align: left; cursor: pointer; }
.prediction-league-tile:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.prediction-league-panels { min-height: 420px; }
.prediction-league-panel { scroll-margin-top: 90px; animation: prediction-panel-in .22s ease both; }
.prediction-league-panel[hidden] { display: none; }
@keyframes prediction-panel-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.prediction-day__cards { display: grid; gap: 1rem; padding: 1rem; background: #eef3f0; }
.prediction-day-loader { display: grid; gap: .25rem; place-items: center; min-height: 110px; padding: 1.5rem; color: #52615b; background: white; border: 1px dashed #c8d3cd; border-radius: .8rem; text-align: center; }
.prediction-day-loader strong { font: 800 .85rem "Manrope"; }
.prediction-day-loader span { color: var(--muted); font-size: .7rem; }
.prediction-day-loader--error { color: #7b321d; background: #fff7f4; border-color: #efc8b9; }
.admin-prediction-card { overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 1rem; }
.admin-prediction-card > header { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.3rem 1.5rem; color: white; background: var(--green); }
.admin-prediction-card > header span { color: #bdd0ca; font-size: .64rem; }
.admin-prediction-card > header h2 { margin: .25rem 0 0; font: 800 1.2rem "Manrope"; }
.admin-prediction-card > header .match-state { display: inline-block; padding: .22rem .45rem; color: #d7e5e0; background: rgba(255,255,255,.12); border-radius: 99px; font-weight: 800; letter-spacing: .05em; }
.admin-prediction-card > header .match-state--live { color: #073b2d; background: #6ff0af; box-shadow: 0 0 0 4px rgba(111,240,175,.16); }
.admin-prediction-card > header .match-state--finished { color: #23312c; background: #d8e0dc; }
.prediction-plain { display: grid; grid-template-columns: 190px minmax(240px,.8fr) minmax(300px,1.4fr); gap: 1.2rem; align-items: start; padding: 1.25rem 1.4rem; }
.prediction-pick { padding: 1rem; color: white; background: linear-gradient(135deg,var(--league-secondary),var(--league-primary)); border-radius: .8rem; }
.prediction-pick small, .prediction-pick strong, .prediction-pick span { display: block; }
.prediction-pick small { color: var(--league-accent); font-size: .57rem; font-weight: 800; letter-spacing: .1em; }
.prediction-pick strong { margin-top: .45rem; font: 800 1.25rem "Manrope"; }
.prediction-pick span { margin-top: .3rem; color: rgba(255,255,255,.75); font-size: .66rem; }
.prediction-probabilities { display: grid; gap: .45rem; }
.prediction-probabilities span { display: flex; justify-content: space-between; gap: 1rem; padding: .58rem .7rem; color: #51605a; background: #f4f7f5; border-radius: .5rem; font-size: .68rem; }
.prediction-probabilities b { color: var(--ink); }
.prediction-explanation h3 { margin: 0 0 .35rem; font: 800 .9rem "Manrope"; }
.prediction-explanation p { margin: 0 0 .55rem; font-size: .78rem; line-height: 1.55; }
.prediction-explanation span, .prediction-explanation em { display: block; margin-top: .3rem; color: var(--muted); font-size: .68rem; line-height: 1.45; }
.prediction-explanation em { padding-left: .55rem; color: #76521a; border-left: 3px solid var(--gold); font-style: normal; }
.prediction-technical { border-top: 1px solid var(--line); }
.prediction-technical > summary { padding: .85rem 1.4rem; cursor: pointer; color: var(--green-2); background: #f8faf8; font-size: .7rem; font-weight: 800; }
.prediction-badges { display: flex; gap: .4rem; align-items: center; }
.prediction-badges span, .prediction-badges b { padding: .3rem .5rem; color: white !important; background: rgba(255,255,255,.14); border-radius: 99px; font-size: .56rem !important; text-transform: uppercase; }
.prediction-badges b { color: #792f1a !important; background: #fee0d5; }
.prediction-badges b.genuine { color: #07562f !important; background: #ccefdc; }
.prediction-badges b.confidence-badge--low,.dashboard-confidence.confidence-badge--low { color: #7d2f24 !important; background: #f8d8d2; }
.prediction-badges b.confidence-badge--medium,.dashboard-confidence.confidence-badge--medium { color: #725113 !important; background: #fae5ad; }
.prediction-badges b.confidence-badge--high,.dashboard-confidence.confidence-badge--high { color: #07562f !important; background: #ccefdc; }
.prediction-confidence-note { display: block; margin-top: .75rem; padding-top: .65rem; color: rgba(255,255,255,.82); border-top: 1px solid rgba(255,255,255,.2); font-size: .59rem; font-style: normal; line-height: 1.45; }
.dashboard-confidence { display: inline-flex; margin-top: .35rem; padding: .24rem .42rem; border-radius: 99px; font-size: .52rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.prediction-metadata { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.prediction-metadata > div { padding: 1rem 1.4rem; border-right: 1px solid var(--line); }
.prediction-metadata > div:last-child { border-right: 0; }
.prediction-metadata small, .prediction-metadata strong { display: block; }
.prediction-metadata small { color: var(--muted); font-size: .58rem; text-transform: uppercase; }
.prediction-metadata strong { margin-top: .25rem; font-size: .75rem; }
.admin-prediction-card .admin-table-wrap { padding: 0 1rem 1rem; }
.admin-history-hero__inner { display: flex; justify-content: space-between; gap: 2rem; align-items: end; }
.admin-history-hero__actions { display: flex; gap: .7rem; flex: 0 0 auto; }
.history-retention-bar { display: grid; grid-template-columns: 240px 160px 1fr; gap: 1rem; align-items: center; padding: 1.25rem 1.4rem; color: white; background: linear-gradient(120deg,var(--green),#0d5d49); border-radius: 1rem; box-shadow: 0 14px 30px rgba(6,45,36,.13); }
.history-retention-bar small, .history-retention-bar strong { display: block; }
.history-retention-bar small { color: var(--gold); font-size: .58rem; font-weight: 800; letter-spacing: .1em; }
.history-retention-bar strong { margin-top: .35rem; font: 800 1rem "Manrope"; }
.history-retention-bar p { margin: 0; color: #c5d8d1; font-size: .72rem; line-height: 1.5; }
.history-filter { display: flex; gap: .8rem; align-items: end; margin: 1.3rem 0 1.6rem; padding: 1rem; background: white; border: 1px solid var(--line); border-radius: .8rem; }
.history-filter label { flex: 1; color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.history-filter select, .history-filter input[type="date"] { width: 100%; height: 44px; margin-top: .35rem; padding: 0 .7rem; background: #f7f9f8; border: 1px solid #d6dfda; border-radius: .55rem; }
.admin-predictions-hero__actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.admin-prediction-day-filter .btn { white-space: nowrap; }
.prediction-history { display: grid; gap: 1.5rem; }
.history-month { overflow: hidden; background: white; border: 1px solid var(--line); border-radius: 1rem; box-shadow: 0 12px 30px rgba(6,45,36,.08); }
.history-month > header { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1.45rem 1.6rem; color: white; background: linear-gradient(120deg,#082f25,var(--green-2)); }
.history-month > header small { color: var(--gold); font-size: .58rem; font-weight: 800; letter-spacing: .12em; }
.history-month > header h2 { margin: .25rem 0 0; font: 800 1.6rem "Manrope"; }
.history-month > header > strong { padding: .45rem .7rem; color: var(--green); background: var(--gold); border-radius: 99px; font-size: .68rem; }
.history-month__weeks { display: grid; gap: .8rem; padding: 1rem; background: #eef3f0; }
.history-week { overflow: hidden; background: white; border: 1px solid #d8e1dc; border-radius: .8rem; }
.history-week > summary { display: grid; grid-template-columns: 1fr auto 16px; gap: 1rem; align-items: center; padding: 1rem 1.15rem; cursor: pointer; list-style: none; background: #f8faf9; }
.history-week > summary::-webkit-details-marker, .history-day > summary::-webkit-details-marker { display: none; }
.history-week > summary span b, .history-week > summary span small { display: block; }
.history-week > summary span b { color: var(--green); font: 800 .92rem "Manrope"; }
.history-week > summary span small { margin-top: .15rem; color: var(--muted); font-size: .66rem; }
.history-week > summary > strong { color: var(--muted); font-size: .67rem; }
.history-week > summary i, .history-day > summary i { width: 9px; height: 9px; border-right: 2px solid #718078; border-bottom: 2px solid #718078; transform: rotate(45deg); transition: transform .18s ease; }
.history-week[open] > summary i, .history-day[open] > summary i { transform: rotate(225deg); }
.history-week__days { display: grid; gap: .7rem; padding: .8rem; border-top: 1px solid var(--line); }
.history-day { overflow: hidden; border: 1px solid #e0e7e3; border-radius: .7rem; }
.history-day > summary { display: grid; grid-template-columns: 54px 1fr auto 16px; gap: .8rem; align-items: center; padding: .75rem .9rem; cursor: pointer; list-style: none; }
.history-day > summary > span:nth-child(2) strong, .history-day > summary > span:nth-child(2) small { display: block; }
.history-day > summary > span:nth-child(2) strong { font: 800 .85rem "Manrope"; }
.history-day > summary > span:nth-child(2) small { color: var(--muted); font-size: .65rem; }
.history-day > summary > b { color: var(--muted); font-size: .65rem; }
.history-match-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; padding: .8rem; background: #f3f6f4; border-top: 1px solid var(--line); }
.history-match-card { overflow: hidden; padding: 1rem; background: white; border: 1px solid #dce4e0; border-radius: .75rem; }
.history-match-card > header { display: flex; justify-content: space-between; gap: 1rem; align-items: center; color: var(--muted); font-size: .62rem; }
.history-match-card > header span { font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.history-match-card > header b { padding: .25rem .45rem; color: var(--green); background: #dff1e8; border-radius: 99px; }
.history-match-card__teams { display: grid; grid-template-columns: 1fr 24px 1fr; gap: .5rem; align-items: center; margin: .9rem 0; }
.history-match-card__teams strong { font: 800 .86rem "Manrope"; }
.history-match-card__teams strong:last-child { text-align: right; }
.history-match-card__teams span { color: var(--muted); font-size: .58rem; text-align: center; text-transform: uppercase; }
.history-match-card__meta { display: flex; gap: .4rem; flex-wrap: wrap; }
.history-match-card__meta span { padding: .23rem .4rem; color: #57655f; background: #edf2ef; border-radius: .35rem; font-size: .58rem; }
.history-match-card__pick { margin-top: .8rem; padding: .75rem; color: white; background: linear-gradient(135deg,var(--green),#0d624c); border-radius: .6rem; }
.history-match-card__pick small, .history-match-card__pick strong, .history-match-card__pick span { display: block; }
.history-match-card__pick small { color: var(--gold); font-size: .53rem; font-weight: 800; letter-spacing: .1em; }
.history-match-card__pick strong { margin-top: .25rem; font: 800 1rem "Manrope"; }
.history-match-card__pick span { margin-top: .15rem; color: #c6d9d2; font-size: .62rem; }
.history-match-card__probabilities { display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem; margin-top: .65rem; }
.history-match-card__probabilities span { display: flex; justify-content: space-between; padding: .4rem .5rem; background: #f1f5f3; border-radius: .4rem; font-size: .6rem; }
.history-match-card > p { margin: .7rem 0 .3rem; font-size: .7rem; line-height: 1.45; }
.history-match-card > small { color: var(--muted); font-size: .62rem; }
.history-empty { padding: 4rem 2rem; text-align: center; }
.admin-pagination { display: flex; justify-content: center; gap: 1rem; align-items: center; margin-top: 1.5rem; font-size: .75rem; }
.admin-pagination a { padding: .5rem .8rem; color: white; background: var(--green); border-radius: .5rem; text-decoration: none; }
.edge-lab { min-height: 100vh; background: #edf3ef; }
.edge-hero { display: grid; grid-template-columns: 1fr 300px; gap: 2rem; align-items: end; padding: 2.4rem; color: white; background: linear-gradient(130deg,#062b22,#0b664d); border-radius: 1.2rem; box-shadow: 0 18px 45px rgba(4,38,29,.18); }
.edge-hero h1 { margin: .35rem 0 .7rem; font: 800 2.6rem "Manrope"; }
.edge-hero p { max-width: 760px; margin: 0; color: #c9ddd5; font-size: .78rem; line-height: 1.6; }
.edge-hero__question { padding: 1rem; color: var(--green); background: var(--gold); border-radius: .8rem; }
.edge-hero__question small, .edge-hero__question strong { display: block; }
.edge-hero__question small { font-size: .55rem; font-weight: 800; letter-spacing: .1em; }
.edge-hero__question strong { margin-top: .35rem; font: 800 .95rem "Manrope"; }
.edge-filter, .edge-bankroll-form { display: grid; grid-template-columns: repeat(3,1fr) auto; gap: .8rem; align-items: end; margin: 1.2rem 0; padding: 1rem; background: white; border: 1px solid var(--line); border-radius: .85rem; }
.edge-filter label, .edge-bankroll-form label { color: var(--muted); font-size: .58rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.edge-filter select, .edge-bankroll-form select, .edge-bankroll-form input { width: 100%; height: 42px; margin-top: .3rem; padding: 0 .65rem; border: 1px solid #d6dfda; border-radius: .5rem; }
.edge-section { margin-top: 1.2rem; padding: 1.25rem; background: white; border: 1px solid var(--line); border-radius: 1rem; box-shadow: 0 10px 28px rgba(6,45,36,.06); }
.edge-metrics { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: .65rem; margin-top: 1rem; }
.edge-metrics--five { grid-template-columns: repeat(5,1fr); }
.edge-metrics article { padding: 1rem; background: #f4f7f5; border-radius: .7rem; border-top: 3px solid #a7b6ae; }
.edge-metrics article.qualified { border-color: #16845d; }.edge-metrics article.watchlist { border-color: #d59a23; }.edge-metrics article.rejected { border-color: #ad4938; }
.edge-metrics small, .edge-metrics strong { display: block; }.edge-metrics small { color: var(--muted); font-size: .53rem; font-weight: 800; }.edge-metrics strong { margin-top: .3rem; font: 800 1.15rem "Manrope"; }
.edge-opportunities { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .9rem; margin-top: 1rem; }
.edge-opportunity { overflow: hidden; border: 1px solid #dbe4df; border-radius: .8rem; }
.edge-opportunity > header { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem; color: white; background: #0b4b3a; }
.edge-opportunity > header small { color: #bed6cc; font-size: .55rem; }.edge-opportunity > header h3 { margin: .25rem 0 0; font: 800 .95rem "Manrope"; }.edge-opportunity > header > strong { color: var(--gold); font: 800 1.15rem "Manrope"; }
.edge-opportunity__pick { display: grid; grid-template-columns: auto auto 1fr; gap: .7rem; align-items: center; padding: .9rem 1rem; }.edge-opportunity__pick span { font-weight: 800; }.edge-opportunity__pick b { font-size: 1.2rem; }.edge-opportunity__pick small { color: var(--muted); text-align: right; }
.edge-opportunity__status { display: flex; gap: .55rem; align-items: center; padding: .6rem 1rem; background: #f1f5f3; font-size: .6rem; }.edge-opportunity__status b { color: var(--green); }.edge-opportunity__status span { flex: 1; }.edge-opportunity__status em { font-style: normal; font-weight: 800; }
.edge-score-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: .45rem; padding: .8rem 1rem; }.edge-score-grid span { display: flex; justify-content: space-between; gap: .4rem; padding: .45rem; background: #f5f7f6; border-radius: .4rem; }.edge-score-grid small { color: var(--muted); font-size: .52rem; text-transform: uppercase; }
.edge-opportunity details { border-top: 1px solid var(--line); }.edge-opportunity summary { padding: .7rem 1rem; cursor: pointer; color: var(--green); font-size: .65rem; font-weight: 800; }.edge-evidence { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; padding: .9rem 1rem; background: #f7f9f8; }.edge-evidence h4 { font: 800 .7rem "Manrope"; }.edge-evidence p { margin: .3rem 0; color: var(--muted); font-size: .62rem; line-height: 1.4; }
.edge-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }.edge-postmortems p { display: flex; justify-content: space-between; padding: .65rem .8rem; margin: .4rem 0; background: #f4f7f5; border-radius: .45rem; font-size: .68rem; }.edge-status { padding: .25rem .4rem; border-radius: 99px; font-size: .55rem; font-weight: 800; }.edge-status--production_eligible { color: #07562f; background: #ccefdc; }.edge-status--disabled { color: #812f20; background: #f7d7cf; }.edge-status--insufficient, .edge-status--promising { color: #76521a; background: #faeac8; }
.edge-empty { padding: 2rem; color: var(--muted); text-align: center; background: #f5f7f6; border-radius: .7rem; }.edge-warning { margin: .8rem 0 0; padding: .7rem; color: #76521a; background: #fff4d9; border-radius: .5rem; font-size: .68rem; }
.ledger-proof { display: block; margin-top: .25rem; color: var(--muted); font-size: .52rem; white-space: nowrap; }
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: page-morph-out .28s ease both; }
::view-transition-new(root) { animation: page-morph-in .58s cubic-bezier(.2,.8,.2,1) both; }
@keyframes ambient-shift { to { background-position: 18% 12%,82% 88%; } }
@keyframes hero-drift { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
@keyframes highest-accuracy-arrive { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes signal-float { 0%,100% { transform: translateY(0) rotate(0); border-radius: 1rem; } 50% { transform: translateY(-9px) rotate(.25deg); border-radius: 1.6rem .9rem; } }
@keyframes blob-morph { 0% { transform: translate3d(0,0,0) scale(1); border-radius: 42% 58% 62% 38% / 46% 42% 58% 54%; } 50% { transform: translate3d(5vw,4vh,0) scale(1.12); border-radius: 63% 37% 42% 58% / 38% 61% 39% 62%; } 100% { transform: translate3d(1vw,11vh,0) scale(.94); border-radius: 35% 65% 57% 43% / 58% 35% 65% 42%; } }
@keyframes page-morph-in { from { opacity: 0; transform: translateY(14px) scale(.992); clip-path: ellipse(48% 16% at 50% 0%); } to { opacity: 1; transform: none; clip-path: ellipse(125% 110% at 50% 50%); } }
@keyframes page-morph-out { from { opacity: 1; transform: none; clip-path: ellipse(125% 110% at 50% 50%); } to { opacity: 0; transform: translateY(-8px) scale(.995); clip-path: ellipse(58% 38% at 50% 18%); } }
@media (max-width: 768px) {
  .hero { min-height: auto; }
  .section-pad { padding: 4rem 0; }
  .price-card.featured { transform: none; }
  .timeline article { grid-template-columns: 50px 1fr; gap: 1rem; }
  .timeline article > b { font-size: 1.8rem; }
  .fixtures-hero__inner { min-height: 320px; align-items: flex-start; flex-direction: column; padding-top: 4.2rem; padding-bottom: 3rem; }
  .fixtures-hero__stat { display: none; }
  .fixture-toolbar { position: static; }
  .fixture-filter { grid-template-columns: 1fr 1fr; }
  .fixture-filter__field--league, .fixture-filter__submit { grid-column: 1 / -1; }
  .fixture-quick-row { align-items: stretch; flex-direction: column; }
  .fixture-search { width: 100%; }
  .league-selector__all, .league-tile { flex-basis: 235px; }
  .fixture-legend span:last-child { width: 100%; margin-left: 0; }
  .league-board__banner { min-height: 210px; align-items: flex-start; flex-direction: column; padding: 1.35rem; }
  .league-board__identity { align-items: flex-start; }
  .league-board__logo { width: 76px; height: 76px; }
  .league-board__summary { max-width: none; text-align: left; }
  .league-board__summary strong { display: inline; margin-right: .4rem; font-size: 1.5rem; }
  .league-board__summary span { display: inline; }
  .league-board__content { padding: .75rem; }
  .fixture-day > summary { grid-template-columns: 48px 1fr 16px; gap: .7rem; padding: .75rem; }
  .fixture-day__count { display: none; }
  .fixture-row { grid-template-columns: 58px 1fr auto; gap: .65rem; min-height: 98px; padding: .75rem; }
  .fixture-row__teams { grid-template-columns: 1fr; gap: .18rem; }
  .fixture-row__teams span:first-child { text-align: left; }
  .fixture-row__teams b { width: auto; height: auto; justify-content: start; color: var(--muted); background: transparent; font-size: .5rem; }
  .fixture-row__meta { grid-column: 2 / 4; }
  .fixture-row__meta span, .fixture-row__meta small { display: none; }
  .fixture-row__meta .fixture-countdown { margin: -.15rem 0 0; font-size: .62rem; }
  .match-detail-hero__inner { min-height: auto; padding-bottom: 3.5rem; }
  .match-scoreboard { grid-template-columns: 1fr 100px 1fr; gap: .5rem; }
  .match-team__crest { width: 76px; height: 76px; }
  .match-team h1 { font-size: 1.2rem; }
  .match-kickoff span { font-size: .62rem; }
  .match-kickoff strong { font-size: 1rem; }
  .match-kickoff b { width: 42px; height: 42px; }
  .match-facts, .match-detail-grid, .venue-detail-card { grid-template-columns: 1fr; }
  .match-facts { margin-top: -1.5rem; }
  .match-facts > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .match-facts > div:last-child { border-bottom: 0; }
  .cashflow-grid, .prediction-summary, .prediction-metadata, .payment-routing__grid, .support-config__grid, .member-support, .support-feedback-compose, .transaction-control-grid { grid-template-columns: 1fr; }
  .member-support__options { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .transaction-decisions { position: static; max-height: none; }
  .transaction-completed__layout { grid-template-columns: 1fr; }
  .transaction-filter { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem .7rem; }
  .transaction-filter h3,.transaction-filter .btn,.transaction-filter > a { grid-column: 1 / -1; }
  .transaction-filter label { margin-top: .2rem; }
  .transaction-row__facts { grid-template-columns: repeat(2,1fr); }
  .admin-history-hero__inner { align-items: flex-start; flex-direction: column; }
  .history-retention-bar { grid-template-columns: 1fr 1fr; }
  .history-retention-bar p { grid-column: 1 / -1; }
  .history-match-grid { grid-template-columns: 1fr; }
  .admin-filter { grid-template-columns: 1fr 1fr; }
  .admin-filter .btn { grid-column: 1 / -1; }
  .admin-prediction-card > header { align-items: flex-start; flex-direction: column; }
  .prediction-plain { grid-template-columns: 1fr; }
  .prediction-metadata > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .performance-hero__inner { min-height: auto; align-items: flex-start; flex-direction: column; gap: 2rem; padding-top: 4rem; padding-bottom: 4rem; }
  .performance-hero h1 { font-size: 3.2rem; }
  .performance-hero__stats, .performance-hero__score { width: 100%; }
  .performance-hero__stats { flex-basis: auto; }
  .performance-section-head { align-items: flex-start; flex-direction: column; gap: 1.2rem; }
  .season-matrix-panel__head { align-items: flex-start; grid-template-columns: 1fr; }
  .season-matrix-rings { width: 100%; }
  .goals-rule { width: 100%; justify-content: center; flex-wrap: wrap; border-radius: .8rem; }
  .goals-result { grid-template-columns: 1fr repeat(4,auto); }
  .goals-result__match { grid-column: 1 / -1; }
  .history-controls { width: 100%; overflow-x: auto; }
  .benchmark-metrics, .metric-grid--performance { grid-template-columns: repeat(2,1fr); }
  .history-season-metrics, .benchmark-note { grid-template-columns: 1fr; }
  .source-audit__body ul { columns: 1; }
  .ledger-explainer { align-items: flex-start; flex-direction: column; gap: .3rem; }
  .edge-hero, .edge-grid-two { grid-template-columns: 1fr; }.edge-filter, .edge-bankroll-form { grid-template-columns: 1fr 1fr; }.edge-opportunities { grid-template-columns: 1fr; }.edge-metrics, .edge-metrics--five { grid-template-columns: repeat(2,1fr); }.edge-evidence { grid-template-columns: 1fr; }
  .paybill-grid { grid-template-columns: 1fr; }
  .paybill-card--claim { grid-column: auto; }
}
@media (max-width: 430px) {
  .payment-routing__form, .support-config__form { grid-template-columns: 1fr; }
  .payment-routing__form label, .payment-routing__form input, .payment-routing__form small, .payment-routing__form .btn, .support-config__form label, .support-config__form input, .support-config__form small, .support-config__form .btn { grid-column: 1; }
  .member-support__options,.transaction-filter,.transaction-row__facts { grid-template-columns: 1fr; }
  .support-feedback-compose form { grid-template-columns: 1fr; }
  .support-feedback-compose form > div { grid-column: 1; align-items: stretch; flex-direction: column; }
  .transaction-row > header { align-items: flex-start; flex-direction: column; }
  .transaction-filter h3,.transaction-filter .btn,.transaction-filter > a { grid-column: 1; }
  .fixture-filter { grid-template-columns: 1fr; }
  .fixture-filter__field--league, .fixture-filter__submit { grid-column: auto; }
  .fixtures-hero h1 { font-size: 2.6rem; }
  .league-board__identity h2 { font-size: 1.5rem; }
  .fixture-row__status a { display: none; }
  .performance-hero h1 { font-size: 2.65rem; }
  .highest-accuracy-card { min-height: 92px; }
  .highest-accuracy-card strong { font-size: 2.35rem; }
  .benchmark-metrics, .metric-grid--performance { grid-template-columns: 1fr; }
  .season-matrix-panel { padding: 1rem; }
  .season-matrix-rings { gap: .6rem; }
  .season-matrix-ring { width: 96px; height: 96px; flex-basis: 96px; }
  .season-matrix-ring strong { font-size: 1rem; }
  .history-season-group { padding: 1rem; }
  .admin-history-hero__actions, .history-filter { width: 100%; flex-direction: column; align-items: stretch; }
  .history-retention-bar { grid-template-columns: 1fr; }
  .history-retention-bar p { grid-column: auto; }
  .history-day > summary { grid-template-columns: 48px 1fr 16px; }
  .history-day > summary > b { display: none; }
  .history-season-group__head { align-items: flex-start; }
  .history-season-group__head p { display: none; }
  .history-metric__title { align-items: start; grid-template-columns: 1fr; }
  .history-metric__title h4 { min-height: 0; }
  .history-metric__details { align-items: flex-start; flex-direction: column; }
  .history-metric__details span:last-child { text-align: left; }
  .goals-result { grid-template-columns: repeat(2,1fr); }
  .goals-result__match { grid-column: 1 / -1; }
  .goals-result > b { justify-self: start; }
  .paybill-facts { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
/* Subscription-protected football statistics. */
.member-statistics { margin-bottom: 1.5rem; }
.member-statistics h2 { margin: .3rem 0 0; font-size: 1.6rem; }
.statistics-toolbar, .statistics-pagination { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 1.25rem 0; }
.statistics-tabs { display: flex; gap: .5rem; }
.statistics-filters { display: flex; align-items: end; gap: .75rem; flex-wrap: wrap; }
.statistics-filters label { display: block; font-size: .8rem; font-weight: 700; margin-bottom: .4rem; }
.statistics-search { flex: 1; min-width: 180px; }
.statistics-definition, .statistics-freshness { font-size: .82rem; line-height: 1.6; color: #53605b; margin: 1rem 0; }
.statistics-warning { padding: .8rem 1rem; background: #fff5dc; color: #664b12; border-left: 3px solid #d8ad38; border-radius: .3rem; font-size: .85rem; }
.statistics-table { overflow-x: auto; }
.statistics-table table { min-width: 900px; }
.statistics-table th[scope="row"] { min-width: 165px; }
.statistics-table small { display: block; margin-top: .25rem; font-size: .72rem; font-weight: 400; color: #53605b; }
.statistics-form { display: flex; gap: .15rem; margin-top: .4rem; }
.statistics-form span { font-size: .65rem; font-weight: 800; padding: .15rem .28rem; border-radius: .2rem; }
.statistics-form .form-W { background: #e2f3e8; color: #165732; }
.statistics-form .form-D { background: #eff1f0; color: #36423d; }
.statistics-form .form-L { background: #fbe8e4; color: #873023; }
@media (max-width: 575px) { .statistics-filters > div { width: 100%; } .statistics-toolbar { align-items: start; } .member-statistics .panel-head { flex-wrap: wrap; gap: .8rem; } }