/* Top tabs: My League | Fantasy League  (Game Night look; uses the app's theme variables) */
#apptabs{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:560px;margin:12px auto 4px;width:calc(100% - 28px);background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px}
#apptabs button{font-family:var(--f-lab,Oswald,sans-serif);font-weight:600;font-size:15px;letter-spacing:.07em;text-transform:uppercase;min-height:48px;border:0;border-radius:999px;background:transparent;color:var(--mut);cursor:pointer;padding:0 8px;box-shadow:none;transition:background .15s,color .15s}
#apptabs button[aria-selected=true]{background:var(--team);color:var(--on-team,#fff);box-shadow:0 3px 0 rgba(0,0,0,.4)}
#apptabs button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
body.ff-on #view,body.ff-on #tabs{display:none!important}
#ffview{display:none}
body.ff-on #ffview{display:block}
#ffview{max-width:560px;margin:0 auto;padding:12px 14px 48px}
.ffsoon{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--panel2),var(--panel));border:1px solid var(--line);border-left:5px solid var(--team);border-radius:var(--r,14px);padding:22px 18px 20px}
.ffsoon:after{content:"";position:absolute;right:-60px;top:-60px;width:190px;height:190px;border-radius:50%;background:color-mix(in srgb,var(--team) 14%,transparent)}
.ffsoon>*{position:relative;z-index:1}
.ffbadge{display:inline-block;background:var(--gold);color:var(--on-gold,#1B1300);font-family:var(--f-lab,Oswald,sans-serif);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.ffsoon svg{display:block;width:96px;height:96px;margin:18px 0 6px}
.ffsoon h2{font-family:var(--f-num,"Barlow Condensed",sans-serif);font-weight:800;font-size:clamp(40px,12vw,60px);line-height:.95;text-transform:uppercase;letter-spacing:.01em;margin:4px 0 10px;color:var(--ink)}
.ffsoon p{font-family:var(--f-body,Inter,sans-serif);font-size:17px;line-height:1.45;color:var(--ink);max-width:36ch}
.ffsoon .ffsub{color:var(--mut);font-size:14px;margin-top:8px}
.ffgo{margin-top:20px;width:100%;max-width:340px;min-height:56px;font-size:17px!important}
.fffine{margin-top:14px;text-align:center;font-size:12px;color:var(--mut);font-family:var(--f-body,Inter,sans-serif)}
@media(min-width:900px){#apptabs{max-width:440px}#ffview{padding-top:24px}.ffsoon{padding:34px 32px}.ffsoon svg{width:120px;height:120px}}
@media(prefers-reduced-motion:reduce){#apptabs button{transition:none}}
/* Sport picker (Football | Soccer) inside Fantasy League */
#ffsport{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 12px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px}
#ffsport button{font-family:var(--f-lab,Oswald,sans-serif);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--mut);cursor:pointer;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:8px}
#ffsport button[aria-selected=true]{background:var(--team);color:var(--on-team,#fff);box-shadow:0 2px 0 rgba(0,0,0,.4)}
#ffsport button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
#ffsport svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.ff-soc #ffbody,body.ff-soc #ffnav{display:none!important}