/* PREVIEW: mobile film hero options + mobile nav fit. Everything is inside max-width media queries: desktop unchanged. */
@media(max-width:560px){
  .nav .wrap{gap:6px}
  .nav .wrap>ul{-webkit-mask:none;mask:none;padding-right:0;justify-content:flex-start;gap:0}
  .nav ul a{padding:7px 7px;font-size:13px;letter-spacing:-.01em}
  .nav .more summary{padding:7px 6px;font-size:13px}
  .cm-hbtn{padding:6px 10px;font-size:12px}
  .logo .mush{width:28px;height:28px}}
@media(max-width:360px){.nav ul a{padding:6px 5px;font-size:12px}.nav .more summary{padding:6px 4px;font-size:12px}}

@media(max-width:699px){
  /* shared: the hero column becomes a grid; .trio dissolves so each score tile can be placed on its own */
  body[class*="fl-"] .hero.film{padding-top:84px}
  body[class*="fl-"] .hero.film .hero-grid>div:first-child{display:grid;column-gap:14px;row-gap:10px;align-items:start}
  body[class*="fl-"] .hero.film .trio{display:contents}
  body[class*="fl-"] .hero.film .eyebrow{grid-area:eb;margin:0;font-size:11px}
  body[class*="fl-"] .hero.film h1{grid-area:h1;margin:0}
  body[class*="fl-"] .hero.film .pst.lg{grid-area:po;width:100%;max-width:none;margin:0}
  body[class*="fl-"] .hero.film .tri:not(.fair):nth-child(1){grid-area:pr}
  body[class*="fl-"] .hero.film .tri:not(.fair):nth-child(2){grid-area:pu}
  body[class*="fl-"] .hero.film .tri.fair{grid-area:sp}
  body[class*="fl-"] .hero.film .quip{grid-area:hk;margin:0}
  body[class*="fl-"] .hero.film .clarrow{grid-area:cl;margin:0}
  body[class*="fl-"] .hero.film .fmsh-open{grid-area:sh;justify-self:start;margin:0}

  /* ---------- A: poster 45% left · mushroom meter + verdict + hook right · Pros / Punters below ---------- */
  body.fl-a .hero.film .hero-grid>div:first-child{grid-template-columns:45% 1fr;
    grid-template-areas:"eb eb" "h1 h1" "po sp" "po hk" "po cl" "pr pu" "sh sh";grid-template-rows:auto auto auto auto 1fr auto auto}
  body.fl-a .hero.film h1{font-size:clamp(40px,13vw,64px);line-height:.92}
  body.fl-a .hero.film .tri.fair{display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:12px 8px 12px;gap:2px}
  body.fl-a .hero.film .tri.fair .spx-mbox{height:96px}
  body.fl-a .hero.film .tri.fair>small{text-align:center}
  body.fl-a .hero.film .tri.fair>b{font-size:52px;line-height:.95;margin:2px 0 0}
  body.fl-a .hero.film .quip{font-size:15px;line-height:1.3;font-weight:600;color:var(--txt);text-wrap:balance}
  body.fl-a .hero.film .clarrow .clar{font-size:11px}
  body.fl-a .hero.film .tri:not(.fair){padding:12px 10px}
  body.fl-a .hero.film .tri:not(.fair)>b{font-size:38px}

  /* ---------- B: full-width cinematic poster, title + mushroom overlaid at the bottom ---------- */
  body.fl-b .hero.film{padding-top:68px}
  body.fl-b .hero.film .hero-grid{padding:0}
  body.fl-b .hero.film .hero-grid>div:first-child{grid-template-columns:1fr 1fr;
    grid-template-areas:"po po" "hk hk" "cl cl" "pr pu" "sh sh";padding:0}
  body.fl-b .hero.film .pst.lg{aspect-ratio:4/5;border-radius:0 0 22px 22px;border:0;box-shadow:none;margin:0 -16px;width:calc(100% + 32px);overflow:hidden;position:relative}
  body.fl-b .hero.film .pst.lg img{position:relative;z-index:1;object-fit:contain;width:100%;height:100%}
  body.fl-b .hero.film .pst.lg .fl-bd{position:absolute;inset:-30px;background:center/cover;filter:blur(22px) saturate(1.2) brightness(.6);transform:scale(1.15);z-index:0}
  body.fl-b .hero.film .pst.lg::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,transparent 40%,rgba(8,6,26,.55) 62%,rgba(8,6,26,.96) 100%);pointer-events:none}
  body.fl-b .hero.film .eyebrow{display:none}
  body.fl-b .hero.film h1{grid-area:po;align-self:end;z-index:3;padding:0 0 112px 2px;font-size:clamp(44px,14vw,70px);line-height:.9;max-width:62%}
  body.fl-b .hero.film .tri.fair{grid-area:po;align-self:end;z-index:3;margin:0 0 14px;background:rgba(14,10,38,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:8px 14px!important}
  body.fl-b .hero.film .tri.fair .spx-mbox{height:72px}
  body.fl-b .hero.film .tri.fair>b{font-size:44px}
  body.fl-b .hero.film .quip{font-size:16px;font-weight:600;color:var(--txt);margin-top:6px}
  body.fl-b .hero.film .tri:not(.fair){padding:12px 10px}

  /* ---------- C: poster left · Pros, Punters, Spore Score stacked compactly right ---------- */
  body.fl-c .hero.film .hero-grid>div:first-child{grid-template-columns:45% 1fr;
    grid-template-areas:"eb eb" "h1 h1" "po pr" "po pu" "po sp" "po ." "hk hk" "cl cl" "sh sh";grid-template-rows:auto auto auto auto auto 1fr auto auto auto;row-gap:8px}
  body.fl-c .hero.film h1{font-size:clamp(40px,13vw,64px);line-height:.92}
  body.fl-c .hero.film .tri{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;text-align:left;padding:8px 12px!important;column-gap:8px;min-height:0}
  body.fl-c .hero.film .tri>small{grid-column:1;grid-row:1;font-size:10px;text-align:left;min-height:0}
  body.fl-c .hero.film .tri>span:not(.spx-mbox){grid-column:1;grid-row:2;font-size:12px}
  body.fl-c .hero.film .tri>b{grid-column:2;grid-row:1/3;font-size:32px;margin:0}
  body.fl-c .hero.film .tri.fair{grid-template-columns:auto 1fr auto;padding:8px 10px!important}
  body.fl-c .hero.film .tri.fair .spx-mbox{grid-column:1;grid-row:1/3;height:50px}
  body.fl-c .hero.film .tri.fair>small,body.fl-c .hero.film .tri.fair>span:not(.spx-mbox){grid-column:2}
  body.fl-c .hero.film .tri.fair>b{grid-column:3;font-size:38px}
  body.fl-c .hero.film .quip{font-size:15px;font-weight:600;color:var(--txt)}
}

/* ---------- compact mushroom Spore Score badge (cards + rows) ---------- */
.mbg{display:inline-flex;align-items:center;gap:5px;line-height:1}
.mbg-m{position:relative;display:block;width:28px;height:26.5px;flex:none}
.mbg-m svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#c77dff;stroke-width:3.2;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(199,125,255,.45))}
.mbg-f{position:absolute;inset:0;overflow:hidden;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 8 52 49.5' preserveAspectRatio='none'%3E%3Cpath d='M8 34C8 20.2 18.7 10 32 10S56 20.2 56 34C56 36.4 54.6 38 52.4 38H40.2L41.6 50.6C41.9 53.8 40.1 55.5 37.2 55.5H26.8C23.9 55.5 22.1 53.8 22.4 50.6L23.8 38H11.6C9.4 38 8 36.4 8 34Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 8 52 49.5' preserveAspectRatio='none'%3E%3Cpath d='M8 34C8 20.2 18.7 10 32 10S56 20.2 56 34C56 36.4 54.6 38 52.4 38H40.2L41.6 50.6C41.9 53.8 40.1 55.5 37.2 55.5H26.8C23.9 55.5 22.1 53.8 22.4 50.6L23.8 38H11.6C9.4 38 8 36.4 8 34Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.mbg-f::before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--v)*100%);
  background:linear-gradient(0deg,rgba(45,226,255,.55),rgba(199,125,255,.7) 55%,rgba(255,62,201,.6));border-top:1px solid rgba(244,239,255,.85)}
.mbg-f i{position:absolute;left:var(--x);bottom:0;width:2.6px;height:2.6px;border-radius:50%;background:#f4efff;box-shadow:0 0 3px #f4efff;opacity:0;
  animation:mbg-rise var(--d) linear var(--dl) infinite}
@keyframes mbg-rise{0%{transform:translateY(0);opacity:0}20%{opacity:var(--o)}85%{opacity:calc(var(--o)*.7)}
  100%{transform:translateY(calc(var(--v)*-26px + 3px));opacity:0}}
.mbg-off .mbg-f i,.spx-hidden .mbg-f i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.mbg-f i{animation:none;opacity:calc(var(--o)*.8);transform:translateY(calc(var(--v)*-13px))}}
.mbg b{font-family:var(--display);font-weight:400;color:#fff}
/* on poster cards: replaces the old 58px circle with a glass pill */
.card .badge.mbg-host{width:auto!important;height:auto!important;border-radius:99px!important;padding:5px 10px 5px 7px;display:flex}
.card .badge.mbg-host .mbg b{font-size:26px;text-shadow:0 0 4px rgba(199,125,255,.41)}
/* catalogue / search rows */
.catl b.mbg-done{min-width:62px}.catl .mbg.in-row .mbg-m{width:24px;height:22.7px}.catl .mbg.in-row b{font-size:24px;color:var(--gold)}
@media(max-width:560px){.card .badge.mbg-host{padding:4px 8px 4px 6px}.card .badge.mbg-host .mbg-m{width:22px;height:20.8px}.card .badge.mbg-host .mbg b{font-size:21px}}

/* ---------- spore crispness: --crisp (0 fuzzy .. 1 sharp) set per meter/badge by filmlayout.js from ?crisp=score|agree|plain;
   falls back to the score (--spx-to / --v) when unset. */
.spx i::after{
  background:radial-gradient(circle at 40% 35%,#fff 0,var(--c) calc(38% + var(--crisp, var(--spx-to))*34%),transparent calc(62% + var(--crisp, var(--spx-to))*38%));
  box-shadow:0 0 calc((1 - var(--crisp, var(--spx-to)))*5px + .4px) var(--c);
  filter:blur(calc((1 - var(--crisp, var(--spx-to)))*1.6px))}
.spx-bar::before,.spx-bar.spx-mm::before{
  border-top-width:calc(1px + var(--crisp, var(--spx-to))*1px)!important;
  border-top-color:rgba(244,239,255,calc(.35 + var(--crisp, var(--spx-to))*.6))!important;
  box-shadow:0 -1px calc((1 - var(--crisp, var(--spx-to)))*10px + 1px) rgba(199,125,255,calc(.45 - var(--crisp, var(--spx-to))*.3))!important}
.mbg-f i{box-shadow:0 0 calc((1 - var(--crisp, var(--v)))*3.5px + .3px) #f4efff;filter:blur(calc((1 - var(--crisp, var(--v)))*1.1px))}
.mbg-f::before{border-top:calc(.6px + var(--crisp, var(--v))*.9px) solid rgba(244,239,255,calc(.35 + var(--crisp, var(--v))*.6));
  box-shadow:0 -1px calc((1 - var(--crisp, var(--v)))*5px) rgba(199,125,255,.5)}

/* ---------- A: centre the meter tile contents in the narrow right column ---------- */
@media(max-width:699px){body.fl-a .hero.film .tri.fair>*{align-self:center!important;text-align:center!important}
  body.fl-a .hero.film .tri.fair>span:not(.spx-mbox){font-size:13px;font-weight:700}
  body.fl-c .hero.film .tri>span:not(.spx-mbox){font-size:11px}}
/* agreement badges are not quality: no blur on "Spores split" (fuzz now only ever means a low Spore Score) */
.clar.fuzzy{filter:none}.clar.fuzzy i{filter:none}

/* ---------- agreement words + combined verdict line (option "plain", recommended) ---------- */
.flv{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.05;letter-spacing:.01em;color:var(--txt)}
.flv b{font-weight:400;color:var(--gold);text-shadow:0 0 4px rgba(199,125,255,.4)}
.flv .cl{color:#fff}.flv.c-fuzzy .cl,.flv.c-murky .cl{color:#d9c8ff}
.agr{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--mut);white-space:nowrap}
.agr svg{width:30px;height:16px;flex:none}.agr svg circle{fill:none;stroke-width:1.6}.agr svg path{fill:none;stroke-width:1.5;stroke-linecap:round}
.agr .f1{stroke:#2de2ff}.agr .f2{stroke:#ff3ec9}
.agr.agree{color:#bff6ff}.agr.split{color:#ffc4ec}
.clar.c2{text-transform:none;letter-spacing:.01em}
.clar.c2.c-crystal,.clar.c2.c-clear{color:#071016;background:linear-gradient(135deg,#fff,#cfefff)}
.clar.c2.c-fuzzy,.clar.c2.c-murky{color:#f1e9ff;background:rgba(160,140,210,.22);border:1px solid rgba(200,180,255,.35)}
.clar.c2.c-murky{background:rgba(110,90,150,.3)}
@media(max-width:699px){body[class*="fl-"] .hero.film .flwrap{grid-area:cl;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
  body.fl-a .hero.film .flv{font-size:21px}}

/* ---------- buzz-style Pros vs Punters tug bar, reused for agreement (film page + cards) ---------- */
.fltug{display:flex;flex-direction:column;gap:6px;width:100%;min-width:170px}
.fltug .tugbar{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.fltug .tugbar .tp{position:absolute;right:50%;top:0;bottom:0;background:linear-gradient(270deg,#2de2ff,rgba(45,226,255,.35));border-radius:99px 0 0 99px}
.fltug .tugbar .tq{position:absolute;left:50%;top:0;bottom:0;background:linear-gradient(90deg,#ff3ec9,rgba(255,62,201,.35));border-radius:0 99px 99px 0}
.fltug .tugbar i{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:var(--txt);opacity:.6}
.fltug .tugn{display:flex;justify-content:space-between;gap:6px;font-size:11px;color:var(--mut)}.fltug .tugn span:nth-child(2){color:var(--txt);font-weight:700;text-align:center}
.fltug.mini{min-width:0;gap:3px;margin-top:6px}.fltug.mini .tugbar{height:6px}.fltug.mini .tugn span:not(:nth-child(2)){display:none}.fltug.mini .tugn{justify-content:center;font-size:10.5px}
.card .cb{display:flex;flex-direction:column;align-items:flex-start}
/* ---------- 4-tab nav + Films toggle ---------- */
.fltoggle-wrap{position:relative;z-index:5;padding-top:84px;margin-bottom:-70px}
.fltoggle{display:inline-flex;gap:4px;padding:4px;border-radius:99px;background:rgba(21,16,54,.7);border:1px solid var(--line)}
.fltoggle a{padding:9px 18px;border-radius:99px;font-weight:700;font-size:14px;color:var(--mut)}
.fltoggle a.on{color:#fff;background:linear-gradient(135deg,rgba(199,125,255,.5),rgba(255,62,201,.45));box-shadow:0 0 6px rgba(255,62,201,.3)}
@media(max-width:560px){.fltoggle-wrap{padding-top:74px;margin-bottom:-60px}.fltoggle{display:flex}.fltoggle a{flex:1;text-align:center;padding:9px 10px}}

/* ---------- home: Best recent release card (poster left, mushroom meter + verdict + tug right) ---------- */
.hero.home .feature.flft{display:grid!important;grid-template-columns:42% 1fr;grid-template-areas:none!important;gap:0 16px;align-items:stretch;text-align:left;padding:16px;max-width:520px}
.feature.flft>.pst.md{width:100%;max-width:none;margin:0!important;grid-area:auto}
.feature.flft .flft-r{display:flex;flex-direction:column;gap:8px;min-width:0;justify-content:center}
.feature.flft .eyebrow{font-size:10.5px;margin:0}
.feature.flft h2{font-size:clamp(26px,8vw,38px);line-height:.92;margin:0;align-self:auto}
.feature.flft .flft-m{display:flex!important;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:rgba(199,125,255,.1);border:1px solid rgba(199,125,255,.3);text-align:left}
.feature.flft .flft-m .spx-mbox{height:62px}
.feature.flft .flft-m>small{display:none}
.feature.flft .flft-m>b{font-family:var(--display);font-weight:400;font-size:44px;line-height:.9;color:var(--gold);text-shadow:0 0 5px rgba(199,125,255,.4)}
.feature.flft .flft-m>span:not(.spx-mbox){font-size:12px;font-weight:700;color:var(--txt)}
.feature.flft .flft-m{flex-wrap:wrap}
.feature.flft .flv{font-size:18px}
.feature.flft .fltug.mini{margin-top:0}

/* ---------- home ≤560px: Buzzing next, New this week, Pick of the week fill the card width ---------- */
@media(max-width:560px){
  .buzzrow .bz{display:grid;grid-template-columns:38% 1fr;grid-template-rows:auto auto 1fr auto auto;column-gap:12px;align-items:start}
  .buzzrow .bz>.pst{grid-column:1;grid-row:1/6;width:100%;max-width:none;margin:0}
  .buzzrow .bz>*:not(.pst){grid-column:2}
  .buzzrow .bz .bzr{position:static;justify-self:end;grid-row:1}
  .buzzrow .bz>h3{grid-row:2;margin:0}
  .buzzrow .bz>.small{grid-row:4}
  .buzzrow .bz .bzm{grid-row:5}
  .nwrow .nw{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto 1fr;column-gap:12px;align-items:start}
  .nwrow .nw>.pst{grid-column:1;grid-row:1/4;width:72px;margin:0}
  .nwrow .nw>*:not(.pst){grid-column:2}
  .nwrow .nw>b{grid-row:1;justify-self:start}.nwrow .nw>span{grid-row:2}.nwrow .nw>small{grid-row:3;align-self:end}
  .spons.own.flsp{display:grid;grid-template-columns:34% 1fr;gap:14px;align-items:center;text-align:left}
  .spons.own.flsp>.pst{width:100%;max-width:none;margin:0}
}
.spons.own.flsp .flsp-r{display:flex;flex-direction:column;gap:6px;min-width:0}
.spons.own.flsp h3{margin:0}
.spons.own.flsp .flsp-m{display:flex;align-items:center;gap:10px}
.spons.own.flsp .flv{font-size:15px}
@media(min-width:561px){.spons.own.flsp{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:center}.spons.own.flsp>.pst{width:120px;margin:0}}
.hero.home .feature.flft>*,.hero.home .feature.flft .flft-r>*{grid-area:auto!important}
.hero.home .feature.flft>.pst{display:block!important;align-self:center}
.hero.home .feature.flft .flft-m{flex-wrap:nowrap;justify-content:flex-start;width:max-content;max-width:100%}
.hero.home .feature.flft .flft-m .spx-mbox{height:64px!important;width:auto!important;flex:none}
.hero.home .feature.flft .flft-r{text-align:left;align-items:flex-start}
@media(max-width:560px){.buzzrow .bz>.pst.sm{width:100%!important;margin:0!important}.buzzrow .bz{grid-template-rows:auto auto auto 1fr auto}.buzzrow .bz>.small{grid-row:4;align-self:end}.buzzrow .bz .bzm{grid-row:5}
 .buzzrow .bz>.trend,.buzzrow .bz>[class*=shroom]{grid-row:3;justify-self:start}}
.hero.home .feature.flft .flft-r>*{align-self:flex-start!important}
@media(max-width:560px){.buzzrow .bz{grid-template-columns:46% 1fr}}
.clar.c2.c-clear{background:linear-gradient(135deg,#efe8ff,#bcd7ea)}

/* ---------- meter switch: ring mode (FL_METER="ring" / ?meter=ring) ---------- */
.tri.flring-tile{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.tri.flring-tile>small,.tri.flring-tile>b{display:none!important}
.tri.flring-tile .ring{width:min(150px,100%);margin:0 auto}
.tri.flring-tile .ring .num{font-size:clamp(40px,12vw,58px)}
.tri.flring-tile .ring .lbl{font-size:8.5px;letter-spacing:.1em}
.feature.flft .tri.flring-tile{padding:8px;width:100%;max-width:150px}
.feature.flft .tri.flring-tile .ring{width:112px}
.feature.flft .tri.flring-tile .ring .num{font-size:42px}
.feature.flft .tri.flring-tile>span:not(.spx){display:none}
/* compact ring badge */
.rbg{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;gap:0}
.rbg svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.rbg .rt{fill:rgba(12,9,32,.72);stroke:rgba(199,125,255,.22);stroke-width:3.4}
.rbg .ra{fill:none;stroke:url(#g);stroke:#c77dff;stroke-width:3.4;stroke-linecap:round;filter:drop-shadow(0 0 calc((1 - var(--crisp, var(--v)))*3px + .5px) rgba(255,62,201,.55))}
.rbg .ra{stroke:color-mix(in srgb,#2de2ff calc((1 - var(--v))*100%),#ff3ec9)}
.rbg b{position:relative;z-index:1;font-family:var(--display);font-size:19px!important;line-height:1;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.8),0 0 4px rgba(199,125,255,.4)}
.rbg-s{position:absolute;inset:0;pointer-events:none}
.rbg-s i{position:absolute;inset:0;transform:rotate(var(--a));animation:rbg-orbit var(--d) linear var(--dl) infinite}
.rbg-s i::after{content:"";position:absolute;left:calc(50% - 1.4px);top:1.6px;width:2.8px;height:2.8px;border-radius:50%;background:#f4efff;
  box-shadow:0 0 calc((1 - var(--crisp, var(--v)))*3.5px + .4px) #f4efff;filter:blur(calc((1 - var(--crisp, var(--v)))*1.1px));opacity:var(--o)}
@keyframes rbg-orbit{0%{transform:rotate(var(--a));opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:rotate(calc(var(--a) + 40deg));opacity:0}}
.mbg-off .rbg-s i,.spx-hidden .rbg-s i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.rbg-s i{animation:none}}
.card .badge.mbg-host .rbg{width:44px;height:44px}
.card .badge.mbg-host:has(.rbg){padding:2px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.card .badge.mbg-host .rbg b{font-size:21px!important}
@media(max-width:560px){.card .badge.mbg-host .rbg{width:40px;height:40px}.card .badge.mbg-host .rbg b{font-size:19px!important}}
.catl .rbg.in-row{width:36px;height:36px}.catl .rbg.in-row b{font-size:17px!important;color:#fff}
.nw .rbg.in-row,.spons .rbg.in-row{width:38px;height:38px}
/* ring mode: canvas beam replaces the svg arc + css arc spores on big rings */
.ring.flbeam-on{overflow:visible}
.ring.flbeam-on .arc,.ring.flbeam-on>.spx{display:none!important}
.ring.flbeam-on .track{stroke:rgba(199,125,255,.12)}
.ring .flbeam{position:absolute;left:-25%;top:-25%;pointer-events:none;z-index:0}
.ring.flbeam-on>.c{z-index:2}
.tri.flring-tile{overflow:visible}
/* compact ring badges: sweep in on load + a twinkle on the leading edge (subtler than the big ring) */
.rbg .ra{animation:rbg-sweep 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes rbg-sweep{from{stroke-dasharray:0 100}}
.rbg-s i::after{animation:rbg-tw 1.6s ease-in-out var(--dl) infinite alternate}
@keyframes rbg-tw{from{transform:scale(.7)}to{transform:scale(1.35)}}
@media(prefers-reduced-motion:reduce){.rbg .ra,.rbg-s i::after{animation:none}}
/* corner badge on small posters (Buzz page rows etc.) */
.pst .flpb{position:absolute;right:3px;top:3px;z-index:3;line-height:0}
.pst .flpb .mbg.tiny{background:rgba(12,9,32,.78);border-radius:99px;padding:2px 4px 2px 3px}
.pst .flpb .mbg.tiny .mbg-m{width:14px;height:13.3px}.pst .flpb .mbg.tiny b{font-size:13px}
.pst .flpb .rbg.tiny{width:30px;height:30px;padding:0;background:none}
.pst .flpb .rbg.tiny b{font-size:14px!important}
.pst .flpb .rbg.tiny .rt,.pst .flpb .rbg.tiny .ra{stroke-width:4}
.trow .ts:has(.rbg){display:flex;flex-direction:column;align-items:center;gap:1px}
.trow .ts .rbg.fz{width:40px;height:40px}.trow .ts .rbg.fz b{font-size:18px!important}
.trow .ts .rbg.fz::after{content:"Fuzzy";position:absolute;bottom:-12px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.pod .ring.flbeam-on{margin:0 auto}