/* Matchday 03: clear blue actions, coral energy, violet private leagues. */
:root{--bg:#f5f7fc;--paper:#fff;--ink:#172139;--muted:#536078;--line:#e0e5f0;--lime:#e5ebff;--green:#3157dc;--blue:#3157dc;--coral:#ff795e;--violet:#7144ce}
body{background:var(--bg)}.brand-icon{background:#3157dc;color:#fff}.logo>span:last-child{color:#ff795e!important}.nav-item.active{background:#e8eeff;color:#2848bf;box-shadow:inset 3px 0 #3157dc}.nav-item:hover,.team-link:hover{background:#f0f3fb}.sidebar{border-right:1px solid #e5e9f3}.nav-badge{background:#f1eafa;color:#683db7;border-color:#e3d6f6}.topbar{background:#fff}.demo-pill{background:#f0edff;border:0;color:#61449a}.notification:after{background:#ff795e}.btn.primary,.score-step,.ask-input button{background:#3157dc;color:#fff}.btn.primary:hover,.score-step:hover:not(:disabled){background:#2344be}.btn.dark{background:#1b2945}.btn.outline{border-color:#bec9e0;color:#2f4269;background:#fff}.btn.outline:hover{background:#eef2ff}.text-link,.match-footer button{color:#3152bf}.tab.active{background:#e6edff;color:#2c48af}.mobile-bottom .active{color:#3157dc}.mobile-bottom .active:before{background:#3157dc}.mobile-bottom{border-top-color:#dfe5f2}.hero{background-color:#1b2950;background-position:center 50%;min-height:305px}.hero:before{background:linear-gradient(90deg,rgba(14,26,58,.96),rgba(27,37,78,.78) 48%,rgba(39,47,91,.05))}.hero .eyebrow{color:#cbd8ff}.hero h2 span{color:#ffb18d}.hero .btn.primary{background:#fff;color:#263c7a}.hero .btn.primary:hover{background:#e8eeff}.hero p{color:#edf2ff}.hero-bottom{color:#edf2ff}.competition-banner{background:#fff0e9;border:1px solid #f4d9cb}.competition-banner:after{color:#eea88e}.competition-banner .eyebrow,.competition-side small{color:#884b36}.competition-banner p{color:#624c43}.competition-banner .chip{border-color:#ddbaa8;background:#fff8f4;color:#754932}.sponsor-logo{color:#273047}.comp-card-top{background:#fff0e9}.comp-card:nth-child(2) .comp-card-top{background:#edf0ff}.comp-card:nth-child(3) .comp-card-top{background:#f1eafe}.comp-card-top h2{color:#202b45}.intelligence{background:#f0ebfb;border:1px solid #e0d5f2}.ai-star{background:#7346c7;color:#fff}.ai-beta{background:#e2d5f8;color:#6136a8}.intelligence .prompt{background:#fff;border-color:#d5c7ed;color:#3f315d}.intelligence .ask-input{background:#fff;border-color:#c9b9e6}.intelligence>p{color:#5e4f76}.rank-row.you{background:#edf1ff}.green-dot{color:#3157ad}.room-art{background:#dce7ff}.room-art.dark{background:#24355d}.room-art.warm{background:#ffe6da}.room-art.purple{background:#e6daf8}.social-card:first-child{background:#edf1ff}.social-card:last-child{background:#fff0e9}.social-tag{color:#66508c}.social-card .text-link{color:#3152bf}.invite-box{background:#f1edfb;color:#564374;border-color:#dfd4f1}.invite-box button{color:#6539b7}.match-card{box-shadow:0 3px 12px #293b6410;border-color:#e0e5f0}.match-card:hover{border-color:#a2b4ea;box-shadow:0 5px 18px #293b6414}.score-key>div{background:#edf2ff;color:#435578}.score-key strong{color:#294fc6}.score-key>div:nth-child(2){background:#f0eafa;color:#654d87}.score-key>div:nth-child(3){background:#fff0e8;color:#8a5038}.notice{background:#eef2fb;color:#485772;border-color:#d5dff1}.pick-progress-dots button.current{background:#e8eeff;color:#2848bf;border-color:#3157dc}.pick-progress-dots button.picked span{background:#3157dc;color:#fff}.pick-state.chosen{background:#eef2ff;color:#2c4fbd}.score-value{color:#172139}.score-step.minus{background:#edf1fb;color:#3453ab;border-color:#c8d3ee}.quick-scores button[aria-pressed=true]{background:#e9efff;border-color:#3157dc;color:#2848bf}.pick-savebar{background:#fff;border-top-color:#dae2f3}.prediction-page .detail-header{background:#fff}.podium-card.first{background:#f0eafd;border-color:#d6c5f2}.podium-card.first .podium-rank{color:#6538ae}.podium-numbers strong{color:#293d72}.crowd-headline strong{color:#3157dc}.crowd-stacked .home,.legend-dot.home{background:#3157dc}.crowd-stacked .draw,.legend-dot.draw{background:#b5c0d5}.crowd-stacked .away,.legend-dot.away{background:#9365d7}.crowd-preview{background:#e9efff}.fan-preview:last-child{background:#fff0e9}.fan-preview .eyebrow{color:#475b8b}.fan-preview strong{color:#3152bf}.fan-preview:last-child h3{color:#523c33}.question-option.selected{border-color:#3157dc;color:#2848bf}.question-fill{background:#e5ebff}.question-status{background:#eee7fa;color:#6d43a9}.history-result.exact{color:#3152bf;background:#e9efff}.history-result.correct{color:#7849b0;background:#f0eafa}.question-option.winner{border-color:#e4b186;color:#8c4a28}.question-option.winner .question-fill{background:#ffeedc}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #e55c36;outline-offset:3px}.private-page{max-width:610px}.friends-promo{position:relative;isolation:isolate;overflow:hidden;margin:12px 0 30px;min-height:260px;border-radius:18px;padding:30px;color:#fff;background:#4831a0 url('assets/football.jpg') center right/cover}.friends-promo:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#3d288e 0%,#5337a7f5 48%,#3d288e55 100%)}.friends-promo>div{max-width:390px}.friends-promo .eyebrow{font-size:12px;color:#e3d5ff;letter-spacing:1.5px}.friends-promo h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:14px 0 10px}.friends-promo p{color:#eee7ff;font-size:13px;line-height:1.6;max-width:295px;margin-bottom:20px}.friends-promo .btn.primary{background:#fff;color:#5e36af}.friends-promo .text-link{display:inline-flex;color:#fff;margin-left:15px}.friends-promo-badge{position:absolute;right:20px;top:22px;display:flex;align-items:center;gap:5px;background:#ffffffed;color:#533497;border-radius:100px;font-size:12px;font-weight:800;padding:8px 10px;letter-spacing:.6px}.friends-promo-badge svg{width:12px;height:12px}.league-empty{border:1px dashed #bdc9e5;border-radius:16px;padding:36px 24px;text-align:center;background:#fff}.league-empty>svg{width:36px;height:36px;color:#7144ce;margin-bottom:16px}.league-empty h3{font-size:20px}.league-empty p{font-size:14px;color:var(--muted);line-height:1.6;max-width:420px;margin:12px auto 20px}.league-how{display:flex;gap:28px;margin:28px 0;color:#4d5c78;font-size:12px}.league-how b{color:#8052c9;margin-right:7px}.league-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.league-tile{border:1px solid #e0d7f0;border-radius:16px;padding:20px;text-align:left;background:#fff;position:relative}.league-tile:hover{border-color:#976bd3;box-shadow:0 5px 20px #58338d12}.league-tile>.pill-label{position:absolute;right:15px;top:23px;font-size:12px;color:#6a45a3}.league-tile-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#ede4fb;color:#7144ce;margin-bottom:24px}.league-tile h3{font-size:19px;overflow-wrap:anywhere}.league-tile p{color:var(--muted);margin:8px 0 20px;font-size:13px}.league-mini-teams{display:flex;align-items:center;gap:5px;border-top:1px solid #edf0f7;padding-top:15px}.league-mini-teams>span:last-child{margin-left:auto;display:flex;align-items:center;gap:6px;font-weight:700;font-size:12px;color:#6540aa}.league-mini-teams svg{width:14px}.private-create>.pill-label{color:#6b45ad}.private-create .field{margin-top:18px}.private-create .section-heading{margin-top:26px;margin-bottom:12px}.private-create input[type=text],.private-create input:not([type]){min-height:50px}.league-bundles{display:flex;gap:9px;margin-bottom:14px}.private-match-list{display:grid;gap:8px}.private-match{display:flex;align-items:center;gap:12px;border:1px solid #dce3f0;border-radius:12px;padding:14px 12px;min-height:76px;cursor:pointer}.private-match:has(input:checked){background:#eef2ff;border-color:#9daee5}.private-match input{width:22px;height:22px;margin:0;accent-color:#3157dc;flex-shrink:0}.private-match>span{flex:1;min-width:0}.private-match strong{font-size:13px;line-height:1.55;display:block}.private-match small{font-size:12px;color:#596680}.private-match strong small{font-weight:400;padding:0 2px}.private-match>.crest{flex:0 0 auto}.league-scoring{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 16px}.league-scoring>span{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border-radius:12px;padding:14px 6px;background:#edf2ff;font-size:12px;color:#354b81}.league-scoring>span:nth-child(2){background:#f2eafa;color:#674585}.league-scoring>span:nth-child(3){background:#fff0e8;color:#7e4830}.league-scoring b{font:800 28px Manrope,sans-serif}.league-form-footer{position:sticky;bottom:-24px;background:#fff;padding:18px 0 6px}.form-error{color:#ac302b;font-size:13px;margin:12px 0}.invite-celebration{text-align:center;padding:10px 10px 18px}.invite-celebration>svg{display:block;width:52px;height:52px;border-radius:16px;padding:12px;margin:0 auto 20px;color:#7144ce;background:#f0e6fe}.invite-celebration>.pill-label{color:#704ba3;font-size:12px}.invite-celebration h2{font-size:29px;margin:12px 0;overflow-wrap:anywhere}.invite-celebration p{color:var(--muted);font-size:14px;line-height:1.6}.invite-actions{display:flex;gap:10px;margin-top:16px}.invite-actions>.btn{flex:1}#league-invite-link{font-size:12px;color:#5f4392;background:#f7f4fc;min-height:50px}.private-league-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#f0eafa,#e9efff);padding:28px;border:1px solid #ded9f1;border-radius:17px;margin-bottom:30px}.private-league-summary .pill-label{display:flex;align-items:center;gap:6px;color:#7144aa;font-size:12px}.private-league-summary .pill-label svg{width:13px;height:13px}.private-league-summary h2{font-size:26px;margin:12px 0}.private-league-summary p{color:#536078;font-size:13px}.private-detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.private-standings{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.private-standing{display:flex;align-items:center;gap:12px;padding:18px 16px;border-bottom:1px solid #edf0f8}.private-standing:last-child{border-bottom:0}.private-standing.is-you{background:#f1f4ff}.standings-rank{width:24px;font-size:18px;font-weight:800;text-align:center;color:#665296}.standings-name{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.standings-name strong{font-size:14px;overflow-wrap:anywhere}.standings-name small{font-weight:400;font-size:12px;color:#586882}.standings-points{font-size:12px;color:#596681;white-space:nowrap}.standings-points b{font-size:21px;color:#253e83}.waiting-friends{text-align:center;padding:24px 14px}.waiting-friends p{font-size:13px;color:var(--muted);margin-bottom:8px}.waiting-friends .text-link{margin:auto}.league-fixtures{display:grid;gap:12px}.league-fixture{text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.league-fixture:hover{border-color:#91a6e4}.league-fixture-meta{font-size:12px;color:#5e6d87;display:block}.league-fixture-teams{display:flex;align-items:center;gap:9px;margin:15px 0}.league-fixture-teams b{font-size:12px}.league-fixture-teams strong{font-size:23px;margin:0 auto;letter-spacing:1px;color:#253e83}.league-fixture>span:last-child{display:flex;align-items:center;justify-content:space-between;color:#3152bf;font-size:12px;font-weight:700}.league-fixture>span:last-child svg{width:15px}.back-link{margin-bottom:15px}.view-header h1{overflow-wrap:anywhere}.private-detail-grid .section-heading{min-height:40px}
@media(max-width:1100px){.league-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.private-detail-grid{grid-template-columns:1fr}.friends-promo-badge{display:none}}
@media(max-width:760px){.friends-promo{padding:25px 22px;min-height:270px;margin:8px 0 28px;background-position:70% center}.friends-promo:before{background:linear-gradient(90deg,#3d288efc 10%,#493199ed 64%,#49319977)}.friends-promo h2{font-size:29px}.friends-promo .eyebrow{font-size:12px;letter-spacing:1px}.friends-promo .btn{font-size:12px}.friends-promo .text-link{margin-left:10px;font-size:12px}.league-grid{grid-template-columns:1fr}.league-how{flex-direction:column;gap:13px}.private-page{width:calc(100% - 20px);max-width:610px;max-height:94dvh;border-radius:18px}.private-page .detail-body{padding:20px}.private-page .detail-header{padding:20px;position:sticky;top:0;background:#fff;z-index:2}.private-page .detail-header h2{font-size:20px}.private-create .section-heading h3{font-size:15px}.private-match{gap:9px;padding:13px 10px}.private-match strong{font-size:12px}.private-match>.crest{width:26px;height:28px;font-size:12px}.private-match small{font-size:12px}.league-bundles .btn{font-size:12px;flex:1;padding:10px 7px;min-height:44px}.league-form-footer{bottom:0;padding-bottom:12px}.league-form-footer .btn{min-height:52px;font-size:12px}.private-league-summary{display:block;padding:23px}.private-league-summary .btn{margin-top:20px;width:100%;min-height:50px}.private-league-summary h2{font-size:26px}.private-detail-grid{gap:28px}.private-standing{padding:16px 12px;gap:10px}.standings-name strong{font-size:13px}.league-fixture-teams{gap:8px}.league-fixture-teams b{font-size:12px}.invite-celebration h2{font-size:26px}.private-page .field input{min-height:48px}.invite-actions .btn{min-height:48px}.league-empty{padding:30px 20px}.league-empty h3{font-size:19px}.league-empty .btn{width:100%}.hero{min-height:300px}.hero .hero-content{padding:27px 24px}.hero:before{background:linear-gradient(90deg,#0e1a3af0,#1b254ec4 65%,#272f5b33)}.mobile-bottom button{min-height:58px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}