:root{--turquoise: #63d4d5;--deep-turquoise: #24aeb3;--soft-turquoise: #e8fafa;--white: #ffffff;--charcoal: #1f2933;--light-grey: #f7f9fa;--correct: #16a34a;--correct-soft: #dcfce7;--incorrect: #ef4444;--incorrect-soft: #fee2e2;--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--radius-lg: 24px;--radius-md: 16px;--radius-pill: 999px;--shadow-card: 0 10px 30px rgba(31, 41, 51, .08);--maxw: 1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--charcoal);background:var(--light-grey);line-height:1.55}img{max-width:100%;display:block}a{color:inherit}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}button:focus-visible,a:focus-visible{outline:3px solid var(--charcoal);outline-offset:3px}.hero{position:relative;background:linear-gradient(160deg,var(--turquoise) 0%,var(--deep-turquoise) 100%);color:var(--white);overflow:hidden;padding:72px 0 96px}.hero__paws{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;font-size:28px}.hero__paws span{position:absolute;transform:rotate(var(--rot, 0deg))}.hero__inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-pill);padding:6px 16px;font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05;margin-bottom:16px}.hero h1 .wobble{display:inline-block}.hero__sub{font-size:1.15rem;max-width:46ch;margin-bottom:14px;opacity:.95}.hero__tagline{font-size:.95rem;font-style:italic;opacity:.85;margin-bottom:28px}.hero__score-summary{display:inline-flex;align-items:center;gap:14px;background:#ffffff24;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md);padding:12px 18px;margin-bottom:32px;font-weight:700}.hero__score-summary strong{font-family:var(--font-display);font-size:1.5rem}.hero__cta{display:flex;flex-wrap:wrap;gap:14px}.btn{font-family:var(--font-display);font-weight:600;font-size:1rem;border:none;cursor:pointer;border-radius:var(--radius-pill);padding:14px 30px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--white);color:var(--deep-turquoise);box-shadow:0 6px 18px #00000026}.btn--ghost{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.8)}.hero__portrait{justify-self:center;position:relative;width:min(360px,80vw)}.portrait__ring{width:100%;height:auto;display:block}.portrait__ring .ring-track{stroke:#ffffff40}.portrait__ring .ring-fill{stroke:var(--white);stroke-linecap:round;transition:stroke-dashoffset 1.2s ease}.portrait__photo{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;overflow:hidden;background:var(--soft-turquoise);border:6px solid var(--white)}.portrait__photo img{width:100%;height:100%;object-fit:cover}.portrait__badge{position:absolute;bottom:4%;left:50%;transform:translate(-50%) rotate(-3deg);background:var(--charcoal);color:var(--white);font-family:var(--font-display);font-weight:600;font-size:.85rem;padding:8px 18px;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:0 6px 14px #00000040}.portrait__accuracy{position:absolute;top:2%;right:-2%;background:var(--white);color:var(--deep-turquoise);border-radius:50%;width:84px;height:84px;display:grid;place-content:center;text-align:center;font-family:var(--font-display);font-weight:700;font-size:1.3rem;line-height:1;box-shadow:0 8px 20px #0000002e}.portrait__accuracy small{font-family:var(--font-body);font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--charcoal)}.scoreboard{padding:0 0 24px}.scoreboard__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-52px;position:relative}.score-card{background:var(--white);border:2px solid var(--turquoise);border-radius:var(--radius-lg);padding:26px 22px;text-align:center;box-shadow:var(--shadow-card)}.score-card__icon{font-size:1.6rem;margin-bottom:6px}.score-card__number{font-family:var(--font-display);font-weight:700;font-size:2.6rem;line-height:1.1;color:var(--deep-turquoise)}.score-card--correct .score-card__number{color:var(--correct)}.score-card--incorrect .score-card__number{color:var(--incorrect)}.score-card__label{font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--charcoal);opacity:.75}.predictions{padding:56px 0 88px}.predictions__header{text-align:center;max-width:56ch;margin:0 auto 36px}.predictions__header h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3.5vw,2.4rem);margin-bottom:10px}.predictions__header p{opacity:.8}.next-match{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:var(--soft-turquoise);border:1px solid var(--deep-turquoise);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px 24px;margin-bottom:24px}.next-match__info{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}.next-match__label{font-family:var(--font-display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--deep-turquoise)}.next-match__teams{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--charcoal)}.next-match__kickoff{font-size:.9rem;font-weight:600;opacity:.75}.badge--soon{background:var(--deep-turquoise);color:var(--white);white-space:nowrap}.table-wrap{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}thead{background:var(--soft-turquoise)}th{font-family:var(--font-display);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--deep-turquoise);text-align:left;padding:16px 20px}td{padding:16px 20px;border-top:1px solid var(--light-grey);font-weight:600;vertical-align:middle}tbody tr:nth-child(2n){background:#fbfdfd}tbody tr:hover{background:var(--soft-turquoise)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:30px;line-height:1;border-radius:var(--radius-pill);padding:0 14px;font-size:.82rem;font-weight:800}.pred-link{display:inline-flex;align-items:center;min-height:30px;line-height:1;border-radius:var(--radius-pill);padding:0 12px;font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap;color:var(--white)}.pred-link--reddit{background:#ff4500}.pred-link--tiktok{background:var(--charcoal)}.pred-link:hover{opacity:.88}.pred-links__empty{opacity:.4}.badge--correct{background:var(--correct-soft);color:var(--correct)}.badge--incorrect{background:var(--incorrect-soft);color:var(--incorrect)}.promo{padding:8px 0 88px}.promo__card{background:linear-gradient(160deg,var(--turquoise) 0%,var(--deep-turquoise) 100%);color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:48px 40px;text-align:center;overflow:hidden}.promo__content{max-width:56ch;margin:0 auto}.promo__eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-pill);padding:6px 16px;font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px}.promo h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3.5vw,2.4rem);line-height:1.1;margin-bottom:12px}.promo__sub{font-size:1.1rem;opacity:.95;margin-bottom:18px}.promo__offer{display:inline-block;background:#ffffff24;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md);padding:12px 22px;margin-bottom:28px;font-size:1.1rem;font-weight:700}.promo__offer strong{font-family:var(--font-display);font-size:1.35rem}.promo__plus{opacity:.9}.promo__cta{font-size:1.05rem}.tiktok{padding:8px 0 64px}.tiktok__header{text-align:center;max-width:56ch;margin:0 auto 36px}.tiktok__handle{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3vw,2rem);color:var(--charcoal);text-decoration:none}.tiktok__handle:hover{text-decoration:underline}.tiktok__logo{width:1.1em;height:1.1em;flex:none}.tiktok__sub{font-size:1.1rem;opacity:.85;margin:12px 0 20px}.tiktok__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}.tiktok__tile{aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);background:var(--charcoal)}.tiktok__embed{width:100%;height:100%;border:0;display:block}@media (max-width: 900px){.tiktok__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.tiktok__grid{grid-template-columns:1fr;max-width:360px;margin-inline:auto}}.footer{background:var(--charcoal);color:var(--white);text-align:center;padding:28px 24px;font-size:.9rem}.footer span{opacity:.75}@media (max-width: 640px){.table-wrap{background:transparent;box-shadow:none;overflow:visible}table{min-width:0}thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}table,tbody,tr,td{display:block;width:100%}tbody tr,tbody tr:nth-child(2n),tbody tr:hover{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:6px 18px 12px;margin-bottom:16px}td{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--light-grey);text-align:right}td:before{content:attr(data-label);font-family:var(--font-display);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--deep-turquoise);text-align:left}.cell-match{border-top:0;padding:4px 0 8px;font-family:var(--font-display);font-size:1.1rem;text-align:left}.cell-match:before{content:none}}@media (max-width: 900px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__sub{margin-inline:auto}.hero__cta{justify-content:center}.scoreboard__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.scoreboard__grid{grid-template-columns:1fr}.hero{padding:56px 0 84px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.btn,.portrait__ring .ring-fill{transition:none}}