:root{--green:#076345;--ink:#13251f;--muted:#69786f;--line:#e6ebe5;--bg:#f6f8f4;--soft:#eaf3eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}a{color:var(--green);text-decoration:none}button,select{font:inherit;cursor:pointer}button{background:white;border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--green)}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #22a675;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:white;z-index:20}header{display:flex;align-items:center;gap:30px;max-width:1440px;margin:auto;padding:24px 32px;background:var(--bg)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:23px;font-weight:850;letter-spacing:-.8px;white-space:nowrap}.brand b{color:var(--green)}.brand small{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:3px}.swiss{background:#e53940;color:white;font-size:27px;border-radius:12px;width:42px;height:42px;display:grid;place-items:center}.desktop-nav{display:flex;gap:25px;margin-left:auto}.desktop-nav a{font-size:14px;color:var(--muted);padding:10px 0}.desktop-nav a.active{color:var(--green);border-bottom:2px solid var(--green);font-weight:700}.club-choice span{font-size:10px;display:block;margin-bottom:4px;color:var(--muted)}select{max-width:190px;background:white;border:1px solid var(--line);border-radius:10px;padding:9px;color:var(--ink)}main{max-width:1400px;padding:0 32px;margin:auto}.notice{font-size:12px;color:var(--muted);padding:10px 0 20px}.notice span{font-size:9px;letter-spacing:1px;background:var(--soft);color:var(--green);padding:5px 8px;border-radius:5px;margin-right:8px}.hero{background:linear-gradient(115deg,#eaf2e7,#d7e6d5);border-radius:18px;min-height:270px;padding:38px 45px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--green)}h1{font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-1.7px;margin:14px 0}h1 em{font-style:normal;color:var(--green)}p{color:var(--muted);line-height:1.6;font-size:14px}.primary{display:inline-flex;gap:25px;background:var(--green);color:white;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:650}.pitch{width:37%;height:210px;border:2px solid #7b9e8260;transform:rotate(-12deg);border-radius:6px;display:grid;place-items:center;position:relative}.pitch:before{content:'';position:absolute;height:100%;border-left:2px solid #7b9e8260}.circle{border:2px solid #7b9e8260;border-radius:50%;width:100px;height:100px}.pitch span{position:absolute;font-size:70px;filter:drop-shadow(0 12px 12px #627b6460)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stat,.panel{background:white;border:1px solid var(--line);border-radius:14px}.stat{display:flex;align-items:center;gap:16px;padding:20px}.stat-icon{width:47px;height:47px;display:grid;place-items:center;background:var(--soft);border-radius:12px;font-size:23px;color:var(--green)}.stat small{font-size:12px;color:var(--muted)}.stat strong{font-size:32px;display:block;letter-spacing:-1px}.panel{padding:20px;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font-size:21px;letter-spacing:-.7px;margin:0}.section-head a,.badge{font-size:11px}.badge{background:var(--soft);padding:5px 8px;border-radius:6px;color:var(--green)}.news-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.feature{background:linear-gradient(135deg,#eef5ec,#e4efe2);border-radius:10px;padding:30px;display:flex;flex-direction:column;justify-content:center}.feature h3{font-size:28px;letter-spacing:-1px;margin:15px 0 0}.feature a{font-weight:700;font-size:13px}.news-list article{padding:12px 0;border-bottom:1px solid var(--line)}.news-list article:last-child{border:0}.news-list span{font-size:9px;font-weight:800;color:var(--green);letter-spacing:.8px}.news-list h3{font-size:14px;margin:4px 0}.news-list p{font-size:12px;margin:0}.overview-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.fixture{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;padding:18px 8px;border-top:1px solid var(--line)}.team{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;min-width:0}.team:last-child{justify-content:flex-end;text-align:right}.crest{width:35px;height:38px;object-fit:contain;flex-shrink:0}.fixture-mid{text-align:center}.fixture-mid strong{font-size:20px;display:block;margin:3px}.fixture-mid small{display:block;font-size:10px;color:var(--muted)}.fixture-mid .venue{font-size:10px;margin-top:4px;line-height:1.4}table{width:100%;border-collapse:collapse;font-size:13px}th{font-weight:500;color:var(--muted);font-size:11px;text-align:right;padding:10px 6px}th:nth-child(2){text-align:left}td{padding:11px 6px;border-top:1px solid var(--line);text-align:right}td:first-child,th:first-child{text-align:left;width:28px}td:nth-child(2){text-align:left}td:nth-child(2) span{display:flex;align-items:center;gap:8px}td img{width:23px;height:25px;object-fit:contain}td:last-child{font-weight:800;color:var(--green);font-size:18px}.favorite{background:var(--soft)}.result{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;border-top:1px solid var(--line);padding:12px 0}.score{background:var(--soft);padding:5px 10px;border-radius:6px;color:var(--green);white-space:nowrap}.page-heading{padding:35px 0 20px}.page-heading h1{margin-top:10px}.table-note{font-size:11px}.filters{display:flex;gap:8px;margin:0 0 20px}.filters .active{background:var(--green);color:white}.match-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.match-grid .panel{margin:0}.match-grid .fixture{border:0;min-height:120px}.match-grid .team{flex-direction:column;font-size:14px}.match-grid .crest{width:50px;height:55px}.match-grid .fixture-mid small{font-size:12px}.floating-nav{display:none}footer{padding:30px 0;font-size:11px;color:var(--muted);line-height:1.8;text-align:center}.detail-col{display:none}.show-details .detail-col{display:table-cell}@media(max-width:1050px){header{gap:18px;padding:20px}.brand{font-size:19px}.desktop-nav{gap:16px}.hero{padding:30px}.overview-grid{grid-template-columns:1fr 1fr}.fixture .team{flex-direction:column;text-align:center!important}.fixture .team:last-child{justify-content:center}.news-grid{grid-template-columns:1fr 1fr}main{padding:0 20px}.stat{gap:10px;padding:15px}.stat strong{font-size:27px}}@media(max-width:700px){header{padding:16px;flex-wrap:wrap;gap:12px}.brand{font-size:21px}.desktop-nav{display:none}.club-choice{margin-left:auto}.club-choice span{display:none}select{max-width:130px;font-size:12px}main{padding:0 14px}.notice{font-size:10px;line-height:1.8;padding-bottom:12px}.notice span{display:inline-block}.hero{padding:24px;min-height:220px}.hero h1{font-size:34px}.hero p{font-size:12px;max-width:250px}.pitch{display:none}.stats{gap:8px;margin:12px 0}.stat{padding:12px 5px;flex-direction:column;gap:6px;text-align:center}.stat-icon{width:32px;height:32px;font-size:18px}.stat strong{font-size:24px}.stat small{font-size:9px}.stat .caption{display:none}.panel{padding:16px;margin-bottom:14px}h2{font-size:19px}.news-grid,.overview-grid{grid-template-columns:1fr}.feature{padding:23px}.feature h3{font-size:24px}.news-list{display:none}.fixture{padding:16px 0}.fixture .team{font-size:11px}.fixture-mid strong{font-size:21px}.crest{width:37px;height:40px}.match-grid{grid-template-columns:1fr;gap:12px}.floating-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(360px,calc(100% - 28px));padding:8px;background:#ffffffed;backdrop-filter:blur(15px);border:1px solid #e5ebe3;border-radius:35px;box-shadow:0 6px 30px #18372225;z-index:10}.floating-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:10px;min-height:52px;padding:2px}.floating-nav svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.8;padding:5px;border-radius:50%}.floating-nav a.active{color:var(--green);font-weight:700}.floating-nav a.active svg{background:var(--green);color:white}.show-details table{font-size:10px}.show-details td,.show-details th{padding:8px 3px}.show-details td img{display:none}.show-details td:last-child{font-size:15px}.page-heading{padding-top:20px}footer{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:no-preference){.view{animation:appear .2s ease}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.favorite-card{border-color:#bbdac6;background:linear-gradient(110deg,#f0f8ee,white)}.favorite-name{display:flex;align-items:center;gap:10px;margin-top:8px;color:#008451}.favorite-summary{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:22px;align-items:center}.favorite-numbers{display:flex;gap:22px}.favorite-numbers small{display:block;color:var(--muted);font-size:10px}.favorite-numbers strong{display:block;font-size:28px;color:#008451}.favorite-numbers strong span{font-size:11px;color:var(--muted)}.favorite-summary h3{font-size:12px;margin:0 0 8px}.favorite-next .fixture{border:0;padding:8px 0}.favorite-last p{font-size:12px}.favorite-last a{font-size:12px}.favorite-team,.favorite-text{color:#008451!important;font-weight:800!important}.favorite-team .crest{filter:drop-shadow(0 2px 4px #00845125)}.favorite td:nth-child(2){color:#008451;font-weight:800}@media(max-width:1050px){.favorite-summary{grid-template-columns:1fr 1.5fr}.favorite-last{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}}@media(max-width:700px){.favorite-summary{grid-template-columns:1fr;gap:16px}.favorite-numbers{justify-content:space-around}.favorite-last{grid-column:auto}.favorite-card .badge{font-size:9px}.favorite-next{border-top:1px solid var(--line);padding-top:12px}.favorite-name{font-size:22px}}
@media(prefers-reduced-motion:no-preference){.floating-nav.nav-intro{animation:navWelcome .65s cubic-bezier(.2,.75,.25,1) both}.floating-nav a.tap-feedback svg{animation:navTap .32s ease}.primary:hover{transform:translateY(-2px);transition:transform .2s}.stat-icon{transition:transform .25s}.stat:hover .stat-icon{transform:rotate(-5deg) scale(1.07)}@keyframes navWelcome{0%{opacity:0;transform:translateX(-50%) translateY(22px) scale(.85)}55%{opacity:1;transform:translateX(-50%) translateY(-4px) scale(1.045)}78%{transform:translateX(-50%) translateY(2px) scale(.985)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes navTap{0%,100%{transform:scale(1)}45%{transform:scale(1.18)}70%{transform:scale(.96)}}
.floating-nav{grid-template-columns:repeat(4,1fr)}.name-row{display:flex;gap:10px;margin-top:10px}input{font:inherit;padding:12px;border:1px solid var(--line);border-radius:9px;min-width:0}.name-row input{flex:1}.prediction-form{display:flex;gap:12px;align-items:end}.prediction-form label{flex:1;font-size:11px;font-weight:700}.prediction-form input{display:block;width:100%;margin-top:8px;font-size:25px;text-align:center}.prediction-form>span{padding-bottom:14px}.prediction-form button{margin-bottom:0}button:disabled{opacity:.55;cursor:default}.friend-prediction{display:flex;justify-content:space-between}.leaderboard{margin-top:20px}#pronos-status{font-size:13px;color:var(--green)}@media(max-width:700px){.name-row{flex-direction:column}.prediction-form{flex-wrap:wrap}.prediction-form button{width:100%}.floating-nav a{font-size:9px}.floating-nav{width:min(390px,calc(100% - 20px))}.desktop-nav{gap:15px}}
.hero-art{width:37%;height:210px;flex-shrink:0;border-radius:12px;overflow:hidden}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}@media(max-width:700px){.hero-art{display:none}}
.hero{position:relative;isolation:isolate;background:#eaf2e7}.hero>div:first-child{position:relative;z-index:2;max-width:55%}.hero-art{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;z-index:-2}.hero-art img{object-fit:cover;object-position:center 65%}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(239,246,234,.96) 0%,rgba(239,246,234,.9) 30%,rgba(239,246,234,.45) 53%,rgba(239,246,234,0) 72%);pointer-events:none}@media(max-width:1050px){.hero-art img{object-position:70% center}.hero>div:first-child{max-width:60%}}@media(max-width:700px){.hero-art{display:block}.hero-art img{object-position:75% center}.hero>div:first-child{max-width:75%}.hero:after{background:linear-gradient(90deg,rgba(239,246,234,.98),rgba(239,246,234,.9) 43%,rgba(239,246,234,.28) 100%)}}
.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 32%,rgba(255,255,255,.65) 53%,rgba(255,255,255,.08) 78%)}@media(max-width:700px){.hero:after{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.94) 43%,rgba(255,255,255,.48) 100%)}}