@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";:root{color:#17324d;font-synthesis:none;--ink:#17324d;--muted:#6f7d86;--paper:#f4f0e8;--white:#fffdf8;--line:#d9d7cf;--navy:#102a43;--coral:#ec6b5e;--mint:#b9d8c2;--yellow:#f5c96a;background:#f4f0e8;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:80px}.topbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;padding:18px clamp(18px,5vw,72px);display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:var(--coral);color:#fff;letter-spacing:-1px;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;display:flex}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.4px;font-size:16px}.brand small{color:#a9bdc8;letter-spacing:.7px;text-transform:uppercase;margin-top:2px;font-family:DM Mono,monospace;font-size:9px}.topbar-actions{align-items:center;gap:16px;display:flex}.season-label{color:#afc1cc;font-family:DM Mono,monospace;font-size:11px}.icon-button{color:#fff;background:0 0;border:1px solid #49647a;border-radius:50%;width:38px;height:38px;font-size:20px;line-height:1}.icon-button:hover{background:#294761}.page-content{max-width:1240px;margin:0 auto;padding:45px clamp(18px,5vw,72px) 36px}.eyebrow{color:var(--coral);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 12px;font-family:DM Mono,monospace;font-size:11px}h1,h2,h3,p{margin-top:0}h1{color:var(--navy);letter-spacing:-2px;max-width:690px;margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(38px,6vw,70px);line-height:.95}h2{color:var(--navy);letter-spacing:-1px;margin-bottom:18px;font-size:24px}h3{color:var(--navy);margin-bottom:4px;font-size:16px}.lede{color:var(--muted);max-width:510px;font-size:15px;line-height:1.7}.header-row{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.hero{justify-content:space-between;align-items:end;margin-bottom:46px;display:flex}.hero-art{background:var(--yellow);border-radius:50%;justify-content:center;align-items:center;width:148px;min-width:148px;height:148px;margin:0 4% 8px 24px;display:flex;position:relative;transform:rotate(8deg)}.hero-art:after{border:2px solid var(--navy);content:"";border-radius:50%;width:44px;height:44px;position:absolute}.hero-art span{color:var(--navy);font-family:Playfair Display,serif;font-size:28px;transform:rotate(-8deg)}.panel{background:var(--white);border:1px solid var(--line);border-radius:4px}.dashboard-grid{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding:22px 24px 17px;display:flex}.panel-heading h2{margin-bottom:4px}.panel-heading p{color:var(--muted);margin-bottom:0;font-size:12px}.panel-body{padding:20px 24px}.followed-list{gap:0;display:grid}.following-team{border-bottom:1px solid #e9e7e0;padding:14px 0 16px}.following-team:last-child{border-bottom:0}.following-head{grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:9px;display:grid}.following-head>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.following-crest{justify-content:center;align-items:center;width:30px;height:30px;display:flex}.following-crest .team-crest-image,.following-crest .team-crest-fallback{flex-basis:28px;width:28px;height:28px}.following-rank{color:var(--muted);font-family:DM Mono,monospace;font-size:11px}.following-points{color:var(--navy);white-space:nowrap;font-family:DM Mono,monospace;font-size:11px}.results-list{gap:0;margin-top:8px;margin-left:39px;display:grid}.result-row{border-top:1px solid #efede7;grid-template-columns:20px 24px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;display:grid}.result-venue,.result-outcome{justify-content:center;align-items:center;width:20px;height:20px;font-family:DM Mono,monospace;font-size:9px;display:inline-flex}.result-venue{color:var(--muted)}.result-outcome{border-radius:50%;font-weight:500}.result-w{background:var(--mint);color:#245337}.result-d{color:#6e6a5e;background:#e7e5dd}.result-l{color:#8b3027;background:#f3c4bc}.result-opponent{align-items:center;gap:6px;min-width:0;display:flex}.result-opponent>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-opponent .team-crest-image,.result-opponent .team-crest-fallback{flex-basis:18px;width:18px;height:18px}.result-score{color:var(--navy);white-space:nowrap;font-family:DM Mono,monospace;font-size:10px}.team-row{border-bottom:1px solid #e9e7e0;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.team-row:last-child{border-bottom:0}.team-crest{background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:DM Mono,monospace;font-size:10px;display:flex}.team-row strong{font-size:14px}.team-row small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.form{gap:4px;display:flex}.form i{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-family:DM Mono,monospace;font-size:9px;font-style:normal;display:flex}.form .win{background:var(--mint);color:#245337}.form .draw{color:#6e6a5e;background:#e7e5dd}.form .loss{color:#8b3027;background:#f3c4bc}.fixture-list{gap:0;display:grid}.fixture{border-bottom:1px solid #e9e7e0;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:17px 0;display:grid}.fixture:last-child{border-bottom:0}.fixture-date{color:var(--muted);text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px;line-height:1.5}.fixture-date strong{color:var(--navy);font-size:14px;display:block}.fixture-teams{font-size:13px;line-height:1.8}.fixture-teams strong{color:var(--navy);align-items:center;gap:8px;display:flex}.team-crest-image,.team-crest-fallback{flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.team-crest-image{object-fit:contain}.team-crest-fallback{background:var(--navy);color:#fff;border-radius:50%;font-family:DM Mono,monospace;font-size:7px;line-height:1}.fixture-score{color:var(--navy);font-family:DM Mono,monospace;font-size:14px;font-weight:500}.fixture-score.upcoming{color:var(--coral);font-size:11px}.matchweek-feed{scroll-behavior:smooth;max-height:430px;padding-right:5px;overflow-y:auto}.matchweek{border-bottom:1px solid var(--line);padding:8px 0 18px}.matchweek+.matchweek{padding-top:20px}.matchweek:last-child{border-bottom:0;padding-bottom:0}.matchweek-heading{justify-content:space-between;align-items:start;margin-bottom:4px;display:flex}.matchweek-heading h3{margin:5px 0 0;font-size:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th{color:var(--muted);letter-spacing:.6px;text-align:right;text-transform:uppercase;padding:12px 10px;font-family:DM Mono,monospace;font-size:10px;font-weight:400}th:first-child,th:nth-child(2),td:first-child,td:nth-child(2){text-align:left}th:last-child,td:last-child{text-align:center}td{color:var(--ink);text-align:right;border-top:1px solid #e9e7e0;padding:13px 10px;font-size:13px}td:first-child{color:var(--muted);width:32px;font-family:DM Mono,monospace;font-size:11px}td:nth-child(2){font-weight:700}.table-team{align-items:center;gap:9px;min-width:0;display:inline-flex}.table-team .team-crest-image,.table-team .team-crest-fallback{flex-basis:24px;width:24px;height:24px}.follow-star{color:var(--muted);cursor:pointer;vertical-align:middle;background:0 0;border:0;margin-left:5px;padding:0;font-size:17px;line-height:1}.follow-star.is-followed,.follow-star:hover{color:var(--coral)}.next-opponent{justify-content:center;align-items:center;display:inline-flex}.next-opponent .team-crest-image,.next-opponent .team-crest-fallback{flex-basis:24px;width:24px;height:24px}.next-opponent-empty{color:var(--muted)}tr.is-followed{background:#eef5ef}.filter-bar{flex-wrap:wrap;gap:9px;margin-bottom:22px;display:flex}.filter{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:20px;padding:8px 13px;font-size:12px}.filter.active,.filter:hover{background:var(--navy);border-color:var(--navy);color:#fff}.select{background:var(--white);border:1px solid var(--line);color:var(--ink);border-radius:3px;padding:9px 11px;font-size:12px}.compare-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;display:grid}.compare-team{background:var(--white);border:1px solid var(--line);text-align:center;padding:24px 16px}.compare-team .team-crest{margin:0 auto 12px}.vs{color:var(--coral);font-family:DM Mono,monospace;font-size:12px}.empty-state{color:var(--muted);text-align:center;padding:32px 0;font-size:13px}.last-updated{color:var(--muted);font-family:DM Mono,monospace;font-size:10px}.bottom-nav{border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:5;background:#fffdf8f5;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);letter-spacing:.2px;text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;min-width:86px;padding:3px;font-family:DM Mono,monospace;font-size:9px;display:flex}.bottom-nav a span{font-size:20px;line-height:1}.bottom-nav a.active{color:var(--coral)}@media (width<=700px){.topbar{padding-left:18px;padding-right:18px}.season-label{display:none}.page-content{padding-top:32px}.hero{align-items:start}.hero-art{width:82px;min-width:82px;height:82px;margin:3px 0 0 15px}.hero-art:after{width:27px;height:27px}.hero-art span{font-size:16px}.dashboard-grid{grid-template-columns:1fr}.panel-heading,.panel-body{padding-left:18px;padding-right:18px}.dashboard-grid .panel,.table-panel{border-left:0;border-right:0;border-radius:0;margin-left:-18px;margin-right:-18px}.table-panel .panel-body{padding-left:0;padding-right:0}table{table-layout:fixed;min-width:0}th,td{padding-left:4px;padding-right:4px}th:first-child,td:first-child{width:27px}th:nth-child(2),td:nth-child(2){width:45%}th:nth-child(3),td:nth-child(3){width:42px}th:last-child,td:last-child{width:40px}td:nth-child(2){overflow:hidden}.table-team{gap:5px;max-width:100%}.table-team .team-crest-image,.table-team .team-crest-fallback{flex-basis:21px;width:21px;height:21px}.results-list{margin-left:0}.header-row{flex-direction:column;align-items:start;gap:8px}.bottom-nav a{min-width:68px}}