.planNav{border-color:#91ff9b!important}.headerNav nav{flex-wrap:wrap}.planHero{padding:22px;border-radius:12px;background:linear-gradient(120deg,#03092b,#0b3940);color:#fff;margin-bottom:22px}.planHero h2{margin:5px 0;color:#fff;font-size:30px}.planHero p{line-height:1.6}.planHero>.eyebrow{color:#91ff9b}.planHero>strong{font-size:36px;color:#e69516}.planHero small{font-size:16px}.planForm{max-width:940px;margin:auto}.planChoices,.registrationFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.planForm label:not(.pricePlan):not(.certify){display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:650}.planForm input,.planForm select{width:100%;font-size:16px;padding:12px}.registrationFields{border:1px solid #c5d4df;padding:20px;border-radius:12px}.planForm legend{font-weight:800;font-size:18px;padding:0 8px}.certify{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:16px;margin:18px 0}.certify input,.pricePlan input{width:22px;height:22px;flex-shrink:0;accent-color:#146a43}.pricePlans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:0;padding:0;margin:24px 0}.pricePlans legend{margin-bottom:14px}.pricePlan{display:flex;gap:10px;padding:20px 14px;border:2px solid #d0dce5;border-radius:12px;cursor:pointer;background:#fff;min-width:0}.pricePlan:has(input:checked){border-color:#187a4e;background:#f0fff5;box-shadow:0 0 0 2px #91ff9b66}.pricePlan span{font-size:16px;font-weight:800;min-width:0}.pricePlan strong{display:block;font-size:34px;margin:10px 0;color:#102d4c}.pricePlan small{font-size:14px;display:block;font-weight:500;line-height:1.6}.pricePlan strong small{display:inline;font-size:16px}.subscriptionTerms{padding:20px;border-left:4px solid #e69516;background:#fff8e7;border-radius:10px;line-height:1.65}.subscriptionTerms h3{margin-top:0}.planTerms{line-height:1.65}.checkoutNotice{background:#eff5fa;padding:16px;line-height:1.6;border-radius:8px}.planSubmit{font-size:16px;font-weight:800;padding:14px 20px}.planStatus{font-size:16px;line-height:1.6;padding:12px 0}.planStatus:empty{display:none}@media(max-width:650px){.pricePlans,.registrationFields,.planChoices{grid-template-columns:1fr}.pricePlan{padding:16px}.pricePlan strong{font-size:30px}.planHero{padding:20px 16px}.headerNav nav{flex-wrap:nowrap}.planNav{flex-shrink:0}}
.customerPicksPanel{margin:20px 0;padding:20px;border:1px solid #c5d4df;border-left:4px solid #187a4e;border-radius:12px;line-height:1.6}.customerPicksPanel h3{margin:0 0 10px}.customerResultsNote{margin-top:20px;line-height:1.6;color:#395469}.planSubmit:disabled{opacity:.65;cursor:not-allowed}
.headerNav nav button{background:#e69516;color:#080808;border:2px solid #e69516;border-radius:10px;font-size:16px;font-weight:850;padding:16px 22px;min-height:54px;box-shadow:0 4px 14px #0004;letter-spacing:.025em}.headerNav nav button:hover{background:#e69516;color:#080808;box-shadow:0 0 18px #e6951655}.headerNav nav button.active{background:#e69516;color:#080808;border-color:#e69516;box-shadow:0 0 0 3px #e6951655}.headerNav nav .planNav{border-color:#e69516!important}.cancelAnytime{display:inline-block;margin:8px 0;padding:8px 14px;background:#e69516;color:#080808;border-radius:8px;font-size:18px;font-weight:800}@media(max-width:650px){.headerNav nav button{font-size:16px;padding:14px 18px;min-height:52px}.headerNav nav{gap:10px;flex-wrap:wrap;overflow:visible}.headerNav nav button{flex:1 1 140px}.headerNav{width:100%}}
.planNavNote{display:block;font-size:14px;line-height:1.4;font-weight:650;letter-spacing:0;margin-top:5px}.noCardRequired{color:#91ff9b;font-size:18px;font-weight:800}.headerNav nav{align-items:stretch}
.headerNav nav button .planNavSignup{display:block;text-transform:none;font-size:16px;font-weight:800;line-height:1.3;margin-top:3px;letter-spacing:0}

.sportChoices{border:1px solid #adc9d3;border-radius:10px;padding:16px;margin:0}.sportChoices legend{font-weight:800}.sportChoices label{display:flex;align-items:center;gap:10px;margin:10px 0}.sportChoices input{width:20px;height:20px}.pickCount{display:block;font-size:16px;line-height:1.5;margin:10px 0;color:#176264}

.headerNav nav button{text-transform:uppercase}.headerNav nav button .planNavNote{text-transform:none}

/* Colorful sports surfaces keep the compact plan layout. */
main>section#freeplan:not([hidden]){background:linear-gradient(135deg,#e9fff2,#e4f3ff 65%,#e9efff)}
main>section#payplans:not([hidden]){background:linear-gradient(135deg,#e8f2ff,#eee8ff 65%,#fff1d1)}
#freeplan .planHero{background:linear-gradient(110deg,#073e39,#0b516c);border-left:4px solid #39ff14}
#payplans .planHero{background:linear-gradient(110deg,#142b58,#4c267c);border-left:4px solid #e69516}
.planForm .sportChoices{background:#dcf5ff;border-color:#70b9d8;color:#103d56}
.planForm .registrationFields{background:#e2f9ea;border-color:#76c895;color:#183f32}
#payplans .registrationFields{background:#ece4ff;border-color:#b49bdd;color:#352653}
.planForm .planChoices>label{background:#fff0c9;border:1px solid #e1bc64;border-radius:10px;padding:8px 10px;color:#4b380c}
.planSportIcon{display:inline-block;flex-shrink:0;font-size:18px;line-height:1;vertical-align:middle}
.sportChoices label{flex-wrap:wrap;column-gap:5px}
.pricePlan:nth-of-type(1){background:#dcf3ff;border-color:#74b8dc}
.pricePlan:nth-of-type(2){background:#e0f9eb;border-color:#78cda2}
.pricePlan:nth-of-type(3){background:#efe3ff;border-color:#b790df}
.pricePlan:has(input:checked){background:#fff1be;border-color:#9b6a04;box-shadow:0 0 0 2px #e6951640}
.planForm .subscriptionTerms{background:#fff0cb;border-color:#d6a83f}
.planForm .checkoutNotice{background:#dbeaff;border:1px solid #94b7e2;color:#173e63}
@media(max-width:650px){.planForm .planChoices>label{padding:5px 8px}.planSportIcon{font-size:16px}.sportChoices label{gap:3px}}

/* Compact plan panels; retain scrolling for smaller screens and enlarged text. */
main>section:is(#freeplan,#payplans):not([hidden]){width:min(1080px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:900px;padding:14px 20px}
main>section:is(#freeplan,#payplans):not([hidden]) .viewControls{top:-14px;margin:-14px -20px 10px;padding:7px 20px}
:is(#freeplan,#payplans) .viewControls button{padding:7px 12px;min-height:36px;font-size:14px}
.planHero{position:relative;padding:10px 14px;margin-bottom:10px;border-radius:10px}
.planHero h2{font-size:22px;line-height:1.15;margin:3px 0}
.planHero p{margin:3px 0;line-height:1.3;font-size:14px}
.planHero>.eyebrow{font-size:14px;letter-spacing:.04em}
.planHero>strong{position:absolute;right:14px;top:12px;font-size:26px}
#freeplan .planHero h2{padding-right:100px}
.planHero .cancelAnytime{font-size:14px;padding:3px 8px;margin:3px 0}
.planForm{max-width:none}
.planChoices{grid-template-columns:2fr 1fr;gap:12px;margin:8px 0}
.sportChoices{padding:5px 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px}
.sportChoices label{margin:0;line-height:1.25;font-size:14px;gap:6px}
.sportChoices legend,.planForm legend{font-size:14px}
.sportChoices input{width:18px;height:18px;margin:0}
.planForm label:not(.pricePlan):not(.certify){font-size:14px;gap:4px}
.planForm input:not([type=checkbox]):not([type=radio]),.planForm select{padding:7px 8px;min-height:36px;font-size:16px}
.registrationFields{grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0;padding:8px 10px;gap:10px}
.certify{font-size:14px;line-height:1.3;margin:8px 0;gap:8px}
.certify input,.pricePlan input{width:18px;height:18px;margin:0}
.pricePlans{gap:8px;margin:8px 0}
.pricePlans legend{margin-bottom:5px}
.pricePlan{padding:8px;gap:6px}
.pricePlan span{font-size:14px}
.pricePlan strong{font-size:25px;margin:3px 0}
.pricePlan strong small{font-size:14px}
.pricePlan small{font-size:14px;line-height:1.25}
.pickCount{font-size:14px;line-height:1.25;margin:4px 0}
.subscriptionTerms{padding:8px 12px;font-size:14px;line-height:1.35}
.subscriptionTerms summary{font-weight:800}
.subscriptionTerms p{margin:8px 0}
.planTerms{font-size:14px;line-height:1.3;margin:8px 0}
.checkoutNotice{padding:8px 10px;font-size:14px;line-height:1.3;margin:8px 0}
.planSubmit{padding:9px 14px;min-height:40px;font-size:14px}
.planStatus{padding:4px 0;margin:4px 0}
@media(max-width:650px){
 main>section:is(#freeplan,#payplans):not([hidden]){width:calc(100vw - 12px);height:calc(100dvh - 12px);padding:10px;border-radius:12px}
 main>section:is(#freeplan,#payplans):not([hidden]) .viewControls{top:-10px;margin:-10px -10px 7px;padding:5px 10px}
 .planHero{padding:8px 10px;margin-bottom:7px}
 .planHero h2{font-size:20px}
 .planHero>strong{right:10px;top:10px;font-size:22px}
 .planChoices{grid-template-columns:1fr;gap:6px;margin:6px 0}
 .sportChoices{gap:6px;padding:4px 8px}
 .planChoices>label{display:grid!important;grid-template-columns:1fr 1.2fr;align-items:center}
 .registrationFields{grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 8px;gap:6px 8px;margin:6px 0}
 .pricePlans{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:6px 0}
 .pricePlan{padding:6px 4px;gap:3px;display:block}
 .pricePlan input{float:right}
 .pricePlan strong{font-size:23px}
 .pricePlan strong small{display:block}
 .pricePlan small,.pickCount{font-size:14px}
 .certify,.planTerms,.checkoutNotice{margin:6px 0}
 .planSubmit{width:100%}
}

.liveScorecardBenefit{padding:10px 14px;margin:10px 0;border:1px solid #258c98;border-left:4px solid #e69516;border-radius:8px;background:#092d40;color:#fff}.liveScorecardBenefit>strong{font-size:18px;color:#e69516}.liveScorecardBenefit>p{margin:4px 0 0;font-size:14px;line-height:1.4}
