:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}.page-layout{width:100%}:root{--bg: #f6f1ff;--bg-soft: #efe6ff;--panel: #ffffff;--panel-tint: #faf7ff;--text: #1f1538;--muted: #6e6292;--line: #dfd5f6;--primary: #6f3bd2;--primary-strong: #5625bb;--primary-soft: #f0e8ff;--danger: #d72650;--warning: #ef9f28;--live: #7a3cff;--shadow: 0 16px 34px rgba(83, 43, 160, .14)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);font-size:15px;line-height:1.45;background:radial-gradient(circle at top,#fff,#f5eeff 56%,#efe6ff)}.page{max-width:1280px;margin:0 auto;padding:20px 16px 40px}.topBar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:800}.brandIcon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#8f5cff,#6f3bd2);color:#fff;display:grid;place-items:center;font-size:.74rem;font-weight:900}.brandText{color:#27194a}.searchBar{min-width:min(460px,100%);display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid #daccf5;background:#fff;box-shadow:inset 0 0 0 1px #f0e7ff}.searchBar input{border:none;outline:none;width:100%;color:var(--text);background:transparent;font-size:.93rem}.searchBar input::placeholder,.searchIcon{color:#8c7ab8}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.centerColumn,.sideColumn{display:grid;gap:16px;align-content:start}.simpleIntro,.sectionBlock,.sideCard{background:var(--panel);border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.simpleIntro{padding:20px;background:linear-gradient(145deg,#fff,#f7f1ff)}.simpleIntro h1{margin:0 0 8px;font-size:clamp(1.4rem,2.2vw,2rem)}.simpleIntro p{margin:0 0 10px;color:var(--muted);line-height:1.5}.introTakeaway{margin-top:6px}.introTakeaway h2{margin:0 0 8px;font-size:1.1rem}.introTakeaway ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.55}.introHighlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.introHighlights a{text-decoration:none;border-radius:999px;padding:8px 12px;font-size:.8rem;background:var(--primary-soft);color:var(--primary);border:1px solid #d3c1fb;font-weight:600}.introHighlights a:hover{background:#e8dcff}.sectionBlock{padding:14px;background:linear-gradient(180deg,#fff,#fcfaff)}.seoIntro h1{margin:0 0 10px;font-size:clamp(1.25rem,2.1vw,1.8rem)}.seoIntro p{margin:0 0 10px;color:var(--muted)}.seoChecklist{margin-top:6px;padding:10px;border-radius:12px;background:#fbf8ff;border:1px solid #e4d9fb}.seoChecklist h2{margin:0 0 6px;font-size:1rem}.seoChecklist ul{margin:0;padding-left:18px;color:#6a5a90;line-height:1.5}.seoLinks{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.seoLinks a{text-decoration:none;color:#4f2a9c;border:1px solid #d9c8fa;border-radius:999px;padding:7px 10px;background:#f5efff;font-size:.78rem;font-weight:500}.seoLinks a:hover{background:#ece2ff}.sectionHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sectionHeader h2{margin:0;font-size:.98rem;font-weight:700}.sectionHeader span{color:var(--muted);font-size:.82rem}.competitionBlock{display:grid;gap:8px;margin-bottom:10px}.competitionHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #ece3ff}.competitionTitle{font-size:.76rem;text-transform:uppercase;letter-spacing:.28px;color:#7557b3}.competitionActions{display:inline-flex;gap:8px;align-items:center}.competitionCount{font-size:.76rem;color:var(--muted)}.competitionLink{border:1px solid #baa0ef;background:#f2eaff;color:var(--primary);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700;cursor:pointer}.competitionLink:hover{background:#e8dcff}.matchGrid{display:grid;gap:10px}.matchRowCard{border-radius:14px;border:1px solid #dfd5f6;background:#fff;color:#1f1538;padding:12px;display:grid;gap:10px}.matchRowMain{display:grid;grid-template-columns:92px minmax(0,1fr) 88px minmax(0,1fr);gap:10px;align-items:start}.matchRowTime{display:grid;gap:5px}.matchTime{color:#3f2378;font-size:1.6rem;font-weight:650;letter-spacing:-.02em}.statusText{font-weight:550;font-size:.58rem;letter-spacing:.28px;text-transform:uppercase}.statusLive{color:var(--live)}.statusFinished{color:#685786}.statusUpcoming{color:#8474a5}.matchTag{color:#5f4795;font-size:.6rem;font-weight:550}.teamBlock{display:grid;gap:6px;min-width:0}.matchRowTeam{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:.82rem;font-weight:550}.matchRowTeamRight{justify-content:flex-end}.matchRowTeam span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teamLogo,.teamLogoPlaceholder{width:24px;height:24px;border-radius:50%;border:1px solid #d8c9f8;background:#f4efff;object-fit:contain;flex:0 0 auto}.teamLogoPlaceholder{display:inline-block}.eventList{display:flex;flex-wrap:wrap;gap:5px}.eventListRight{justify-content:flex-end}.eventBadge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:.6rem;font-weight:550}.eventGoal{color:#5e31b4;background:#f1e8ff;border:1px solid #d7c2fb}.eventRed{color:#98233b;background:#ffe9ef;border:1px solid #f5b6c4}.matchScorePill{border-radius:12px;background:linear-gradient(145deg,#7b45df,#5b2db4);color:#fff;font-weight:600;font-size:.76rem;letter-spacing:.01em;text-align:center;padding:10px 12px;align-self:center}.matchScoreUpcoming{background:#f3edff;color:#5f4c88}.matchRowMeta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;border-top:1px dashed #e3daf9;padding-top:8px}.matchCompetition{background:#f2eaff;border-radius:999px;padding:4px 8px;color:#5d438f;font-size:.62rem;font-weight:550}.matchRowSummary{font-size:.72rem;color:#6e6292}.sideCard{padding:15px;color:#58457f;display:grid;gap:10px}.sideCard h3,.sideList div{color:#231843;font-weight:600}.sideCardHeader{display:flex;justify-content:space-between;align-items:center}.sideBadge{font-size:.62rem;letter-spacing:.4px;font-weight:800;color:#7f5f26;background:#fff1ce;border:1px solid #f0ce7d;border-radius:999px;padding:4px 7px}.sideList{display:grid;gap:7px}.sideList div{display:flex;justify-content:space-between}.sideLabel{color:#77639f}.sideHighlight{padding:10px;border-radius:12px;border:1px solid #e2d8fa;background:#faf7ff;display:grid;gap:4px}.sideLinks{display:grid;gap:8px}.sideLinks a{text-decoration:none;color:#5f33b8;background:#f2eaff;border:1px solid #d8c7fa;border-radius:12px;padding:8px 10px;font-size:.78rem;font-weight:500}.sideLinks a:hover{background:#e8dcff}.editorialList{margin:10px 0 0;padding-left:18px;color:#4d3f75;display:grid;gap:6px;font-size:.84rem}.empty{border:1px dashed #dfd1fb;border-radius:12px;padding:16px;background:#fbf8ff}.empty h2{margin:0 0 6px;font-size:1rem}.empty p{margin:0;color:#75669a;font-size:.9rem}.adSection{margin-top:16px;padding:10px 0;border-top:1px solid #eee4ff}.adLabel{display:inline-block;margin-bottom:6px;color:#7a6aa0;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.siteFooter{margin-top:24px;padding-top:16px;border-top:1px solid #e4d9fb;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.footerLinks{display:flex;flex-wrap:wrap;gap:8px}.footerLinks a{text-decoration:none;color:#4f2a9c;border:1px solid #d9c8fa;border-radius:999px;padding:7px 10px;background:#f5efff;font-size:.74rem;font-weight:500}.footerNote{color:#7a6aa0;font-size:.82rem}.modalBackdrop{position:fixed;inset:0;background:#432b7047;display:grid;place-items:center;padding:20px;z-index:20}.rankingModal{width:min(700px,100%);background:#fff;border-radius:18px;padding:18px;color:#1f1538;position:relative;border:1px solid #dfd5f6}.modalClose{border:none;background:#f2eaff;color:#5a3d90;width:34px;height:34px;border-radius:50%;font-size:1.3rem;line-height:1;position:absolute;top:10px;right:10px;cursor:pointer}.rankingTitle{font-weight:800;margin-bottom:12px}.rankingStatus{background:#f3edff;border-radius:10px;padding:8px;color:#61468f}.rankingError{background:#ffe8ec;color:#a12633}.rankingTable{width:100%;border-collapse:collapse;font-size:.87rem}.rankingTable th,.rankingTable td{border-bottom:1px solid #e5dbfb;text-align:left;padding:8px 6px}.rankingTable th{color:#6d54a0;font-size:.75rem;text-transform:uppercase}@media(max-width:1060px){.layout{grid-template-columns:minmax(0,1fr)}.sideColumn{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page{padding:12px 10px 30px}.topBar{flex-direction:column;align-items:stretch}.searchBar{min-width:0}.matchRowMain{grid-template-columns:1fr;gap:8px}.matchRowTime{grid-template-columns:repeat(3,max-content);align-items:center;gap:10px}.matchScorePill{justify-self:start;min-width:84px}.teamBlockAway .matchRowTeam,.teamBlockAway .eventList{justify-content:flex-start}.sideColumn{grid-template-columns:1fr}.siteFooter{flex-direction:column;align-items:flex-start}.rankingModal{padding:14px}.rankingTable{font-size:.8rem}}.lineupModal{width:min(980px,100%);max-height:90vh;overflow:auto}.lineupGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lineupTeam{border:1px solid #e5dbfb;border-radius:12px;padding:10px;background:#fdfbff}.lineupTeamHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#5c438f;font-size:.85rem}.pitch{border-radius:12px;padding:10px;border:1px solid #d2ecc8;background:radial-gradient(circle at center,rgba(255,255,255,.25) 0,rgba(255,255,255,.25) 90px,transparent 90px),linear-gradient(180deg,#3f9f4d,#2f8540);display:flex;flex-direction:column;gap:8px;min-height:280px}.pitchLine{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.pitchPlayer{background:#ffffffe6;border-radius:10px;padding:5px 7px;min-width:74px;text-align:center;display:flex;flex-direction:column;gap:2px}.pitchNumber{font-size:.74rem;color:#4f2a9c;font-weight:700}.pitchName{font-size:.7rem;color:#2a1f45;line-height:1.1}@media(max-width:760px){.lineupGrid{grid-template-columns:1fr}}
