/* Reference-led home: navy stadium, emerald free card and opaque gold VIP. */
:root{--bg:#020f1b;--green:#00e7a4;--gold:#ffd775}
body{background:radial-gradient(ellipse at 50% 0,#06304b66,transparent 55%),#020e19}
.site-header{height:100px;background:linear-gradient(110deg,#001829f5,#020e18f5);border-bottom-color:#0e354b}
.header-inner{max-width:1136px;gap:25px}
.brand img{width:62px;height:62px;filter:drop-shadow(0 3px 10px #00e6aa28)}
.brand strong{font-size:28px;font-weight:900;letter-spacing:-.9px;font-style:italic}
.brand span{font-family:var(--font);font-size:13px;letter-spacing:0;color:#abb6c6;font-weight:400;margin-top:-3px}
.desktop-nav{gap:20px}
.desktop-nav button{font-size:12px}
.header-actions{gap:14px}
.vip-small{font-family:var(--font);font-size:18px;padding:7px 13px;border-radius:9px;border-color:#e2ae43;color:#ffd773;box-shadow:inset 0 1px 10px #eecb5d15,0 0 15px #eecb5d0a}
.vip-small .icon{width:23px;height:23px;fill:#ffdc8525}
.notification-btn>.icon{width:27px;height:27px}
.reference-home{max-width:1080px;padding:0 24px}
.home-status{height:38px;display:flex;align-items:center;justify-content:space-between;color:#6a8da6;font-size:10px}
.home-status>span:last-child{display:flex;align-items:center;gap:6px}
.home-status>span:last-child>.icon{width:13px;height:13px}
.reference-hero{min-height:285px;border-radius:9px 9px 0 0;border-color:#155274;border-bottom:0;background-position:70% 20%;box-shadow:inset 0 0 70px #031a33}
.reference-hero:before{background:linear-gradient(90deg,#001422f5 0,#001422b0 36%,#00142200 74%),linear-gradient(0deg,#00101ed9,transparent 30%)}
.reference-hero:after{display:none}
.reference-hero .hero-copy{padding:34px 30px;width:70%;position:relative;z-index:2}
.reference-hero h1{font-size:44px;line-height:1.28;font-style:italic;font-weight:900;letter-spacing:-1px;margin:0 0 14px;text-shadow:0 3px 15px #0009}
.reference-hero p{font-size:17px;line-height:1.5;color:#e2e5eb;text-shadow:0 2px 8px #000;margin:0;font-weight:400}
.hero-chart{position:absolute;right:10px;top:38px;width:175px;height:200px;opacity:.8;filter:drop-shadow(0 0 10px #00e4c66b)}
.hero-chart>span{display:block;font-family:'Barlow Condensed';font-size:31px;font-weight:700;font-style:italic;color:#79d7f5a8;transform:rotate(-12deg);text-align:right;padding-right:30px;letter-spacing:1px}
.hero-chart svg{width:100%;height:145px}
.reference-trust{position:relative;padding:14px 28px;background:linear-gradient(90deg,#00131e,#052133,#00131e);border-radius:0 0 9px 9px;border:1px solid #155274;border-top:0;gap:22px;font-size:13px;justify-content:space-around;color:#d9e0eb;box-shadow:inset 0 -5px 15px #001018}
.reference-trust>span{gap:10px}
.reference-trust>span+span{padding-left:40px;border-color:#a4b0c858}
.reference-trust .icon{width:26px;height:26px;color:#00edab;stroke-width:1.9}
.reference-vip{margin-top:11px;padding:15px 23px;min-height:122px;border-radius:14px;gap:26px;background:radial-gradient(ellipse at 5% 0,#006c4f55,transparent 65%),linear-gradient(110deg,#00292c,#021724 55%,#342c1f) padding-box,linear-gradient(100deg,#00edac,#078b68 45%,#ffdb72) border-box;box-shadow:inset 0 0 28px #00a78815,0 0 14px #e8b43708;position:relative}
.reference-vip:before{content:'';position:absolute;inset:-1px auto auto -1px;width:72px;height:17px;border-left:3px solid var(--green);border-top:3px solid var(--green);border-radius:14px 0 0 0;box-shadow:0 -3px 14px #00ea9a28}
.reference-vip .vip-banner-left{gap:20px;min-width:340px}
.reference-vip .calendar-tile{width:75px;height:75px;border-radius:16px;background:radial-gradient(#08585166,#002d2c);border:2px solid #00be96;box-shadow:inset 0 0 13px #00e9b926,0 0 12px #00d6ad18}
.reference-vip .calendar-tile .icon{width:40px;height:40px;color:#6ff7e7}
.reference-vip .vip-banner-left strong{font-size:32px;line-height:1.3}
.reference-vip .vip-banner-left strong>b{font-size:53px;line-height:1;color:#00efa7;vertical-align:baseline;margin:0 3px}
.reference-vip .vip-banner-left>div>span{font-size:18px;color:#f1f3f9;line-height:1.5}
.reference-vip .vip-banner-left>div>span>b{color:#f7cf6a}
.reference-vip .vip-banner-left>div>span>em{color:#f4c75a;font-style:normal}
.reference-vip .vip-banner-left>div>span>i{color:#a9bac4;padding:0 7px}
.reference-vip .vip-banner-divider{height:71px;background:#416274}
.reference-vip .vip-banner-right{padding:0;flex-direction:row;text-align:left;justify-content:space-between;align-items:center;gap:14px;flex:1;min-width:0}
.reference-vip .vip-banner-right>.icon{color:#ffe58a;width:27px;height:27px}
.reference-vip .gold-label{background:linear-gradient(110deg,#ffe9a0,#ffcb53);border:1px solid #ffeab0;box-shadow:0 1px 8px #ffd45633,inset 0 1px 0 #fff7;color:#0e1517;border-radius:30px;position:relative;padding:3px 18px 3px 8px;gap:8px;line-height:1.6}
.reference-vip .gold-label>strong{font-size:18px;white-space:nowrap;font-weight:750}
.reference-vip .gold-label>strong>b{font-size:22px;margin:0 3px}
.crown-medal{width:38px;height:38px;border:2px solid #f7d568;border-radius:50%;margin:-5px 0 -5px -10px;background:radial-gradient(#42360d,#010708);box-shadow:0 0 10px #e1bc4655;display:flex;align-items:center;justify-content:center;color:#ffe281}
.crown-medal>.icon{width:25px;height:25px;fill:#fbd26033}
.reference-vip .vip-banner-right p{font-size:14px;line-height:1.45;color:#bfc9d8;margin:8px 0 0 3px;display:block}
.reference-home .daily-section{margin-top:22px}
.reference-home .section-heading{margin-bottom:14px;align-items:center}
.reference-home .section-heading h2{font-size:27px;font-weight:800;gap:9px}
.reference-home .section-heading .fire-icon{width:30px;height:30px;stroke:#ff9c26;fill:#ffa11960;filter:drop-shadow(0 0 7px #ff8a1630)}
.reference-home .text-btn{font-size:13px;color:#c1cbd8}
.reference-home .text-btn>.icon{width:17px;height:17px}
.reference-home .picks-track{gap:12px;align-items:stretch;padding-bottom:3px}
.reference-home .pick-card{padding:0;border-radius:12px;border:1px solid #00b88f;min-width:0;flex:1 0 0;background:radial-gradient(ellipse at 20% 0,#004a4255,transparent 70%),linear-gradient(135deg,#032732,#001725);box-shadow:inset 0 0 23px #00d5a909}
.pick-surface{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;width:100%;height:100%;padding:0 16px 12px;border-radius:11px;color:inherit}
.pick-surface:hover{filter:none;background:#ffffff02}
.pick-surface:focus-visible{outline-offset:-4px;outline-width:3px}
.pick-surface .pick-card-top{margin:0 -16px;min-height:33px;height:33px;position:relative}
.pick-surface .access-ribbon{min-width:83px;font-size:15px;border-radius:0 0 12px 0;background:linear-gradient(110deg,#02f4c1,#00e99e);position:relative}
.pick-surface .access-ribbon:after{content:'';position:absolute;right:-17px;top:0;width:24px;height:3px;background:#00e9a9;border-radius:0 0 100% 0}
.pick-surface .access-ribbon>.icon{width:17px;height:17px;stroke-width:2.7}
.pick-surface .rank-label{font-size:9px;color:#639b9f;padding-right:12px;gap:4px}
.pick-surface .rank-label>.icon{width:10px;height:10px;color:#00dca2;fill:#00dca235}
.pick-surface .pick-league{font-size:11px;color:#c2d4de;margin:12px 0 0;min-height:23px}
.pick-surface .pick-league>span:last-child{font-family:var(--font);font-size:12px;color:#e9f1f7;font-weight:500;letter-spacing:0}
.pick-surface .pick-teams{margin:13px 0 15px;gap:8px;min-height:98px}
.pick-surface .pick-teams .team-crest{width:59px;height:59px}
.pick-surface .pick-teams>span:not(.vs){gap:9px;max-width:calc(50% - 14px)}
.pick-surface .pick-teams strong{font-size:12px;white-space:normal;text-align:center;line-height:1.5}
.pick-surface .vs{font-family:var(--font);font-size:15px;letter-spacing:0;color:#bfceda}
.pick-surface .prediction-metrics{gap:8px;min-height:82px}
.prediction-metrics>span{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;border:1px solid #0a5460;border-radius:9px;background:linear-gradient(145deg,#031f2c,#00212c);padding:8px 11px}
.prediction-metrics>span>span{font-size:11px;color:#c4d5df}
.prediction-metrics>span>strong{display:flex;align-items:center;gap:4px;width:100%;color:#00e7ac;font-weight:800;font-size:29px;line-height:1.45;white-space:nowrap}
.prediction-metrics>span>strong>b{font-family:var(--font);font-size:31px;font-weight:800}
.prediction-metrics>span>strong>small{font-size:21px;margin-left:-3px}
.prediction-metrics .confidence-ring{margin-left:auto;width:31px;height:31px;flex-shrink:0}
.prediction-metrics .confidence-ring:after{inset:6px;background:#012432}
.pick-surface .reason-preview{padding:9px 10px;gap:8px;min-height:79px;margin-top:9px;background:linear-gradient(110deg,#13414b77,#0d354877);border-color:#2e5964;align-items:flex-start}
.pick-surface .reason-preview>.icon{width:27px;height:27px;stroke-width:1.8;filter:drop-shadow(0 0 4px #d4fff754);color:#c9f6ed;margin-top:2px}
.reason-preview>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.reason-preview>span>strong{font-size:11px;font-weight:500;color:#c7e1e9}
.reason-preview>span>span{font-size:11px;line-height:1.65;color:#b5cbd6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pick-surface .free-detail-btn{font-size:11px;color:#45d4b6;margin-top:11px;padding:0 1px;line-height:1.5}
.reference-home .pick-card.locked{border-color:#d1a63e;background:#090c0f;box-shadow:inset 0 0 26px #a6862918}
.locked-pick-hit{background:radial-gradient(ellipse at 50% 49%,#30251044,transparent 47%),linear-gradient(145deg,#2e2b1e -12%,#0a0b0d 45%,#17160e 115%);padding-bottom:15px;isolation:isolate}
.locked-pick-hit:before{content:'';position:absolute;inset:0;border-radius:11px;background:linear-gradient(130deg,#fff3c00c,transparent 35%,#f7cf5f05 85%);pointer-events:none;z-index:-1}
.locked-pick-hit:hover{background:radial-gradient(ellipse at 50% 50%,#48351355,transparent 60%),#0b0d0f}
.locked-pick-hit .access-ribbon{background:linear-gradient(115deg,#fff1ac,#ffcb53);color:#0a1112}
.locked-pick-hit .access-ribbon:after{background:#f6cf66}
.locked-pick-hit .rank-label{color:#d3b668;opacity:.65;font-size:9px}
.locked-pick-hit .locked-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:284px;padding:23px 0 20px;gap:0;text-align:center}
.locked-pick-hit .lock-circle{width:65px;height:65px;border-radius:50%;border:1px solid #b99a4d59;background:radial-gradient(#7f611c55,#17160f);color:#ffe17b;box-shadow:0 0 26px #d0a43f14;margin-bottom:19px}
.locked-pick-hit .lock-circle>.icon{width:33px;height:33px;fill:#ffda6430;stroke-width:2.2;filter:drop-shadow(0 2px 6px #e1b64540)}
.locked-content>strong{font-size:16px;color:#f7f2e8;line-height:1.6;font-weight:600;white-space:nowrap}
.locked-content>span:not(.lock-circle){font-size:13px;color:#c0c0c6;margin-top:5px;line-height:1.7}
.locked-pick-hit .card-cta{font-size:16px;font-weight:800;min-height:48px;padding:8px 10px;gap:7px;border-radius:10px;color:#181606;background:linear-gradient(#ffeaa0,#ffca55 55%,#efa62f);box-shadow:inset 0 2px 0 #fff6,0 0 8px #ffbc3914;border:1px solid #f6ce6e;margin-top:auto}
.locked-pick-hit .card-cta>.icon{width:24px;height:24px;fill:#1816061a}
.premium-card .access-ribbon{background:linear-gradient(110deg,#ffe598,#ffc452);color:#29200d}
.premium-card .access-ribbon:after{background:#f6ca5d}
.reference-home .pick-card.premium-card{border-color:#b49c4f}
.reference-home .pick-note{margin:8px 0 0;font-size:9px;color:#638b9e}
.reference-menu{margin:18px 0 18px;gap:11px}
.reference-menu .quick-card{min-width:0;padding:14px 12px;gap:10px;min-height:81px;border-radius:11px;flex:1 0 0}
.reference-menu .quick-card.green{background:radial-gradient(at 10% 0,#00b39255,transparent 90%),#053b35;border-color:#00ae89}
.reference-menu .quick-card.blue{background:radial-gradient(at 15% 0,#1d69d877,transparent 100%),#0c2345;border-color:#347fe5}
.reference-menu .quick-card.purple{background:radial-gradient(at 15% 0,#8747cf77,transparent 100%),#21183f;border-color:#874ed1}
.reference-menu .quick-card.orange{background:radial-gradient(at 15% 0,#a64e1277,transparent 100%),#2c2011;border-color:#b06d27}
.reference-menu .quick-icon>.icon{width:36px;height:36px;stroke-width:2;filter:drop-shadow(0 0 7px currentColor)}
.reference-menu .quick-card>span:nth-child(2){min-width:0}
.reference-menu .quick-card strong{font-size:17px;font-weight:700;white-space:nowrap}
.reference-menu .quick-card small{font-size:10px;color:#d0d5df;margin-top:2px}
.reference-menu .quick-arrow{height:17px;width:17px}
.reference-lower{display:block}
.reference-lower .live-panel{padding:16px 17px 0;background:linear-gradient(120deg,#102b3a,#001420);border-color:#355264;border-radius:13px}
.reference-lower .live-panel .section-heading{margin-bottom:12px}
.reference-lower .live-panel .section-heading h2{font-size:25px}
.reference-lower .pulse-dot{width:18px;height:18px;background:#22d400;box-shadow:0 0 16px #40ed3177;margin:0 5px}
.reference-lower .match-row{margin:3px 0;background:linear-gradient(100deg,#031d2b,#001421);border:1px solid #1d394c;border-radius:10px;min-height:56px;padding:0 11px;gap:9px}
.reference-lower .match-main{gap:15px;padding:9px 0}
.reference-lower .match-time{width:42px;color:#c7b5d6;font-family:var(--font);font-size:14px}
.reference-lower .match-time.is-live{color:#ff3349}
.reference-lower .row-team{font-size:15px;gap:13px;flex:1}
.reference-lower .row-team .team-crest{height:34px;width:34px}
.reference-lower .home-team{flex-direction:row-reverse;justify-content:flex-start;text-align:left;max-width:310px}
.reference-lower .match-score{font-size:28px;min-width:77px;letter-spacing:2px}
.reference-lower .match-score small{font-size:19px;color:#c1c4d2}
.reference-lower .away-team{justify-content:flex-start}
.reference-lower .row-arrow{height:17px;width:17px}
.reference-lower .follow-btn .icon{width:15px;height:15px}
.reference-lower .live-panel-footer{padding:8px 2px;font-size:9px}
.home-live-match{display:flex;align-items:center;gap:17px;width:100%;padding:10px 13px;margin:3px 0;background:linear-gradient(100deg,#031d2b,#001421);border:1px solid #1d394c;border-radius:10px;min-height:59px;text-align:left}
.home-live-status{background:linear-gradient(#ff403d,#e80719);color:white;padding:3px 8px;font-family:'Barlow Condensed';font-size:18px;line-height:1.35;font-weight:700;border-radius:5px;box-shadow:0 0 10px #f2222520;flex-shrink:0}
.home-live-status.halftime{background:#9a6c15}
.home-live-minute{font-family:'Barlow Condensed';font-size:21px;color:#ff1d35;font-weight:600;min-width:33px}
.home-live-team{display:flex;align-items:center;gap:12px;flex:1;min-width:0;font-size:16px}
.home-live-team>.team-crest{height:35px;width:35px}
.home-live-team>span:not(.team-crest){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-live-score{font-family:'Barlow Condensed';font-size:29px;letter-spacing:1px;line-height:1.3;min-width:67px;text-align:center;font-weight:600;white-space:nowrap}
.home-live-score>small{font-size:20px}
.home-live-league{font-size:12px;color:#aab9cf;margin-left:auto;min-width:80px;text-align:right}
.home-live-match>.icon{width:17px;height:17px;color:#91adc1;flex-shrink:0}
.reference-chat{margin:12px 0 0;min-height:143px;padding:20px 20px 20px 205px;gap:18px;isolation:isolate;background:radial-gradient(ellipse at 18% 10%,#1362b1b3,transparent 60%),radial-gradient(ellipse at 80% 110%,#123e98aa,transparent 80%),#001b3b;border:1px solid #2386b1;border-radius:12px;overflow:hidden}
.reference-chat:after{width:500px;height:400px;right:-35px;top:-180px;border-color:#8ec9ff0c;box-shadow:0 0 0 30px #7cc0ff08,0 0 0 65px #7cc0ff04;z-index:-1}
.chat-mascot{position:absolute;bottom:-48px;left:-8px;width:205px;height:205px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 11px #23abef55);z-index:0}
.chat-bubble-art{position:absolute;left:157px;top:29px;width:49px;height:33px;background:linear-gradient(#5affdd,#00dc9f);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:5px;transform:rotate(-4deg);box-shadow:0 0 15px #00f4b050}
.chat-bubble-art:after{content:'';position:absolute;bottom:-6px;left:10px;border-top:10px solid #00deaa;border-right:11px solid transparent}
.chat-bubble-art i{width:6px;height:6px;border-radius:50%;background:#effffb}
.chat-banner-copy{min-width:0;position:relative;z-index:1;flex:1}
.reference-chat .chat-banner-copy h2{font-size:25px;color:#f7f7ff;font-weight:800;white-space:nowrap;margin:0 0 8px;letter-spacing:-.6px;font-style:italic}
.reference-chat .chat-banner-copy h2 em{font-size:30px;color:#00f0ad;font-style:italic}
.reference-chat .chat-banner-copy p{font-size:13px;line-height:1.7;color:#d1d8f2;max-width:none}
.reference-chat .primary-btn{margin:0;font-size:15px;min-width:145px;min-height:47px;gap:11px;position:relative;z-index:1;font-weight:800;flex-shrink:0}
.reference-chat .primary-btn>.icon{width:20px;height:20px;stroke-width:2.8}
.home-stats-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:17px 10px 21px;width:100%;font-size:11px;color:#6c96aa}
.home-stats-link>.icon{width:16px;height:16px}.home-stats-link strong{color:#7ac6bd;margin:0 5px}
.detailed-analysis>.eyebrow{font-family:var(--font);letter-spacing:.4px;color:#7ae6c5;font-size:11px}
.detailed-analysis>.eyebrow>.icon{height:16px;width:16px}
.detailed-analysis h2{font-size:22px;line-height:1.6;margin:13px 0 20px}
.analysis-matchup{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:22px}
.analysis-matchup>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;text-align:center;min-width:0}
.analysis-matchup .team-crest{height:64px;width:64px}
.analysis-matchup strong{font-size:12px;line-height:1.5}
.analysis-matchup-time>strong{font-family:'Barlow Condensed';font-size:26px;color:#e8f5fa}
.analysis-matchup-time>small{font-size:10px;color:#91adbf}
.detailed-analysis .analysis-summary{padding:15px 12px;gap:0}
.detailed-analysis .analysis-summary strong{font-family:var(--font);font-size:29px;line-height:1.7}
.detailed-analysis .analysis-summary strong>small{font-size:19px;margin-left:2px}
.detailed-analysis .analysis-summary>div>small{font-family:'Barlow Condensed';font-size:9px;letter-spacing:1.5px;color:#7db2ab}
.analysis-confidence-bar{width:75%;height:5px;border-radius:5px;background:#164f47;overflow:hidden;margin-top:8px}
.analysis-confidence-bar>i{display:block;height:100%;background:#00dfa1;border-radius:5px}
.detailed-analysis .analysis-factors{margin:15px 0 20px}
.detailed-analysis .analysis-factors strong{font-size:22px;line-height:1.7}
.analysis-explanation{padding:14px;background:#0b2835;border:1px solid #244d5d;border-radius:9px;margin-top:20px}
.analysis-explanation>strong{display:flex;gap:7px;align-items:center;font-size:12px;color:#9dc7d6}
.analysis-explanation>strong>.icon{width:17px;height:17px;color:#73c8b8}
.analysis-explanation p{font-size:11px;color:#8eaebb;line-height:1.9;margin-top:8px}
.detailed-analysis>.small-note{font-size:9px;align-items:flex-start;text-align:left;margin-top:18px}
.match-analysis-link{width:100%;margin-top:10px;font-size:12px;min-height:39px}
.match-analysis-link>.icon{width:17px;height:17px}
@media(max-width:1100px){
  .brand strong{font-size:24px}.brand img{width:53px;height:53px}.brand span{font-size:12px}.header-inner{gap:19px}.desktop-nav{gap:16px}.desktop-nav button{font-size:11px}
  .reference-vip .vip-banner-left{min-width:315px}.reference-vip .vip-banner-left strong{font-size:30px}.reference-vip .gold-label>strong{font-size:16px}
  .reference-chat{padding-left:180px}.chat-mascot{width:200px;height:200px;left:-14px}.chat-bubble-art{left:137px}.reference-chat .chat-banner-copy h2{font-size:22px}.reference-chat .chat-banner-copy p{font-size:12px}.reference-chat .primary-btn{min-width:136px;font-size:13px}
}
@media(max-width:800px){
  .site-header{height:90px}.brand img{width:56px;height:56px}.brand strong{font-size:28px}.brand span{font-size:14px}.header-inner{padding:0 22px}.header-actions{gap:17px}.vip-small{font-size:20px;padding:5px 13px}.avatar{display:none}
  .reference-home{padding:0 20px}.home-status{height:31px}.reference-hero{min-height:250px;background-position:66% 19%}.reference-hero .hero-copy{padding:30px 23px;width:78%}.reference-hero h1{font-size:38px;margin-bottom:12px}.reference-hero p{font-size:15px}.hero-chart{width:136px;top:44px;right:9px;opacity:.65}.hero-chart>span{font-size:27px}
  .reference-trust{font-size:11px;padding:13px 16px;gap:13px}.reference-trust>span{gap:8px}.reference-trust>span+span{padding-left:21px}.reference-trust .icon{height:22px;width:22px}
  .reference-vip{padding:16px 19px;gap:20px;min-height:112px}.reference-vip .vip-banner-left{min-width:0;flex:1;gap:15px}.reference-vip .calendar-tile{width:64px;height:68px;flex-shrink:0}.reference-vip .calendar-tile>.icon{width:36px;height:36px}.reference-vip .vip-banner-left strong{font-size:28px}.reference-vip .vip-banner-left strong>b{font-size:43px}.reference-vip .vip-banner-left>div>span{font-size:15px}.reference-vip .vip-banner-right{width:auto;flex:1}.reference-vip .gold-label{padding-right:10px;gap:5px}.reference-vip .gold-label>strong{font-size:14px}.reference-vip .gold-label>strong>b{font-size:21px}.reference-vip .vip-banner-right p{font-size:12px;margin-top:7px}.crown-medal{width:33px;height:33px}.crown-medal>.icon{width:23px;height:23px}.reference-vip .vip-banner-right>.icon{width:21px;height:21px}
  .reference-home .picks-track{margin-right:-20px;padding-right:20px}.reference-home .pick-card{flex:0 0 248px;min-width:0}.pick-surface{padding-left:13px;padding-right:13px}.pick-surface .pick-card-top{margin:0 -13px}.pick-surface .pick-teams strong{font-size:11px}.pick-surface .prediction-metrics>span{padding:8px 9px}.prediction-metrics>span>strong{font-size:26px}.prediction-metrics>span>strong>b{font-size:29px}.prediction-metrics>span>span{font-size:10px}.prediction-metrics>span>strong>small{font-size:18px}.prediction-metrics .confidence-ring{width:28px;height:28px}.locked-content>strong{font-size:15px}.locked-content>span:not(.lock-circle){font-size:12px}.locked-pick-hit .card-cta{font-size:15px}
  .reference-menu{margin-right:-20px;padding-right:20px;gap:10px}.reference-menu .quick-card{flex:0 0 185px;min-height:77px;padding:12px;gap:9px}.reference-menu .quick-card strong{font-size:15px}.reference-menu .quick-card small{font-size:9px}.reference-menu .quick-icon>.icon{width:32px;height:32px}
  .reference-lower .match-row{min-height:55px}.reference-lower .match-main{gap:12px}.reference-lower .row-team{flex:1;font-size:12px;gap:9px}.reference-lower .row-team>span:not(.team-crest){display:block}.reference-lower .row-team .team-crest{width:31px;height:31px}.reference-lower .match-score{min-width:62px;font-size:26px}.reference-lower .follow-btn{display:flex}.reference-lower .match-time{font-size:13px;width:33px}.reference-lower .row-arrow{height:14px;width:14px}
  .home-live-match{gap:10px;padding:9px 10px;min-height:56px}.home-live-status{font-size:16px;padding:3px 7px}.home-live-minute{font-size:19px;min-width:27px}.home-live-team{font-size:13px;gap:9px}.home-live-team>.team-crest{width:32px;height:32px}.home-live-score{font-size:27px;min-width:57px}.home-live-league{display:none}
  .reference-chat{padding:20px 15px 20px 150px;min-height:130px;gap:12px;flex-wrap:nowrap}.reference-chat .chat-banner-copy{min-width:0;flex:1 1 auto}.chat-mascot{height:185px;width:185px;left:-25px;bottom:-23px}.chat-bubble-art{left:117px;top:22px;width:39px;height:28px;gap:4px;border-radius:9px}.chat-bubble-art i{width:5px;height:5px}.reference-chat .chat-banner-copy h2{font-size:18px;white-space:normal}.reference-chat .chat-banner-copy h2 em{font-size:22px}.reference-chat .chat-banner-copy p{font-size:10px}.reference-chat .primary-btn{min-width:107px;font-size:11px;min-height:39px;padding:7px 11px;gap:4px}.reference-chat .primary-btn>.icon{width:17px;height:17px}
  .bottom-nav{background:linear-gradient(#001625f5,#000d17fa);border-top:1px solid #315466;padding-top:12px}.bottom-nav button{font-size:12px;gap:5px;color:#c3ccd9}.bottom-nav .icon{height:27px;width:27px}.bottom-nav button.active:first-child>.icon{fill:#00e9a6;stroke:#00e9a6}
}
@media(max-width:570px){
  .site-header{height:82px}.header-inner{padding:0 15px;gap:10px}.brand{gap:8px}.brand img{width:43px;height:43px}.brand strong{font-size:22px;letter-spacing:-.7px}.brand span{font-size:11px;line-height:1.5;margin-top:0}.header-actions{gap:9px}.notification-btn{width:26px}.notification-btn>.icon{width:24px;height:24px}.vip-small{font-size:17px;padding:4px 9px;border-radius:7px;gap:5px}.vip-small .icon{width:20px;height:20px}
  .reference-home{padding:0 13px}.home-status{height:27px;font-size:8px}.home-status .mode-badge{font-size:7px;padding:1px 5px;border-radius:3px}.home-status>span:last-child>.icon{width:11px;height:11px}
  .reference-hero{min-height:186px;border-radius:6px 6px 0 0;background-position:62% 16%;border-color:#155172}.reference-hero .hero-copy{padding:22px 12px 22px;width:100%}.reference-hero h1{font-size:28px;line-height:1.3;margin:0 0 13px;letter-spacing:-.9px}.reference-hero p{font-size:11px;line-height:1.5;font-weight:400;max-width:240px}.reference-hero:before{background:linear-gradient(90deg,#00121de6,#001c27a6 37%,#00152300 83%),linear-gradient(0deg,#00111dba,transparent 50%)}.hero-chart{width:97px;height:113px;right:3px;top:22px;opacity:.65}.hero-chart>span{font-size:21px;padding-right:13px}.hero-chart svg{height:94px}
  .reference-trust{padding:11px 5px;gap:4px;justify-content:space-between;border-color:#16415a;font-size:8px;border-radius:0 0 6px 6px}.reference-trust>span{gap:5px;white-space:nowrap}.reference-trust>span+span{padding-left:7px}.reference-trust .icon{height:17px;width:17px}
  .reference-vip{margin-top:8px;padding:12px 10px;gap:10px;min-height:94px;border-radius:10px}.reference-vip:before{width:55px;height:13px;border-radius:10px 0 0 0}.reference-vip .vip-banner-left{gap:9px;flex:1.05}.reference-vip .calendar-tile{width:44px;height:52px;border-width:1px;border-radius:10px}.reference-vip .calendar-tile>.icon{width:28px;height:28px}.reference-vip .vip-banner-left strong{font-size:22px;line-height:1.35;white-space:nowrap}.reference-vip .vip-banner-left strong>b{font-size:35px;margin:0 1px}.reference-vip .vip-banner-left>div>span{font-size:11px;white-space:nowrap}.reference-vip .vip-banner-left>div>span>i{padding:0 3px}.reference-vip .vip-banner-divider{height:53px}.reference-vip .vip-banner-right{flex:.95;gap:3px}.reference-vip .gold-label{padding:2px 7px 2px 3px;gap:4px;border-radius:15px}.reference-vip .gold-label>strong{font-size:10px;font-weight:800}.reference-vip .gold-label>strong>b{font-size:13px;margin:0 1px}.crown-medal{width:25px;height:25px;min-width:25px;border-width:1px;margin:-3px 0 -3px -4px}.crown-medal>.icon{width:17px;height:17px}.reference-vip .vip-banner-right>.icon{width:15px;height:15px;flex-shrink:0}.reference-vip .vip-banner-right p{font-size:9px;line-height:1.5;margin:7px 0 0 0;white-space:nowrap}
  .reference-home .daily-section{margin-top:18px}.reference-home .section-heading{margin-bottom:10px}.reference-home .section-heading h2{font-size:22px;gap:7px}.reference-home .section-heading .fire-icon{height:26px;width:26px}.reference-home .text-btn{font-size:11px;gap:3px}.reference-home .text-btn>.icon{height:15px;width:15px}
  .reference-home .picks-track{margin-right:-13px;padding-right:13px;gap:9px;scrollbar-width:none}.reference-home .pick-card{flex-basis:231px;border-radius:9px;min-height:362px}.pick-surface{padding:0 11px 10px;border-radius:8px}.pick-surface .pick-card-top{margin:0 -11px;height:31px;min-height:31px}.pick-surface .access-ribbon{min-width:75px;font-size:15px;padding:3px 10px;border-radius:0 0 10px 0}.pick-surface .rank-label{font-size:8px;padding-right:10px;gap:3px}.pick-surface .rank-label>.icon{height:9px;width:9px}.pick-surface .pick-league{font-size:10px;margin-top:12px;min-height:21px}.pick-surface .pick-league>span:last-child{font-size:10px}.pick-surface .pick-teams{margin:11px 0 13px;min-height:89px;gap:7px}.pick-surface .pick-teams .team-crest{height:51px;width:51px}.pick-surface .pick-teams>span:not(.vs){gap:8px;max-width:calc(50% - 12px)}.pick-surface .pick-teams strong{font-size:10px;line-height:1.5}.pick-surface .vs{font-size:13px}.pick-surface .prediction-metrics{min-height:72px;gap:6px}.prediction-metrics>span{border-radius:8px;padding:8px}.prediction-metrics>span>span{font-size:10px}.prediction-metrics>span>strong{font-size:24px;gap:3px}.prediction-metrics>span>strong>b{font-size:28px}.prediction-metrics>span>strong>small{font-size:17px}.prediction-metrics .confidence-ring{height:26px;width:26px}.prediction-metrics .confidence-ring:after{inset:5px}.pick-surface .reason-preview{min-height:68px;margin-top:8px;gap:6px;padding:8px;border-radius:8px}.pick-surface .reason-preview>.icon{width:23px;height:23px}.reason-preview>span{gap:2px}.reason-preview>span>strong{font-size:10px}.reason-preview>span>span{font-size:10px;line-height:1.6}.pick-surface .free-detail-btn{font-size:10px;margin-top:9px}.locked-pick-hit .locked-content{min-height:262px;padding:22px 0 20px}.locked-pick-hit .lock-circle{width:58px;height:58px;margin-bottom:20px}.locked-pick-hit .lock-circle>.icon{width:29px;height:29px}.locked-content>strong{font-size:14px;font-weight:600}.locked-content>span:not(.lock-circle){font-size:11px;margin-top:5px;line-height:1.7}.locked-pick-hit .card-cta{min-height:43px;font-size:14px;border-radius:8px;gap:7px}.locked-pick-hit .card-cta>.icon{width:22px;height:22px}.reference-home .pick-note{font-size:8px;justify-content:flex-start;text-align:left;align-items:flex-start;gap:5px;margin:7px 0 0}.reference-home .pick-note>.icon{width:11px;height:11px;margin-top:2px}
  .reference-menu{margin:15px -13px 15px 0;padding-right:13px;gap:8px}.reference-menu .quick-card{flex-basis:159px;min-height:69px;border-radius:9px;padding:11px 10px;gap:8px}.reference-menu .quick-card strong{font-size:14px}.reference-menu .quick-card small{font-size:8px}.reference-menu .quick-icon>.icon{width:30px;height:30px}.reference-menu .quick-arrow{width:13px;height:13px}
  .reference-lower .live-panel{padding:13px 9px 0;border-radius:10px}.reference-lower .live-panel .section-heading{padding:0 3px;margin-bottom:9px}.reference-lower .live-panel .section-heading h2{font-size:22px}.reference-lower .pulse-dot{width:14px;height:14px;margin:0 3px;box-shadow:0 0 13px #4bfc3a66}.reference-lower .match-row{min-height:51px;padding:0 7px;gap:6px;margin:3px 0;border-radius:8px}.reference-lower .follow-btn{display:none}.reference-lower .match-main{gap:7px;padding:8px 0}.reference-lower .match-time{font-family:'Barlow Condensed',var(--font);font-size:15px;width:26px;min-width:26px;gap:2px}.reference-lower .match-time:before{content:'LIVE';font-family:'Barlow Condensed';font-size:8px;line-height:1;background:#fa2434;color:white;border-radius:3px;padding:4px 4px;position:absolute;top:-14px;display:none}.reference-lower .match-time.is-live i{display:none}.reference-lower .row-team{font-size:9px;gap:5px;min-width:0;flex:1}.reference-lower .row-team>span:not(.team-crest){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-lower .row-team .team-crest{height:27px;width:27px}.reference-lower .match-score{min-width:45px;font-size:23px;letter-spacing:1px}.reference-lower .match-score small{font-size:13px;color:#c1c4d2}.reference-lower .row-arrow{height:12px;width:12px}.reference-lower .live-panel-footer{font-size:8px;padding:7px 3px}
  .reference-chat{margin:10px 0 0;min-height:113px;padding:12px 9px 12px 96px;gap:5px;border-radius:9px;flex-wrap:nowrap}.chat-mascot{width:140px;height:140px;left:-26px;bottom:-16px}.chat-bubble-art{width:28px;height:22px;left:75px;top:16px;border-radius:6px;gap:3px}.chat-bubble-art i{height:4px;width:4px}.chat-bubble-art:after{bottom:-4px;left:6px;border-top-width:7px;border-right-width:7px}.reference-chat .chat-banner-copy{flex:1 1 auto;min-width:0!important;max-width:none!important}.reference-chat .chat-banner-copy h2{font-size:14px;line-height:1.4;letter-spacing:-.3px;white-space:normal;margin:0 0 6px;font-weight:800}.reference-chat .chat-banner-copy h2 em{font-size:18px}.reference-chat .chat-banner-copy p{font-size:8px;line-height:1.7;color:#d6dcf5;max-width:none}.reference-chat .primary-btn{flex:0 0 auto;min-width:0;font-size:9px;min-height:33px;padding:6px 8px;gap:1px;border-radius:7px;margin:0}.reference-chat .primary-btn>.icon{width:13px;height:13px;stroke-width:2.5}
  .home-live-match{gap:6px;padding:9px 6px;min-height:52px;border-radius:8px}.home-live-status{font-size:11px;padding:3px 5px;border-radius:4px}.home-live-minute{font-size:15px;min-width:21px}.home-live-team{gap:5px;font-size:10px;flex:1}.home-live-team>.team-crest{width:25px;height:25px}.home-live-score{font-size:22px;min-width:39px;letter-spacing:.7px}.home-live-score>small{font-size:14px}.home-live-match>.icon{width:11px;height:11px}.chat-mascot{height:125px;width:125px;left:-20px;bottom:-25px}
  .home-stats-link{padding:14px 2px 17px;font-size:9px;gap:6px}.home-stats-link>.icon{height:13px;width:13px}.home-stats-link strong{margin:0 3px}.site-footer{padding-top:15px;padding-bottom:100px}.bottom-nav{padding-top:10px;min-height:69px}.bottom-nav button{font-size:11px;gap:4px;min-width:48px}.bottom-nav .icon{height:25px;width:25px}
  .detailed-analysis h2{font-size:19px;margin-bottom:19px}.detailed-analysis>.eyebrow{font-size:9px}.analysis-matchup{gap:9px}.analysis-matchup .team-crest{height:53px;width:53px}.analysis-matchup strong{font-size:10px}.analysis-matchup-time>strong{font-size:23px}.analysis-matchup-time>small{font-size:9px}.detailed-analysis .analysis-summary strong{font-size:26px}.detailed-analysis .analysis-summary>div>small{font-size:8px}.detailed-analysis .analysis-factors strong{font-size:20px}.detailed-analysis>.small-note{font-size:8px}.detailed-analysis>#analysis-match{font-size:10px;gap:7px;padding:9px 10px}.detailed-analysis>#analysis-match>.icon{width:15px;height:15px}
}
@media(max-width:370px){
  .brand img{height:37px;width:37px}.brand strong{font-size:20px}.brand span{font-size:10px}.header-actions{gap:5px}.vip-small{font-size:15px;padding:4px 7px}.vip-small .icon{width:17px;height:17px}.reference-hero h1{font-size:25px}.reference-hero p{font-size:10px}.reference-trust{font-size:7px}.reference-trust .icon{height:15px;width:15px}.reference-trust>span{gap:4px}.reference-trust>span+span{padding-left:5px}.reference-vip{padding:11px 8px;gap:7px}.reference-vip .vip-banner-left{gap:7px}.reference-vip .calendar-tile{width:37px;height:47px}.reference-vip .calendar-tile>.icon{width:25px;height:25px}.reference-vip .vip-banner-left strong{font-size:20px}.reference-vip .vip-banner-left strong>b{font-size:32px}.reference-vip .vip-banner-left>div>span{font-size:10px}.reference-vip .gold-label>strong{font-size:9px}.reference-vip .gold-label>strong>b{font-size:12px}.reference-vip .vip-banner-right p{font-size:8px}.reference-vip .vip-banner-right>.icon{width:12px}.reference-chat{padding-left:86px}.chat-mascot{left:-31px;width:130px;height:130px}.chat-bubble-art{left:65px}.reference-chat .chat-banner-copy h2{font-size:12px}.reference-chat .chat-banner-copy h2 em{font-size:16px}.reference-chat .chat-banner-copy p{font-size:7px}.reference-chat .primary-btn{font-size:8px;padding:5px 6px}
}

/* Sports wording: keep the goal total and its unit readable on narrow cards. */
.prediction-metrics>span>strong.goal-trend{gap:5px}
.prediction-metrics>span>strong.goal-trend>small{font-size:11px;margin-left:0;white-space:normal;line-height:1.4}
.analysis-summary strong.goal-trend{font-size:clamp(20px,5vw,28px);line-height:1.5;white-space:normal}
.analysis-summary>div>small{font-family:var(--font);letter-spacing:0}

.brand img{object-fit:contain;border-radius:10px;flex-shrink:0}

.goal-reference-note{padding:12px 14px;margin:15px 0;border:1px solid #245160;border-radius:9px;background:#092632;display:flex;flex-direction:column;gap:5px;font-size:12px}.goal-reference-note>span{color:#aac1d0;font-size:11px;line-height:1.8}.goal-boundary-note{font-size:10px;color:#c8b98d;margin:10px 0}