.fb-stage{--fb-paper:var(--color-paper);--fb-paper-2:var(--color-paper-2);--fb-paper-3:color-mix(in srgb, var(--color-light) 8%, var(--color-paper));--fb-ink:var(--color-light);--fb-ink-2:var(--color-light-2);--fb-ink-3:var(--color-light-3);--fb-accent:var(--color-accent-strong);--fb-accent-soft:color-mix(in srgb, var(--color-accent-strong) 12%, transparent);--fb-line:color-mix(in srgb, var(--color-light) 8%, transparent);--fb-shadow:0 24px 48px -28px #3c281447;--fb-board:#1d1b18;--fb-flap:#2b2824;--fb-flap-ink:#f3ede2;--fb-flap-gold:#f2b84b;--fb-display:var(--font-newsreader), Georgia, serif;--fb-body:var(--font-geist), ui-sans-serif, system-ui, sans-serif;--fb-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;height:100%;font-family:var(--fb-body);color:var(--fb-ink);border-radius:1.625rem;padding:clamp(14px,3.5vw,36px);position:relative;overflow:hidden;container-type:inline-size}.fb-stage em{font-style:italic}.fb-stage ul{margin:0;padding:0;list-style:none}.fb-stage p{margin:0}.fb-lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--fb-accent);font-size:max(9px,1.2cqi);font-weight:500}.fb-ttl{font:400 max(18px, 3.1cqi)/1.08 var(--fb-display);letter-spacing:-.01em;color:var(--fb-ink);text-wrap:balance}.fb-txt{color:var(--fb-ink-2);font-size:max(12px,1.45cqi);line-height:1.55}.fb-num{font:italic 400 max(30px, 6cqi)/.8 var(--fb-display);color:var(--fb-accent);font-variant-numeric:tabular-nums}.fb-cnt{font:400 max(9px, 1.1cqi) var(--fb-mono);color:var(--fb-ink-3);font-variant-numeric:tabular-nums;letter-spacing:.04em}.fb-next{font:400 max(10px, 1.15cqi) var(--fb-mono);color:var(--fb-ink-3)}.fb-next b{color:var(--fb-ink);font-weight:500}.fb-shot{place-items:center;padding:4%;display:grid;position:absolute;inset:0}.fb-shot img{width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 0 0 1px var(--fb-line), 0 14px 30px -18px #3c281473;background:#fbfaf8;border-radius:10px;display:block}.fb-blur .fb-shot img,.fb-blur .fb-pagebody>*{filter:blur(.8px)}.fb-strip{background:var(--fb-board);border-radius:1.4cqi;grid-template-columns:auto 1fr auto;align-items:center;gap:2cqi;margin-bottom:2.4cqi;padding:1.2cqi 1.8cqi;display:grid}.fb-strip .fb-side{font:500 max(9px, 1.15cqi) var(--fb-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fb-flap-gold);white-space:nowrap;font-variant-numeric:tabular-nums}.fb-wordflap{perspective:900px;height:max(30px,4.4cqi);position:relative}.fb-wordflap .fb-half .fb-inner{justify-content:center;align-items:flex-start;padding:0 1.6cqi}.fb-wordflap .fb-word{font:500 max(13px, 2.1cqi)/1 var(--fb-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fb-flap-ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.fb-half{background:var(--fb-flap);height:50%;position:absolute;left:0;right:0;overflow:hidden}.fb-half.fb-t{transform-origin:50% 100%;border-radius:.8cqi .8cqi 0 0;top:0}.fb-half.fb-b{transform-origin:50% 0;border-radius:0 0 .8cqi .8cqi;bottom:0}.fb-half .fb-inner{flex-direction:column;height:200%;display:flex;position:absolute;left:0;right:0}.fb-half.fb-t .fb-inner{top:0}.fb-half.fb-b .fb-inner{bottom:0}.fb-half.fb-t:after{content:"";z-index:2;background:#0003;height:1px;position:absolute;bottom:0;left:0;right:0}.fb-flap{z-index:3;backface-visibility:hidden}@media (max-width:560px){.fb-strip .fb-side-l{display:none}.fb-strip{grid-template-columns:1fr auto}}.fb-book{aspect-ratio:2/1.08;perspective:2600px;grid-template-columns:1fr 1fr;width:100%;display:grid;position:relative}.fb-book:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#29251f14 45%,#29251f24 50%,#29251f14 55%,#0000);width:5%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.fb-bpage{background:var(--fb-paper);box-shadow:inset 0 0 0 1px var(--fb-line);position:relative;overflow:hidden}.fb-bpage.fb-l{border-radius:1.4cqi 0 0 1.4cqi;padding:4.4cqi 4.4cqi 3.6cqi}.fb-bpage.fb-r{border-radius:0 1.4cqi 1.4cqi 0}.fb-bpage .fb-pagebody{flex-direction:column;gap:1.6cqi;height:100%;display:flex}.fb-bpage .fb-pagebody .fb-grow{flex:1}.fb-leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;z-index:4;position:absolute;top:0;right:0}.fb-leaf .fb-face{backface-visibility:hidden;position:absolute;inset:0}.fb-leaf .fb-face.fb-back{transform:rotateY(180deg)}.fb-leaf .fb-face .fb-bpage{height:100%}.fb-leaf .fb-shade{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0003,#0000 65%);position:absolute;inset:0}@container (max-width:640px){.fb-book{aspect-ratio:auto;perspective:1800px;grid-template-rows:auto 1fr;grid-template-columns:1fr}.fb-book:after{display:none}.fb-bpage.fb-l{border-radius:2cqi 2cqi 0 0;padding:5cqi}.fb-bpage.fb-r{aspect-ratio:1.05;border-radius:0 0 2cqi 2cqi}.fb-leaf{aspect-ratio:1.05;transform-origin:top;width:100%;height:auto;top:auto;bottom:0}.fb-leaf .fb-face.fb-back{transform:rotateX(180deg)}.fb-bpage.fb-l .fb-txt,.fb-bpage.fb-l .fb-grow{display:none}}.fb-chain{grid-template-columns:repeat(6,1fr);margin-top:3cqi;display:grid;position:relative}.fb-chain:before,.fb-chain .fb-run{content:"";background:var(--fb-paper-3);border-radius:2px;height:2px;position:absolute;top:max(5px,.7cqi);left:8.33%}.fb-chain:before{right:8.33%}.fb-pageno{z-index:2;position:absolute;bottom:1.8cqi;right:2.6cqi}.fb-chain .fb-run{background:var(--fb-accent);width:0;transition:width .16s linear}.fb-chain .fb-dot{justify-items:center;gap:.8cqi;display:grid;position:relative}.fb-chain i{aspect-ratio:1;background:var(--fb-paper-2);width:max(10px,1.4cqi);box-shadow:inset 0 0 0 2px var(--fb-paper-3);border-radius:50%;transition:background .12s,box-shadow .12s,transform .12s}.fb-dot>span{font:400 max(9px, 1.05cqi)/1.2 var(--fb-mono);color:var(--fb-ink-3);text-align:center}.fb-chain .fb-dot.fb-done i{background:var(--fb-accent);box-shadow:none}.fb-chain .fb-dot.fb-now i{background:var(--fb-accent);box-shadow:0 0 0 max(4px, .6cqi) var(--fb-accent-soft);transform:scale(1.15)}.fb-chain .fb-dot.fb-now>span{color:var(--fb-ink)}@container (max-width:640px){.fb-dot>span{display:none}.fb-chain .fb-dot.fb-now>span{white-space:nowrap;display:block;position:absolute;top:3.6cqi}.fb-chain{margin-bottom:5cqi}}.fb-stage>:not(.fb-swarm){transition:opacity .42s,visibility}.fb-stage.fb-zoomed>:not(.fb-swarm){opacity:0;visibility:hidden;transition:opacity .42s,visibility 0s .42s}.fb-swarm{z-index:20;opacity:0;pointer-events:none;background:var(--fb-paper-2);transition:opacity .42s;position:absolute;inset:0;overflow:hidden}.fb-swarm.fb-on{opacity:1}.fb-swarm.fb-instant,.fb-swarm.fb-instant .fb-world,.fb-swarm.fb-instant .fb-claim{transition:none!important}.fb-world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.fb-tile{position:absolute}.fb-tile-in{transform-origin:0 0;background:var(--fb-paper-2);box-shadow:inset 0 0 0 1px var(--fb-line);border-radius:calc(2rem - 6px);flex-direction:column;gap:2.4cqi;padding:clamp(14px,3.5vw,36px);display:flex;position:absolute;top:0;left:0;overflow:hidden}.fb-t-strip{background:var(--fb-board);border-radius:1.4cqi;flex:none;align-items:center;gap:2cqi;height:max(42px,7.2cqi);padding:0 1.8cqi;display:flex}.fb-t-strip b{background:var(--fb-flap-gold);opacity:.85;border-radius:1cqi;width:9cqi;height:1.1cqi}.fb-t-strip i{background:var(--fb-flap);border-radius:.8cqi;flex:1;height:4.4cqi}.fb-t-book{background:var(--fb-paper);min-height:0;box-shadow:inset 0 0 0 1px var(--fb-line);perspective:1600px;border-radius:1.4cqi;flex:1;grid-template-columns:1fr 1fr;display:grid}.fb-t-l{border-right:1px solid var(--fb-line);flex-direction:column;gap:1.8cqi;padding:4.4cqi;display:flex}.fb-t-l .fb-tn{font:italic 400 max(30px, 6cqi)/.8 var(--fb-display);color:var(--fb-accent)}.fb-t-l b{background:var(--fb-ink);opacity:.8;border-radius:1cqi;width:85%;height:2.4cqi;display:block}.fb-t-l b.fb-k{background:var(--fb-accent);opacity:1;width:26%;height:1cqi}.fb-t-l b.fb-s{opacity:.22;width:92%;height:1.2cqi}.fb-t-r{transform-origin:0;place-items:center;min-height:0;padding:4%;display:grid}.fb-t-r img{max-width:100%;max-height:100%;box-shadow:0 0 0 1px var(--fb-line), 0 14px 30px -18px #3c281473;border-radius:10px;display:block}.fb-t-chain{background:linear-gradient(var(--fb-accent), var(--fb-accent)) center / 85% 2px no-repeat;flex:none;justify-content:space-between;align-items:center;height:3.4cqi;padding:0 7.5%;display:flex}.fb-t-chain i{aspect-ratio:1;background:var(--fb-accent);border-radius:50%;width:max(10px,1.4cqi)}@container (max-width:640px){.fb-t-book{grid-template-rows:auto 1fr;grid-template-columns:1fr}.fb-t-l{border-right:0;border-bottom:1px solid var(--fb-line);padding:5cqi}.fb-t-l b.fb-s{display:none}.fb-t-r{transform-origin:50% 0}}.fb-claim{--fb-scrim:var(--fb-paper-2);text-align:center;background:radial-gradient(closest-side, var(--fb-scrim) 62%, color-mix(in srgb, var(--fb-scrim) 70%, transparent) 80%, transparent 100%);opacity:0;place-content:center;justify-items:center;gap:2.4cqi;transition:opacity .6s;display:grid;position:absolute;inset:0}.fb-claim.fb-on{opacity:1}.fb-claim-t{font:400 max(38px, 9cqi)/1 var(--fb-display);letter-spacing:-.02em;color:var(--fb-ink);white-space:nowrap}.fb-claim-t em{color:var(--fb-accent)}.fb-claim .fb-ch{opacity:0;display:inline-block;transform:translateY(.45em)rotate(4deg)}.fb-claim .fb-ch.fb-sp{width:.28em}.fb-claim.fb-on .fb-ch{animation:.7s cubic-bezier(.2,.8,.2,1) forwards fb-ch-in;animation-delay:calc(var(--i) * 55ms)}@keyframes fb-ch-in{to{opacity:1;transform:none}}.fb-claim.fb-shown .fb-ch{opacity:1;animation:none;transform:none}.fb-claim.fb-shown .fb-claim-s{transition:none}.fb-claim-s{font:400 max(12px, 1.8cqi)/1.4 var(--fb-body);color:var(--fb-ink-2);opacity:0;align-items:center;gap:1.2cqi;transition:opacity .6s .9s,transform .6s .9s;display:inline-flex;transform:translateY(6px)}.fb-claim.fb-on .fb-claim-s{opacity:1;transform:none}.fb-claim-s i{aspect-ratio:1;background:#2f9e5b;border-radius:50%;width:max(8px,1.1cqi);animation:1.6s ease-out infinite fb-live;box-shadow:0 0 #2f9e5b80}@keyframes fb-live{0%{box-shadow:0 0 #2f9e5b8c}to{box-shadow:0 0 0 max(10px,1.6cqi) #2f9e5b00}}@media (prefers-reduced-motion:reduce){.fb-claim .fb-ch{opacity:1;transform:none;animation:none!important}.fb-claim-s i{animation:none}}
