.ff{flex-direction:column;gap:10px;display:flex}.ff-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ff-note{color:var(--ink-soft,#6b6470);font-size:13px}.ff-proof{color:var(--ink-soft,#6b6470);margin:0;font-size:13px;line-height:1.5}.ff-proof code{font-size:12px}.ff-stage{aspect-ratio:16/9;color:#fff8ea;background:#1b1622;border-radius:18px;width:100%;max-width:100%;position:relative;overflow:hidden}.ff-video{object-fit:cover;width:100%;height:100%;transition:opacity 60ms linear;position:absolute;inset:0}.ff-stage--hit{animation:.28s linear ff-shake}.ff-stage--big{animation:.5s linear ff-shake-big}.ff-stage--hit:after,.ff-stage--big:after{content:"";pointer-events:none;animation:.32s ease-out forwards ff-flash;position:absolute;inset:0}.ff-stage--big:after{background:#fff0b8;animation-duration:.5s}.ff-stage--hit:after{background:#fff}@keyframes ff-flash{0%{opacity:.85}to{opacity:0}}@keyframes ff-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,3px)}}@keyframes ff-shake-big{0%,to{transform:translate(0)}15%{transform:translate(-12px,6px)}30%{transform:translate(10px,-8px)}45%{transform:translate(-8px,-4px)}60%{transform:translate(7px,6px)}80%{transform:translate(-3px,2px)}}.ff-hud{z-index:2;pointer-events:none;gap:6%;display:flex;position:absolute;top:3%;left:3%;right:3%}.ff-side{flex-direction:column;flex:1;gap:4px;display:flex}.ff-side--b{align-items:flex-end}.ff-bar{background:#0a0814b3;border-radius:99px;width:100%;height:clamp(8px,2.2vw,16px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff40}.ff-trail,.ff-fill{border-radius:99px;transition:width .25s ease-out;position:absolute;top:0;bottom:0}.ff-side--a .ff-trail,.ff-side--a .ff-fill{left:0}.ff-side--b .ff-trail,.ff-side--b .ff-fill{right:0}.ff-trail{background:#ffffffe6;transition:none}.ff-side--a .ff-fill{background:linear-gradient(90deg,#ff7a3d,#ffb347)}.ff-side--b .ff-fill{background:linear-gradient(270deg,#ff6f6a,#ffa08c)}.ff-name{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 4px #0009;font:800 clamp(11px,2.4vw,16px)/1 system-ui,sans-serif}.ff-call{text-align:center;z-index:3;pointer-events:none;letter-spacing:.03em;color:#ffe26a;-webkit-text-stroke:2px #8f3a0a;text-shadow:0 5px #00000073;font:900 clamp(22px,7vw,56px)/1 Impact,Arial Black,system-ui,sans-serif;animation:1.1s cubic-bezier(.3,1.6,.5,1) forwards ff-pop;position:absolute;top:38%;left:0;right:0}.ff-call--small{color:#fff8ea;-webkit-text-stroke:1px #3a2a48;font-size:clamp(14px,3.6vw,26px);top:70%}.ff-call--ko{font-size:clamp(48px,17vw,150px);animation:.45s cubic-bezier(.3,1.5,.5,1) forwards ff-slam;top:30%}@keyframes ff-pop{0%{opacity:0;transform:scale(1.7)}18%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0}}@keyframes ff-slam{0%{opacity:0;transform:scale(2.6)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}.ff-play{z-index:4;color:#2a1a0a;cursor:pointer;background:#ffb347;border:0;border-radius:999px;padding:12px 22px;font:800 15px system-ui,sans-serif;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 4px #b4600f}.ff-stage--wait{background:radial-gradient(at 50% 28%,#4a3760 0%,#221a2d 70%)}.ff-pet{filter:drop-shadow(0 10px 8px #00000059);height:62%;position:absolute;bottom:10%}.ff-pet--a{left:14%}.ff-pet--b{right:14%;transform:scaleX(-1)}.ff-wait{z-index:3;text-align:center;background:#140e1cc7;border-radius:14px;flex-direction:column;align-items:center;gap:4px;max-width:86%;padding:10px 16px;font-size:13px;display:flex;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.ff-wait strong{font-size:15px}
