/* Prem on Your Bread: brand colours taken from the approved v2 artwork */
@font-face{font-family:"Lilita One";src:url("fonts/lilita-one.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Fredoka";src:url("fonts/fredoka.woff2") format("woff2");font-weight:300 700;font-stretch:75% 125%;font-style:normal;font-display:swap}
:root{
  --yellow:#FFC72C; --green:#1F9D55; --toast:#C8762A; --crust:#7E3D12; --ink:#1C1233;
  --cream:#FFF7E0; --cream2:#FFEDB8; --white:#fff;
  --green-dark:#14703C;
  --display:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;
  --body:"Fredoka","Trebuchet MS",system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius:22px; --shadow:5px 6px 0 var(--ink);
  --sun:repeating-conic-gradient(from 0deg at 50% 50%, var(--yellow) 0deg 9deg, var(--green) 9deg 18deg);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:1.08rem;line-height:1.55;color:var(--ink);background:var(--cream);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;margin:0 0 .5em;letter-spacing:.01em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{width:min(1160px,100% - 2.5rem);margin-inline:auto}
.narrow{width:min(820px,100% - 2.5rem)}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--yellow);padding:.7rem 1rem;z-index:100;border-radius:0 0 12px 0}
.skip:focus{left:0}
:focus-visible{outline:4px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 7px var(--yellow)}
.on-ink :focus-visible,.ink :focus-visible,.site-footer :focus-visible{outline-color:var(--yellow);box-shadow:0 0 0 7px var(--ink)}

/* buttons and pills */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--display);font-size:1.15rem;letter-spacing:.02em;text-decoration:none;color:var(--yellow);background:var(--ink);border:3px solid var(--ink);padding:.7rem 1.4rem;border-radius:999px;box-shadow:3px 4px 0 var(--toast);transition:transform .12s ease,box-shadow .12s ease;min-height:48px}
.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 6px 0 var(--toast)}
.btn:active{transform:translate(1px,1px);box-shadow:1px 2px 0 var(--toast)}
.btn-ghost{background:var(--white);color:var(--ink);box-shadow:3px 4px 0 var(--ink)}
.btn-ghost:hover{box-shadow:5px 6px 0 var(--ink)}
.btn-sm{font-size:1rem;padding:.4rem 1.1rem;min-height:44px}
.pill{display:inline-block;font-family:var(--display);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;background:var(--yellow);color:var(--ink);padding:.15rem .7rem;border-radius:999px;border:2px solid var(--ink);vertical-align:middle}
.pill-green{background:var(--green);color:#fff}
.eyebrow{font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;font-size:.95rem;color:var(--crust);margin:0 0 .6rem}
.tiny{font-size:.95rem;margin:1.2rem 0 0;opacity:.85}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--yellow);border-bottom:4px solid var(--ink)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.brand img{border-radius:50%;border:3px solid var(--ink);background:var(--white)}
.brand-name{font-family:var(--display);font-size:1.6rem;line-height:1}
.brand-name small{font-size:.8rem;display:block;color:var(--crust);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
.nav-links{display:flex;align-items:center;gap:.4rem}
.nav-links a:not(.btn){font-family:var(--display);font-size:1.05rem;text-decoration:none;padding:.5rem .8rem;border-radius:999px}
.nav-links a:not(.btn):hover{background:var(--ink);color:var(--yellow)}
.nav-toggle{display:none;background:var(--ink);border:0;border-radius:14px;width:50px;height:50px;cursor:pointer;position:relative}
.nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{position:absolute;left:13px;width:24px;height:3px;background:var(--yellow);border-radius:3px;content:"";transition:transform .2s}
.nav-toggle .bars{top:23px}.nav-toggle .bars::before{left:0;top:-8px}.nav-toggle .bars::after{left:0;top:8px}
.nav-toggle[aria-expanded="true"] .bars{background:transparent}
.nav-toggle[aria-expanded="true"] .bars::before{transform:translateY(8px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .bars::after{transform:translateY(-8px) rotate(-45deg)}

/* hero */
.hero{background:var(--sun);position:relative;padding:clamp(2rem,6vw,4.5rem) 0;border-bottom:4px solid var(--ink)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.hero-card{background:var(--cream);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:8px 10px 0 var(--ink);padding:clamp(1.4rem,3.5vw,2.6rem)}
.hero h1{font-size:clamp(2.3rem,5.6vw,4rem);margin-bottom:.4em}
.hero h1 .ln{display:block}
.hl{color:var(--green);display:inline-block;text-shadow:2px 2px 0 var(--ink);-webkit-text-stroke:0}
.lead{font-size:clamp(1.1rem,2.2vw,1.3rem)}
.cta-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.4rem}
.hero-art{margin:0;justify-self:center;width:min(100%,520px);transform:rotate(2deg)}
.hero-art img{border-radius:var(--radius);border:6px solid var(--white);box-shadow:0 0 0 4px var(--ink),10px 12px 0 4px var(--ink)}

/* deadline strip */
.deadline{background:var(--ink);color:var(--white);border-bottom:4px solid var(--toast)}
.deadline[hidden]{display:none}
.deadline-in{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;align-items:center;justify-content:space-between;padding:.9rem 0}
.deadline p{margin:0}
.deadline-count{font-family:var(--display);font-size:1.4rem;color:var(--yellow);letter-spacing:.03em}

/* sections */
.section{padding:clamp(3rem,7vw,5.5rem) 0;position:relative}
.cream{background:var(--cream)}
.green{background:var(--green);color:var(--white)}
.green .eyebrow,.on-green .eyebrow{color:var(--yellow)}
.ink{background:var(--ink);color:var(--white)}
.ink .eyebrow{color:var(--yellow)}
.sunburst{background:var(--sun);border-block:4px solid var(--ink)}
.section-head{max-width:760px;margin-bottom:2.2rem}
.section-head h2{font-size:clamp(2rem,5vw,3.2rem)}
.section-lead{font-size:1.2rem}
.on-sun{background:var(--cream);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem 1.8rem}
.on-sun .eyebrow{color:var(--crust)}

.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.card{position:relative;border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem 1.5rem 1.4rem}
.card h3{font-size:1.65rem}
.card p{margin:0}
.c-yellow{background:var(--yellow)}.c-green{background:var(--green);color:#fff}.c-ink{background:var(--ink);color:#fff}
.card-num{position:absolute;top:-22px;right:18px;width:48px;height:48px;border-radius:50%;background:var(--white);color:var(--ink);border:4px solid var(--ink);font-family:var(--display);font-size:1.5rem;display:grid;place-items:center}
.soon{margin:2.2rem 0 0}
.soon p{margin:0;font-size:1.1rem}
.signoff{margin:2.2rem 0 0;padding:1.4rem 1.6rem;background:var(--cream2);border-left:10px solid var(--toast);border-radius:0 var(--radius) var(--radius) 0}
.signoff p{font-family:var(--display);font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.2;margin:0 0 .5rem}
.signoff footer{font-size:.95rem;opacity:.8}

/* steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2rem;counter-reset:s}
.steps li{background:var(--white);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:4px 5px 0 var(--ink);padding:1.2rem 1rem 1rem;position:relative}
.step-n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);font-family:var(--display);font-size:1.4rem;margin-bottom:.6rem}
.steps h3{font-size:1.25rem;margin-bottom:.3em}
.steps p{font-size:.98rem;margin:0}
.giveitup{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,3rem);margin-top:2.6rem;flex-wrap:wrap}
.giveitup img{width:min(230px,50vw);border-radius:var(--radius);border:5px solid #fff;box-shadow:0 0 0 4px var(--ink),6px 8px 0 4px var(--ink);transform:rotate(-4deg)}
.big{font-family:var(--display);font-size:clamp(2.4rem,8vw,5.2rem);line-height:1;margin:0;color:var(--yellow);background:var(--ink);padding:.3em .6em;border-radius:999px;border:4px solid #fff;box-shadow:0 0 0 4px var(--ink),6px 8px 0 4px var(--ink);transform:rotate(2deg)}

/* crew */
.crew-grid{--cols:4;--gap:1.4rem;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}
.crew-grid>li{display:flex;flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0}
.crew-card{flex:1;border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;background:var(--white);transition:transform .15s ease}
.crew-card:hover{transform:translateY(-4px) rotate(-.5deg)}
.crew-art{height:330px;display:flex;align-items:flex-end;justify-content:center;padding:1.1rem 1rem 0;background:var(--sun);background-size:cover;border-bottom:4px solid var(--ink)}
.crew-art img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 6px 0 rgba(28,18,51,.25))}
.crew-text{padding:1rem 1.1rem 1.2rem;flex:1}
.crew-text h3{font-size:1.4rem;margin-bottom:.25em}
.crew-text p{margin:0;font-size:.98rem;line-height:1.45}
.crew-role{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem!important;color:var(--crust);margin:0 0 .3rem!important}
.t-yellow .crew-text{background:var(--yellow)}
.t-green .crew-text{background:var(--green);color:#fff}.t-green .crew-role{color:var(--yellow)}
.t-cream .crew-text{background:var(--cream2)}
.t-ink .crew-text{background:var(--ink);color:#fff}.t-ink .crew-role{color:var(--yellow)}

/* socials */
.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.social-card{display:flex;flex-direction:column;gap:.15rem;height:100%;padding:1.3rem 1.4rem;background:var(--cream);color:var(--ink);text-decoration:none;border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s}
a.social-card:hover{transform:translate(-3px,-3px);box-shadow:8px 9px 0 var(--ink)}
.social-card .ico{width:42px;height:42px;margin-bottom:.4rem}
.social-name{font-family:var(--display);font-size:1.6rem;line-height:1.1}
.social-handle{font-weight:600;word-break:break-word}
.social-blurb{font-size:.95rem;opacity:.85}
.s-youtube .ico{color:#E00000}.s-tiktok .ico{color:var(--ink)}.s-instagram .ico{color:#C2185B}.s-facebook .ico{color:#1565C0}.s-x .ico{color:var(--ink)}.s-whatsapp .ico{color:#1A8F4C}
.is-soon{background:var(--cream2);border-style:dashed}

/* episodes */
.episode-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.episode{display:flex;flex-direction:column;text-decoration:none;background:var(--white);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .12s}
.episode:hover{transform:translateY(-4px)}
.episode img{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:4px solid var(--ink)}
.episode-body{padding:1rem 1.1rem 1.2rem}
.episode h3{font-size:1.3rem;margin-bottom:.2em}
.episode time{font-size:.95rem;opacity:.8}
.placeholder{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;background:var(--white);border:4px dashed var(--ink);border-radius:var(--radius);padding:1.5rem}
.placeholder img{width:150px;border-radius:18px;border:4px solid var(--ink)}
.placeholder h3{font-size:1.6rem}
.empty{margin:0}

/* faq */
.faq details{background:#2a1f48;border:3px solid var(--yellow);border-radius:18px;margin-bottom:.9rem;padding:0}
.faq summary{cursor:pointer;font-family:var(--display);font-size:1.3rem;padding:1rem 3.2rem 1rem 1.2rem;list-style:none;position:relative;min-height:56px;color:var(--yellow)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-size:1.8rem;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 1.2rem 1.1rem;margin:0}
.on-ink{color:#fff}

/* about */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.about-grid h2{font-size:clamp(2rem,5vw,3rem)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.tiles img{border:4px solid var(--ink);border-radius:18px;box-shadow:4px 5px 0 var(--ink)}
.tiles li:nth-child(odd){transform:rotate(-2deg)}.tiles li:nth-child(even){transform:rotate(2deg)}

/* footer */
.site-footer{background:var(--ink);color:#fff;border-top:6px solid var(--yellow);padding:2rem 0 1.4rem}
.foot{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between}
.foot-brand{display:flex;align-items:center;gap:.7rem;font-family:var(--display);font-size:1.5rem;margin:0}
.foot-brand img{border-radius:50%;border:3px solid var(--yellow)}
.foot-social{display:flex;gap:.7rem}
.foot-social a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--yellow);color:var(--ink);border:3px solid var(--yellow);transition:transform .12s}
.foot-social a:hover{transform:translateY(-3px);background:#fff}
.foot-social .ico{width:22px;height:22px}
.foot-legal{margin-top:1.4rem;padding-top:1.1rem;border-top:2px solid rgba(255,255,255,.2);font-size:.9rem;opacity:.85}
.foot-legal p{margin:0}

/* scroll reveal (only when JS runs and motion is fine) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
  .js .reveal{opacity:1;transform:none}
}

/* responsive */
@media (max-width:1020px){
  .crew-grid{--cols:3}
  .steps{grid-template-columns:repeat(3,1fr)}
  .episode-list{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--yellow);border-bottom:4px solid var(--ink);flex-direction:column;align-items:stretch;padding:.8rem 1.25rem 1.2rem;gap:.2rem}
  .nav-links.open{display:flex}
  .nav-links a:not(.btn){font-size:1.2rem;padding:.8rem 1rem}
  .nav-links .btn{margin-top:.5rem}
  .hero-grid,.about-grid{grid-template-columns:1fr}
  .hero-art{order:-1;width:min(78%,380px)}
  .cards3{grid-template-columns:1fr;gap:2rem}
  .socials{grid-template-columns:repeat(2,1fr)}
  .crew-grid{--cols:2;--gap:1rem}
  .crew-art{height:240px}
}
@media (max-width:560px){
  body{font-size:1.02rem}
  .brand-name{font-size:1.3rem}
  .steps{grid-template-columns:1fr}
  .steps li{display:flex;gap:1rem;align-items:flex-start;padding:1rem}
  .steps .step-n{flex:none;margin:0}
  .socials{grid-template-columns:1fr}
  .episode-list{grid-template-columns:1fr}
  .placeholder{grid-template-columns:1fr;text-align:center}
  .placeholder img{margin-inline:auto}
  .crew-grid{--gap:.8rem}
  .crew-art{height:200px;padding:.8rem .5rem 0}
  .crew-text{padding:.8rem .8rem 1rem}
  .crew-text h3{font-size:1.15rem}
  .crew-text p{font-size:.9rem}
  .on-sun{padding:1.2rem}
  .hero-card{box-shadow:5px 6px 0 var(--ink)}
  .hero h1{font-size:1.85rem}
  .card h3{font-size:1.5rem}
}

.nb{white-space:nowrap}

/* ---- This week in FPL ---- */
.fpl .section-head{max-width:820px;margin-bottom:1.4rem}
.fpl-updated{margin:.2rem 0 0;font-size:.98rem;color:var(--yellow)}
.fpl-flags ul{display:grid;gap:.6rem;margin:0 0 1.4rem}
.flag{border:3px solid var(--yellow);border-radius:14px;padding:.6rem 1rem;background:#2a1f48;font-size:1rem}
.flag-warn{border-color:#FF8A5B}
.flag::before{content:"Heads up: ";font-family:var(--display);color:var(--yellow);letter-spacing:.03em}
.fpl-empty{background:var(--cream);color:var(--ink);border:4px dashed var(--yellow);border-radius:var(--radius);padding:1.2rem 1.4rem}
.fpl-empty p{margin:0}
.fpl-note{margin:2rem 0 0;font-size:.9rem;opacity:.8;max-width:820px}
.fgroup{font-size:clamp(1.5rem,3.4vw,2.1rem);color:var(--yellow);margin:2.4rem 0 1rem;display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center}
.fgroup:first-child{margin-top:0}
.pill-warn{background:#FF8A5B;color:var(--ink)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.4rem}
.stat{display:flex;flex-direction:column;background:var(--yellow);color:var(--ink);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:5px 6px 0 var(--toast);padding:1rem 1.1rem}
.stat:nth-child(even){background:var(--cream)}
.stat-label{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;color:var(--crust)}
.stat-value{font-family:var(--display);font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.05;word-break:break-word}
.stat-sub{font-size:.92rem;line-height:1.3;opacity:.85}
.fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-bottom:1.2rem}
.fgrid-2{grid-template-columns:repeat(2,1fr)}
.fgrid-1{grid-template-columns:1fr}
.fcard{background:var(--cream);color:var(--ink);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:5px 6px 0 var(--toast);padding:1.2rem 1.3rem;min-width:0}
.fcard-wide{grid-column:span 1}
.fcard h3{font-size:1.5rem;margin-bottom:.15em}
.fsub{font-size:.95rem;opacity:.85;margin:0 0 .9rem}
.fcard-live{background:var(--cream2);border-style:dashed}
.fcard-ticker{margin-top:1.2rem}
.muted{opacity:.7;font-size:.92em}
.club{font-size:.8em;font-weight:600;opacity:.7;letter-spacing:.03em}
.who{min-width:0;overflow-wrap:anywhere}
.pos{display:inline-block;min-width:2.6em;text-align:center;font-family:var(--display);font-size:.72rem;letter-spacing:.05em;border-radius:999px;padding:.05rem .45rem;margin-right:.5rem;border:2px solid var(--ink);vertical-align:middle;background:#fff}
.pos-GKP{background:#FFE08A}.pos-DEF{background:#9ADBB0}.pos-MID{background:#A9D3FF}.pos-FWD{background:#FFB3A0}
.bars{display:grid;gap:.55rem}
.bars li{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) auto;gap:.6rem;align-items:center}
.fcard-wide .bars li{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto}
.bar-label{display:flex;flex-wrap:wrap;align-items:center;gap:.1rem .3rem;font-size:.98rem;line-height:1.25}
.bits{font-size:.78rem;opacity:.7;margin-left:.2rem}
.bar-track{display:block;height:16px;background:rgba(28,18,51,.1);border:2px solid var(--ink);border-radius:999px;overflow:hidden}
.bar-fill{display:block;height:100%;background:var(--green);border-radius:999px}
.bars-gold .bar-fill{background:var(--yellow);box-shadow:inset 0 -4px 0 rgba(126,61,18,.35)}
.bars-red .bar-fill{background:#E5533D}
.bar-val{font-family:var(--display);font-size:1rem;min-width:3.6em;text-align:right;white-space:nowrap}
.xi,.kv,.fix{display:grid;gap:.4rem}
.xi li{display:flex;align-items:center;gap:.3rem;border-bottom:2px dotted rgba(28,18,51,.2);padding-bottom:.3rem}
.xi li .who{flex:1}
.pts{font-family:var(--display);margin-left:auto;white-space:nowrap}
.pts.up{color:var(--green-dark)}.pts.down{color:#B3261E}
.kv li{display:flex;flex-wrap:wrap;gap:.2rem .7rem;justify-content:space-between;border-bottom:2px dotted rgba(28,18,51,.2);padding-bottom:.3rem}
.kv li>span:last-child{text-align:right}
.kv li>span:first-child{font-family:var(--display);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--crust)}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:-.3rem;padding:0 .3rem .4rem}
.ftable{width:100%;border-collapse:collapse;font-size:.98rem}
.ftable th,.ftable td{padding:.45rem .55rem;border-bottom:2px solid rgba(28,18,51,.15);text-align:left;white-space:nowrap}
.ftable thead th{font-family:var(--display);font-weight:400;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--crust);border-bottom:3px solid var(--ink)}
.ftable tbody th{font-weight:400}
.ticker thead th:not(:first-child),.ticker td{text-align:center}
.ticker tbody th{font-weight:600;position:sticky;left:0;background:var(--cream)}
.fdr{display:inline-block;font-size:.88rem;font-weight:600;line-height:1.2;padding:.18rem .55rem;border-radius:8px;border:2px solid var(--ink);margin:1px 2px}
.fdr-1{background:#1F9D55;color:#fff}.fdr-2{background:#9ADBB0}.fdr-3{background:#EDE6CF}.fdr-4{background:#FF9E7A}.fdr-5{background:#D7263D;color:#fff}.fdr-0{background:transparent;border-style:dashed;opacity:.6}
.fix li{display:grid;grid-template-columns:minmax(230px,1fr) 2fr;gap:.4rem .8rem;align-items:center;border-bottom:2px dotted rgba(28,18,51,.2);padding-bottom:.4rem}
.fix-time{font-size:.92rem;opacity:.85}
.fix-teams{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}
.vs{font-family:var(--display);font-size:.85rem;opacity:.7}
/* manager / flop of the week */
.motw-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.motw{display:flex;gap:1rem;align-items:flex-end;border:4px solid var(--ink);border-radius:var(--radius);box-shadow:5px 6px 0 var(--toast);padding:1.1rem 1.3rem;overflow:hidden}
.motw-good{background:var(--yellow);color:var(--ink)}
.motw-flop{background:var(--green);color:#fff}
.motw-by{height:150px;width:auto;flex:none;filter:drop-shadow(0 5px 0 rgba(28,18,51,.25))}
.motw h3{font-size:1.7rem;margin-bottom:.2em}
.motw-kind{font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;margin:0 0 .2rem}
.motw-detail,.motw-note{margin:0 0 .4rem}
.motw-tag{font-family:var(--display);font-size:1.1rem;margin:.4rem 0 0}
@media (max-width:820px){
  .fgrid,.fgrid-2,.motw-grid{grid-template-columns:1fr}
  .fix li{grid-template-columns:1fr}
}
@media (max-width:560px){
  .stats{grid-template-columns:repeat(2,1fr);gap:.7rem}
  .stat{padding:.8rem}
  .fcard{padding:1rem}
  .bars li,.fcard-wide .bars li{grid-template-columns:1fr auto;gap:.2rem .6rem}
  .bars .bar-label{grid-column:1/-1}
  .bars .bar-track{grid-column:1}
  .bar-val{grid-column:2;grid-row:2}
  .motw{flex-direction:column;align-items:flex-start}
  .motw-by{height:110px}
}
/* crew: placeholder while a character's new look is in progress */
.crew-art-soon{align-items:center}
.crew-art-soon span{font-family:var(--display);font-size:7rem;line-height:1;color:var(--ink);background:var(--yellow);border:5px solid var(--ink);border-radius:50%;width:150px;height:150px;display:grid;place-items:center;box-shadow:5px 6px 0 var(--ink);margin-bottom:1.2rem;transform:rotate(-6deg)}
@media (max-width:560px){.crew-art-soon span{font-size:4.2rem;width:100px;height:100px}}