/* Matchday presentation layer. Visual only: no data or backend ownership. */
:root{--match:#4e8ed8;--knowledge:#d3a72f;--talent:#8c61a7;--hit:#df684f}
.top{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.brand{letter-spacing:-.8px}.brand:after{content:"MATCHDAY";display:block;margin-top:-2px;color:var(--u);font-size:7px;font-weight:950;letter-spacing:.18em;text-align:center}
.daily-cta{border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 42px rgba(13,25,19,.24)}
.daily-cta:after{content:"";position:absolute;inset:auto -35% -45% 25%;height:75%;background:radial-gradient(circle,rgba(203,255,85,.22),transparent 65%);z-index:-1}
.daily-cta-label{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(7,20,14,.35);backdrop-filter:blur(5px);font-size:9px;letter-spacing:.09em}
.daily-kickoff{transition:transform .18s ease,box-shadow .18s ease}.daily-cta:hover .daily-kickoff{transform:translateY(-2px);box-shadow:0 12px 30px rgba(203,255,85,.18)}
.matchday-copy{margin:-7px 0 15px;color:#68716c;font-size:13px;font-weight:750}
.explore-level-card{position:relative;overflow:hidden}.explore-level-card:before{content:"";position:absolute;right:-45px;top:-55px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,rgba(203,255,85,.2),transparent 68%)}
.level-crest{width:39px;height:45px;display:grid;place-items:center;margin-right:10px;border:2px solid var(--i);border-radius:12px 12px 17px 17px;background:linear-gradient(145deg,var(--i),#30463b);color:var(--l);font-size:17px;box-shadow:0 5px 0 rgba(16,23,19,.13)}
.level-head>span:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center}.level-head>span:first-child small,.level-head>span:first-child b{grid-column:2}.level-head>span:first-child .level-crest{grid-column:1;grid-row:1/3}
.segment{transition:transform .18s ease,box-shadow .18s ease;border-top:0}.segment:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,23,19,.11)}
.segment-vibe{display:block;margin-top:7px;color:var(--segment-color,var(--u));font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.challenge-match{--matchday-accent:var(--match)}.challenge-knowledge{--matchday-accent:var(--knowledge)}.challenge-talent{--matchday-accent:var(--talent)}.challenge-hit{--matchday-accent:var(--hit)}
.challenge-card{border-top:5px solid var(--matchday-accent,var(--challenge-border));background-image:radial-gradient(circle at 92% 4%,color-mix(in srgb,var(--matchday-accent,var(--challenge-border)) 12%,transparent),transparent 26%)}
.challenge-heading:before{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--matchday-accent,var(--i));color:#fff;font-size:15px;box-shadow:0 5px 12px color-mix(in srgb,var(--matchday-accent,var(--i)) 30%,transparent)}
.challenge-match .challenge-heading:before{content:"⚽"}.challenge-knowledge .challenge-heading:before{content:"🧠"}.challenge-talent .challenge-heading:before{content:"🔭"}.challenge-hit .challenge-heading:before{content:"🎯"}
.challenge-heading .eye{margin-right:auto}.challenge-heading{justify-content:flex-start}.challenge-heading .challenge-name{margin-left:auto}
.instant-result{position:relative;overflow:hidden;animation:result-arrival .42s cubic-bezier(.2,.9,.25,1.2)}
.instant-result:after{content:"";position:absolute;right:-17px;top:-24px;width:80px;height:80px;border:15px solid currentColor;border-radius:50%;opacity:.06}
.result-banter{display:block;margin-top:2px;font-size:18px;font-weight:950;letter-spacing:-.03em}
@keyframes result-arrival{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.locked,.inline-confirmation{border-left:4px solid var(--matchday-accent,var(--l))}
.status.pending,.performance-evidence-value:not(.up):not(.down){background:#e9e2c9!important;color:#67531b!important}.status.pending{font-size:0}.status.pending:after{content:"WAITING FOR VAR";font-size:10px}
.form-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:0 0 18px;padding:15px 16px;border-radius:18px;background:linear-gradient(135deg,#15231d,#253b31);color:#fff;box-shadow:0 12px 28px rgba(16,23,19,.16)}
.form-card small,.form-card b{display:block}.form-card small{color:#afbbb4;font-size:9px;font-weight:900;letter-spacing:.08em}.form-card b{margin-top:3px;font-size:16px}.form-run{display:flex;gap:5px}.form-result{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#425148;color:#fff;font-size:10px;font-weight:950}.form-result.win{background:#69d5a0;color:#10251b}.form-result.loss{background:#e47869}.form-result.pending{border:1px solid #7d8982;background:transparent;color:#bdc6c1}
.rank-user{position:relative;overflow:hidden}.rank-user.is-you{border-width:2px!important;box-shadow:0 9px 24px rgba(203,255,85,.18)}.rank-user.is-you:after{content:"YOUR SPOT";position:absolute;right:-25px;top:9px;width:92px;padding:3px 0;transform:rotate(35deg);background:var(--l);color:var(--i);font-size:7px;font-weight:950;text-align:center;letter-spacing:.06em}.rank-gap{grid-column:2/-1;margin-top:4px;color:var(--u);font-size:9px;font-weight:850}.rank-rivalry{margin:10px 0 14px;padding:11px 13px;border-left:4px solid var(--l);border-radius:0 12px 12px 0;background:#edf0ea;font-size:11px;font-weight:850}
.rank-user:nth-child(1) .avatar:after{content:"♛";position:absolute;margin:-45px 0 0 29px;color:#9b7920;font-size:15px}.rank-user .avatar{position:relative}
@media(prefers-reduced-motion:reduce){.instant-result{animation:none}.daily-kickoff,.segment{transition:none}}
@media(max-width:390px){.challenge-heading:before{width:27px;height:27px}.form-card{padding:13px}.form-result{width:25px;height:25px}}

/* Matchday v2: stronger hierarchy and clearer football-state language. */
#homeSegments .segment{position:relative;overflow:hidden;min-height:164px;padding:18px 16px 15px;background:linear-gradient(150deg,#fff 58%,color-mix(in srgb,var(--segment-color,var(--i)) 10%,#fff));box-shadow:0 8px 22px rgba(16,23,19,.07)}
#homeSegments .segment:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--segment-color,var(--i))}
#homeSegments .segment:after{content:"↗";position:absolute;right:13px;top:13px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--segment-color,var(--i)) 14%,#fff);color:var(--segment-color,var(--i));font-size:13px;font-weight:950}
#homeSegments .segment>span:first-child{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--segment-color,var(--i)) 13%,#fff);font-size:20px}
#homeSegments [data-football-identity="match"]{--segment-color:var(--match)}#homeSegments [data-football-identity="talent"]{--segment-color:var(--talent)}#homeSegments [data-football-identity="hit"]{--segment-color:var(--hit)}#homeSegments [data-football-identity="knowledge"]{--segment-color:var(--knowledge)}
#homeSegments .segment h3{margin-top:13px;letter-spacing:-.035em}#homeSegments .segment-vibe{margin-top:auto;padding-top:11px}
.level-step.current{position:relative;color:var(--i);font-weight:950}.level-step.current:before{content:"YOU";display:block;width:max-content;margin:-1px auto 4px;padding:2px 5px;border-radius:999px;background:var(--l);color:var(--i);font-size:6px;font-weight:950;letter-spacing:.08em}
.expertise-card .level-step.current:before{background:#fff;color:var(--i)}
.form-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:linear-gradient(120deg,#112019 0%,#1c382b 72%,#365844 100%)}
.form-card:after{content:"";position:absolute;right:-28px;bottom:-48px;width:125px;height:125px;border:20px solid rgba(255,255,255,.04);border-radius:50%}
.form-card em{display:block;margin-top:5px;color:#d9e2dc;font-size:10px;font-style:normal;font-weight:800}
.form-run{position:relative;z-index:1}.form-result{border-radius:50%;font-size:14px}.form-result.win{box-shadow:0 0 0 3px rgba(105,213,160,.12)}.form-result.loss{box-shadow:0 0 0 3px rgba(228,120,105,.1)}.form-result.pending{font-size:18px}
#ranks>.rank-user:nth-child(-n+3){min-height:73px;padding-top:14px;padding-bottom:14px;box-shadow:0 9px 22px rgba(16,23,19,.08)}
#ranks>.rank-user:nth-child(1){transform:scale(1.012);box-shadow:0 12px 28px rgba(210,167,46,.16)}
#ranks>.rank-user:nth-child(-n+3) .avatar{width:43px;height:43px;font-size:15px}
#performanceCharts{display:grid;gap:14px}#performanceCharts>.rating-trend,#performanceCharts>.performance-evidence-card,#performanceCharts>.donut-grid{margin-top:0!important}
.rating-trend,.performance-evidence-card,.donut-card{border:1px solid #d7dbd7!important;box-shadow:0 9px 24px rgba(16,23,19,.06)}
.impact-detail-row{transition:transform .14s ease,box-shadow .14s ease}.impact-detail-row:active{transform:scale(.992)}
#performance .performance-section{scroll-margin-top:70px}
.bottom-nav .nav{transition:transform .15s ease,background .15s ease}.bottom-nav .nav:active{transform:scale(.97)}.bottom-nav .nav.on{box-shadow:0 9px 22px rgba(16,23,19,.16)}
@media(max-width:390px){#homeSegments .segment{min-height:154px;padding:15px 13px 13px}#homeSegments .segment:after{right:10px;top:10px}.level-step.current:before{font-size:5px}.form-card{grid-template-columns:minmax(0,1fr) auto}.form-run{gap:4px}}