/* falso-fim.css — tarefa 407 (escrito pelo auditor; copiar sem alterar).
   Faixa "Ainda não acabou!": a página finge que acabou ("FIM."), leva um risco vermelho
   e "só que não!", e o dourado se abre do centro e toma a faixa. Só vale quando o falso-fim.js liga (.ff). */
@property --ff-r{syntax:'<length>';inherits:false;initial-value:0px}
.ff{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ff__veu{position:absolute;top:0;bottom:0;left:calc((100% - 100vw) / 2);right:calc((100% - 100vw) / 2);z-index:2;background:#fff;
  display:flex;align-items:center;justify-content:center;pointer-events:none;--ff-r:0px;
  -webkit-mask:radial-gradient(circle at 50% 50%,transparent var(--ff-r),#000 calc(var(--ff-r) + 1px));
  mask:radial-gradient(circle at 50% 50%,transparent var(--ff-r),#000 calc(var(--ff-r) + 1px));
  transition:--ff-r .9s cubic-bezier(.7,0,.2,1)}
.ff__fim{position:relative;font:900 clamp(56px,10vw,104px)/1 var(--font-inter,Inter),sans-serif;letter-spacing:-.04em;color:#c8c8cc;transition:opacity .3s}
.ff__risco{position:absolute;left:-6%;top:50%;height:9px;width:0;background:#dc2626;border-radius:9px;transform:rotate(-8deg);transition:width .45s ease-out}
.ff__soque{position:absolute;right:-18px;top:-22px;white-space:nowrap;font:800 clamp(18px,2.4vw,24px)/1 var(--font-inter,Inter),sans-serif;letter-spacing:0;color:#dc2626;
  transform:rotate(-8deg) scale(0);transition:transform .35s cubic-bezier(.3,1.8,.5,1)}
.ff.ff-risca .ff__risco{width:112%}
.ff.ff-risca .ff__soque{transform:rotate(-8deg) scale(1)}
.ff.ff-vira .ff__veu{--ff-r:150vmax}
.ff.ff-vira .ff__fim{opacity:0}
.ff.ff-fim .ff__veu{display:none}
@media (prefers-reduced-motion:reduce){.ff__veu{display:none}}