:root{--ffb-serif: "Cormorant Garamond", Georgia, serif;--ffb-head: Cinzel, "Cormorant Garamond", Georgia, serif;--ffb-ui: system-ui, -apple-system, "Segoe UI", sans-serif}.ffb-root,.ffb-root *,.ffb-cct,.ffb-cct *{box-sizing:border-box}.ffb-root{--ffb-gold: #e2c27c;--ffb-gold-hi: #f6e2a8;--ffb-gold-lo: #8c6c37;--ffb-ink: #efe6d4;--ffb-dim: #b3a892;--ffb-mute: #8f8577;--ffb-felt: #16121b;--ffb-ff1: #ef94ff;--ffb-ff2: #b3f5ee;color:var(--ffb-ink);font-family:var(--ffb-serif)}.ffb-root [hidden]{display:none!important}.ffb-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:where(.ffb-root) button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.ffb-root button:focus-visible,.ffb-root a:focus-visible{outline:2px solid var(--ffb-gold-hi);outline-offset:3px}.ffb-t-common{--rar: #a09aae;--rar2: #cfc7da}.ffb-t-uncommon{--rar: #7ed49a;--rar2: #bdf5cf}.ffb-t-rare{--rar: #7ed4ff;--rar2: #cfe2ff}.ffb-t-epic{--rar: #b794f4;--rar2: #d6a4ff}.ffb-t-legendary{--rar: #ffb347;--rar2: #ffe27a}.ffb-t-mythic{--rar: #ef94ff;--rar2: #b3f5ee}.ffb-face{position:relative;display:block;width:100%;height:100%;overflow:hidden;container-type:inline-size;border-radius:7%/4.1%;background:linear-gradient(#120d1b,#0c0913);isolation:isolate;box-shadow:inset 0 0 0 2px var(--rar),0 0 10px -3px var(--rar)}.ffb-face-art{position:absolute;left:0;right:0;top:0;aspect-ratio:1;overflow:hidden;z-index:-1}.ffb-face-art img{display:block;width:100%;height:100%;object-fit:cover}.ffb-face-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(to bottom,transparent,#120d1b)}.ffb-face-low{position:absolute;left:0;right:0;top:88cqw;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.4cqw;padding:4cqw 7cqw 7cqw;text-align:center}.ffb-face-name{max-width:100%;font:700 clamp(7px,9cqw,22px)/1.15 var(--ffb-head);letter-spacing:.04em;color:#fff5d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffb-face-type{max-width:100%;font:600 clamp(5px,5.4cqw,12px)/1.2 var(--ffb-head);letter-spacing:.16em;text-transform:uppercase;color:#c8a45e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffb-face-gem{width:7cqw;height:7cqw;margin-top:auto;transform:rotate(45deg);border-radius:1.2cqw;background:linear-gradient(135deg,var(--rar2),var(--rar));box-shadow:0 0 3cqw var(--rar)}.ffb-face-holo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;mix-blend-mode:color-dodge;opacity:.35;background:linear-gradient(115deg,transparent 20%,#ef94ff66 38%,#b3f5ee66 52%,transparent 70%);background-size:260% 260%;animation:ffbHolo 6s ease-in-out infinite}@keyframes ffbHolo{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.ffb-face.ffb-t-mythic{box-shadow:inset 0 0 0 2px transparent,0 0 14px -3px #ef94ff}.ffb-face.ffb-t-mythic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;pointer-events:none;z-index:3;background:linear-gradient(135deg,var(--ffb-ff1),var(--ffb-ff2),var(--ffb-ff1));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ffb-cct{position:relative;display:block;width:100%;height:100%;container-type:inline-size;border-radius:4.4%/2.7%;background:linear-gradient(155deg,var(--cc-hi, #fff3cf) 0%,var(--cc-line, #c8a45e) 28%,var(--cc-deep, #7a5a22) 62%,var(--cc-line, #c8a45e) 100%);box-shadow:0 12px 24px -14px #000d}.ffb-cct-in{position:absolute;top:.5%;right:.8%;bottom:.5%;left:.8%;overflow:hidden;border-radius:3.6%/2.2%;isolation:isolate;background:linear-gradient(180deg,var(--cc-g1, #15121a),var(--cc-g2, #0a0a0f));color:var(--cc-text, #e8e0d0)}.ffb-cct-in:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:6;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc-line, #c8a45e) 40%,transparent)}.ffb-cct-art{position:absolute;left:0;right:0;top:0;aspect-ratio:1;overflow:hidden;z-index:0}.ffb-cct-art img{display:block;width:100%;height:100%;object-fit:cover}.ffb-cct-art:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:42%;background:linear-gradient(to bottom,transparent,var(--cc-g1, #15121a))}.ffb-cct-sig{position:absolute;left:6cqw;top:77cqw;z-index:2;display:flex;align-items:flex-end;gap:2cqw;pointer-events:none}.ffb-cct-sig i{display:block;width:9cqw;height:13cqw;background:var(--cc-sig, #f2d98e);filter:drop-shadow(0 1px 2px #0008);-webkit-mask:var(--ffb-sig) center / contain no-repeat;mask:var(--ffb-sig) center / contain no-repeat}.ffb-cct-sig b{font:700 4cqw/1 var(--ffb-head);letter-spacing:.2em;color:var(--cc-light, #f2d98e);text-shadow:0 1px 3px #000a;padding-bottom:.6cqw}.ffb-cct-band{position:absolute;left:0;right:0;top:94cqw;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding:0 7cqw 4.6cqw;text-align:center}.ffb-cct-name{max-width:100%;font:700 8.2cqw/1.1 var(--ffb-head);letter-spacing:.05em;text-transform:uppercase;color:var(--cc-name, #fff5d8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}.ffb-cct-type{max-width:100%;margin-top:2.2cqw;font:600 4.1cqw/1.2 var(--ffb-head);letter-spacing:.18em;text-transform:uppercase;color:var(--cc-type, #c8a45e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffb-cct-ep{max-width:100%;margin-top:1.8cqw;font:italic 500 5.4cqw/1.2 var(--ffb-serif);color:var(--cc-light, #f2d98e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ffb-cct-q{max-width:100%;margin-top:2.4cqw;font:500 5cqw/1.32 var(--ffb-serif);color:var(--cc-text, #e8e0d0);opacity:.88;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ffb-cct-foot{display:flex;align-items:center;justify-content:space-between;gap:2cqw;width:100%;margin-top:auto;padding-top:2.8cqw;border-top:1px solid color-mix(in srgb,var(--cc-line, #c8a45e) 55%,transparent);font:700 3.9cqw/1 var(--ffb-head);letter-spacing:.12em;text-transform:uppercase;color:var(--cc-light, #f2d98e);white-space:nowrap}.ffb-cct-ed{overflow:hidden;text-overflow:ellipsis;opacity:.9}.ffb-cct-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(120% 60% at 20% 0%,#ffffff14,transparent 60%)}.ffb-cct[data-finish=foil] .ffb-cct-glare{mix-blend-mode:color-dodge;opacity:.32;background:linear-gradient(115deg,transparent 18%,#ef94ff55 34%,#ffe27a44 44%,#b3f5ee55 56%,transparent 72%);background-size:280% 280%;animation:ffbHolo 7s ease-in-out infinite}.ffb-cct[data-finish=etched] .ffb-cct-in:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.5;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--cc-line, #c8a45e) 22%,transparent) 0 1px,transparent 1px 7px);-webkit-mask:linear-gradient(to bottom,transparent 52%,#000 70%);mask:linear-gradient(to bottom,transparent 52%,#000 70%)}.ffb-cct[data-ground=light] .ffb-cct-sig b,.ffb-cct[data-ground=light] .ffb-cct-name{text-shadow:none}@container (max-width: 160px){.ffb-cct-q,.ffb-cct-ep{display:none}.ffb-cct-name{font-size:9.6cqw}.ffb-cct-type{font-size:5cqw;letter-spacing:.12em;margin-top:2.8cqw}.ffb-cct-foot{font-size:5cqw;letter-spacing:.06em}.ffb-cct-ed{display:none}.ffb-cct-foot{justify-content:center}}.ffb-cardback{position:relative;display:grid;place-items:center;align-content:center;gap:4cqw;width:100%;height:100%;overflow:hidden;container-type:inline-size;border-radius:7%/4.1%;background:radial-gradient(120% 80% at 50% 40%,#33264b,#150e22 70%);box-shadow:inset 0 0 0 1.5px #c8a45e73,inset 0 0 0 6px #150e22,inset 0 0 0 7px #c8a45e3d}.ffb-cardback img{width:42cqw;height:auto;opacity:.92;filter:drop-shadow(0 2px 8px #0009)}.ffb-cardback span{font:600 clamp(6px,6cqw,13px)/1 var(--ffb-head);letter-spacing:.22em;text-transform:uppercase;color:#d9bf86}#hoh-three-doors-body #ffb-door{--entry-border: linear-gradient(115deg, #f1d086, #8c6c37);--entry-fill: linear-gradient(115deg, #2a2317, #17141f);--entry-hover-fill: linear-gradient(115deg, #372e1e, #211c2a);--entry-glow: #e8c67426;display:block;width:100%;margin:12px 0;padding:0;text-align:left;font:inherit;color:#e8e0d0;cursor:pointer;border:1px solid transparent;border-radius:12px;background:var(--entry-fill) padding-box,var(--entry-border) border-box;box-shadow:0 4px 18px #00000026;transition:box-shadow .2s ease,transform .2s ease}#hoh-three-doors-body #ffb-door>.hoh-spotlight-bar{box-sizing:border-box;min-height:82px;padding:15px 22px;gap:16px;cursor:pointer}#hoh-three-doors-body #ffb-door .hoh-spotlight-bar-icon{color:#e8c674;filter:drop-shadow(0 0 8px #e8c6744d)}#hoh-three-doors-body #ffb-door .hoh-spotlight-bar-icon:before{background:radial-gradient(ellipse,#e8c67440,transparent 68%);animation-delay:-2s}#hoh-three-doors-body #ffb-door .hoh-spotlight-bar-icon>svg{animation:hoh-entry-hall-float 5.8s ease-in-out infinite;transform-origin:50% 65%}#hoh-three-doors-body #ffb-door .hoh-spotlight-arrow{color:#e8c674}#hoh-three-doors-body #ffb-door.ffb-door-hello{animation:ffbDoorHello 1.6s ease-out 2}@keyframes ffbDoorHello{0%{box-shadow:0 0 #f1d08099,0 4px 18px #00000026}60%{box-shadow:0 0 0 10px #f1d08000,0 4px 26px #e8c67455}to{box-shadow:0 0 #f1d08000,0 4px 18px #00000026}}#hoh-three-doors-body #ffb-door:focus-visible{outline:2px solid #f1d086;outline-offset:-4px}@media(hover:hover){#hoh-three-doors-body #ffb-door:hover{background:var(--entry-hover-fill) padding-box,var(--entry-border) border-box;box-shadow:0 4px 22px var(--entry-glow),inset 0 0 24px #ffffff05;transform:translateY(-1px)}}.ffb-door-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.ffb-door-chip{font:600 12px/1 var(--ffb-ui, system-ui),sans-serif;color:#e8d6a6;padding:6px 9px;border-radius:999px;border:1px solid #c8a45e55;background:#0006;white-space:nowrap;font-variant-numeric:tabular-nums}.ffb-door-chip b{color:#fff3cf;font-weight:700}.ffb-door-packs{display:inline-flex;align-items:center;gap:6px;font:700 12px/1 system-ui,sans-serif;color:#1d1608;padding:6px 10px 6px 8px;border-radius:999px;background:linear-gradient(135deg,#f6e2a8,#d6ab55);box-shadow:0 0 #f1d08680;animation:ffbPing 2.4s ease-out infinite;white-space:nowrap}.ffb-door-packs svg{width:13px;height:13px}@keyframes ffbPing{0%{box-shadow:0 0 #f1d08080}70%,to{box-shadow:0 0 0 9px #f1d08000}}@media(max-width:768px){#hoh-three-doors-body #ffb-door>.hoh-spotlight-bar{min-height:0;padding:13px 14px;gap:12px}.ffb-door-chip{display:none}}@media(max-width:380px){.ffb-door-packs span{display:none}}#hoh-dmt .hoh-dmt-inner{display:flex;flex-direction:column;gap:10px}#hoh-dmt-roll:empty{display:none}#hoh-three-doors-body #hoh-dmt-roll #ht-open,#hoh-three-doors-body #hoh-dmt .hoh-xev{margin:0}#hoh-dmt .hoh-bgw-tools{margin-top:2px}#hoh-three-doors-body #hoh-dmt.is-open .hoh-dmt-body .hoh-spotlight-arrow{transform:none}#hoh-three-doors-body #hoh-dmt.is-open .hoh-dmt-body #hoh-explore-event.is-open .hoh-spotlight-arrow{transform:rotate(180deg)}#hoh-three-doors-body #hoh-dmt .hoh-dmt-body #ht-open .hoh-spotlight-bar-icon{color:#e8c674;filter:drop-shadow(0 0 8px #e8c6744d)}#hoh-three-doors-body #hoh-dmt .hoh-dmt-body #ht-open .hoh-spotlight-bar-icon svg{animation:none}#hoh-three-doors-body #hoh-dmt .hoh-dmt-body #hoh-explore-event .hoh-xev-icon{color:#b3f5ee;filter:drop-shadow(0 0 8px #b3f5ee55)}#hoh-three-doors-body #hoh-dmt .hoh-dmt-body #hoh-explore-event .hoh-xev-icon svg{animation:hohXevSway 6.4s ease-in-out infinite}#hoh-three-doors-body #hoh-dmt .hoh-dmt-body .hoh-spotlight-bar-icon:before{animation-delay:-1s}@media(prefers-reduced-motion:reduce){#hoh-three-doors-body #hoh-dmt .hoh-dmt-body #hoh-explore-event .hoh-xev-icon svg{animation:none}}.ffb-xev-pack{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;margin-left:auto;padding:5px 9px;border-radius:999px;white-space:nowrap;font:700 11.5px/1 system-ui,sans-serif;color:#f3dfa6;background:#e2c27c1a;box-shadow:inset 0 0 0 1px #e2c27c55}.ffb-xev-pack svg{width:12px;height:12px}html:not(.hoh-hall-signed-in) .ffb-xev-pack{display:none}@media(max-width:420px){.ffb-xev-pack span{display:none}.ffb-xev-pack{padding:5px 7px}}.hoh-card-img .hoh-ff-badge.hoh-ff-sig{display:block;width:24px;height:32px;left:7px;bottom:6px;border-radius:0;opacity:.96;object-fit:initial;filter:drop-shadow(0 1px 2px #000c) drop-shadow(0 0 6px #0009)}.hoh-ff-sig i{display:block;width:100%;height:100%;background:linear-gradient(165deg,#fff6d9,#f0d690 45%,#d6b066);-webkit-mask:var(--ffb-sig) center / contain no-repeat;mask:var(--ffb-sig) center / contain no-repeat}.hoh-ff-sig:focus-visible{outline:2px solid #f1d086;outline-offset:2px;border-radius:4px}@media(max-width:600px){.hoh-card-img .hoh-ff-badge.hoh-ff-sig{width:19px;height:26px;left:5px;bottom:4px}}.hoh-own-slot{display:inline-grid;place-items:center;flex-shrink:0;width:22px;height:24px;margin-left:auto;color:#ffffff38}.hoh-own-slot:empty{width:0}.hoh-own-slot svg{width:17px;height:21px}.hoh-own-slot.is-have{color:#e8c674;filter:drop-shadow(0 0 5px #e8c67455)}.hoh-own-slot.is-own{color:#9ee8e1;filter:drop-shadow(0 0 5px #8fd9d455)}.hoh-own-slot.is-miss{color:#ffffff47}.hoh-own-slot.is-have svg,.hoh-own-slot.is-own svg{animation:ffbIn .26s ease-out both}.ffb-cct .hoh-own-slot.is-corner{position:absolute;top:3.6cqw;right:3.6cqw;z-index:4;width:10cqw;height:12cqw;margin:0;filter:drop-shadow(0 1px 3px #000c)}.ffb-cct .hoh-own-slot.is-corner svg{width:100%;height:100%}.ffb-cct .hoh-own-slot.is-miss{color:#ffffffb0}#hoh-gallery .hoh-card.hoh-card-cc{display:flex;flex-direction:column;align-self:stretch;height:auto;min-width:0;container-type:inline-size;padding:0;overflow:visible;background:transparent;border:0;border-color:transparent;box-shadow:none;animation-name:none}#hoh-gallery .hoh-card.hoh-card-cc:before,#hoh-gallery .hoh-card.hoh-card-cc:after{display:none}#hoh-gallery .hoh-card.hoh-card-cc>.ffb-cct{flex:1 1 auto;height:auto;min-height:162cqw;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}#hoh-gallery .hoh-card.hoh-card-cc:hover>.ffb-cct{transform:translateY(-3px);box-shadow:0 18px 30px -14px #000,0 0 18px -6px var(--cc-line, #c8a45e)}#hoh-gallery .hoh-card.hoh-card-cc .hoh-featured-badge{z-index:6}#hoh-gallery .hoh-card.hoh-card-cc .hoh-card-open-control{z-index:7}.hoh-hall-card-stage .ffb-hall-cc{position:absolute;left:0;top:0;z-index:4}.hoh-hall-card-stage.ffb-cc-on>.ffshop-cardbox{visibility:hidden}.hoh-hall-card-stage.ffb-cc-on>.hoh-hall-card-flip-control{display:none}.hoh-hall-card-stage.ffb-cc-on:after{opacity:0!important}.ffc-cc.ffb-fe.is-tap{cursor:pointer}.ffc-cc.ffb-fe .cf-bk-cap0{visibility:hidden}.ffc-cc.ffb-fe:focus-visible{outline:2px solid #f1d086;outline-offset:4px;border-radius:calc(16px * var(--s))}.ffb-status{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px auto 4px;flex-wrap:wrap;animation:ffbIn .26s ease-out both}.ffb-status-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 13px;border-radius:999px;font:600 12.5px/1 system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;border:1px solid #ffffff24;background:#ffffff0d;color:#cfc6b8}.ffb-status-pill svg{width:15px;height:15px;flex-shrink:0}.ffb-status-pill.is-have{border-color:#c8a45e8c;background:#c8a45e1f;color:#f3dfa6}.ffb-status-pill.is-own{border-color:#b3f5ee66;background:#b3f5ee14;color:#d6fbf7}.ffb-status-go{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 14px;border-radius:999px;cursor:pointer;font:700 12.5px/1 system-ui,sans-serif;border:1px solid #e2c27c;background:linear-gradient(135deg,#f6e2a8,#d6ab55);color:#1d1608;transition:transform .18s ease,box-shadow .18s ease}.ffb-status-go:hover{transform:translateY(-1px);box-shadow:0 6px 18px #e2c27c40}.ffb-status-go.is-quiet{background:transparent;color:#f3dfa6;border-color:#c8a45e8c}.ffb-fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:9990;display:grid;place-items:center;width:58px;height:58px;padding:0;border-radius:16px;cursor:pointer;border:1px solid #c8a45e99;color:#f1d086;background:radial-gradient(120% 120% at 30% 20%,#4a3424,#24170f 62%,#160e09);box-shadow:0 10px 26px -8px #000d,inset 0 1px #ffffff1f,inset 0 0 0 3px #00000040;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s ease,box-shadow .22s ease;animation:ffbFabIn .32s cubic-bezier(.2,.8,.2,1) both}.ffb-fab svg{width:30px;height:30px;filter:drop-shadow(0 1px 2px #000a)}.ffb-fab:hover{transform:translateY(-2px) rotate(-2deg);box-shadow:0 14px 30px -8px #000e,0 0 18px #e2c27c33,inset 0 1px #ffffff1f}.ffb-fab.is-away{opacity:0;transform:translateY(14px) scale(.9);pointer-events:none}.ffb-fab-n{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;font:800 12px/1 system-ui,sans-serif;color:#1d1608;background:linear-gradient(135deg,#fff1c4,#d6ab55);box-shadow:0 0 0 2px #160e09,0 0 12px #f1d08099}.ffb-fab.has-packs{animation:ffbFabIn .32s cubic-bezier(.2,.8,.2,1) both,ffbFabBob 3.2s ease-in-out .4s infinite}.ffb-fab.is-bump{animation:ffbFabBump .5s cubic-bezier(.2,.8,.2,1)}@keyframes ffbFabIn{0%{opacity:0;transform:translateY(16px) scale(.86)}to{opacity:1;transform:none}}@keyframes ffbFabBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes ffbFabBump{0%{transform:scale(1)}35%{transform:scale(1.18) rotate(-4deg)}to{transform:scale(1)}}@media(max-width:600px){.ffb-fab{width:52px;height:52px;border-radius:14px;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.ffb-fab svg{width:27px;height:27px}}.ffb-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100200;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#06050abd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .24s ease;overscroll-behavior:contain}.ffb-veil.is-on{opacity:1}.ffb-veil.is-top{z-index:100220}.ffb-veil.is-pack{z-index:100240;background:#050409db}.ffb-x{position:absolute;top:12px;right:12px;z-index:5;display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:12px;cursor:pointer;border:1px solid #c8a45e55;background:#120d0acc;color:#f2d98e;transition:background .18s ease,transform .18s ease}.ffb-x:hover{background:#2a1d14;transform:rotate(4deg)}.ffb-x svg{width:18px;height:18px}.ffb-book{position:relative;display:flex;flex-direction:column;width:min(1120px,100%);height:min(860px,100%);padding:14px 18px 12px;border-radius:20px;background:radial-gradient(120% 90% at 18% 0%,#4a3324 0%,transparent 55%),radial-gradient(90% 80% at 100% 100%,#2e1d13,transparent 60%),repeating-linear-gradient(35deg,#ffffff04 0 2px,transparent 2px 5px),#26180f;box-shadow:0 30px 80px -20px #000,inset 0 1px #ffffff1a,inset 0 0 0 1px #00000080;transform:translateY(18px) scale(.97);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s ease}.ffb-veil.is-on .ffb-book{transform:none;opacity:1}.ffb-book:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:15px;pointer-events:none;border:1.5px dashed #d6aa6947}.ffb-book:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;background:radial-gradient(14px 14px at 0 0,#e2c27c 0 30%,#8c6c37 60%,transparent 62%) 0 0,radial-gradient(14px 14px at 100% 0,#e2c27c 0 30%,#8c6c37 60%,transparent 62%) 100% 0,radial-gradient(14px 14px at 0 100%,#e2c27c 0 30%,#8c6c37 60%,transparent 62%) 0 100%,radial-gradient(14px 14px at 100% 100%,#e2c27c 0 30%,#8c6c37 60%,transparent 62%) 100% 100%;background-size:22px 22px;background-repeat:no-repeat;opacity:.55}.ffb-head{position:relative;z-index:2;display:flex;align-items:center;gap:14px 18px;padding:6px 54px 12px 8px;flex-wrap:wrap}.ffb-title{display:flex;align-items:baseline;gap:12px;min-width:0}.ffb-title h2{margin:0;font:600 clamp(17px,2.1vw,21px)/1.1 var(--ffb-head);letter-spacing:.14em;text-transform:uppercase;color:var(--ffb-gold)}.ffb-count{font:italic 500 15px/1 var(--ffb-serif);color:var(--ffb-dim);white-space:nowrap}.ffb-count b{font-style:normal;font-weight:700;color:var(--ffb-ink);font-variant-numeric:tabular-nums}.ffb-tabs{display:flex;gap:6px;margin-left:auto;padding:4px;border-radius:999px;background:#0000004d;box-shadow:inset 0 0 0 1px #ffffff12}.ffb-tab{position:relative;display:inline-flex;align-items:baseline;gap:6px;min-height:36px;padding:9px 14px;border:0;border-radius:999px;cursor:pointer;background:transparent;font:600 13px/1 var(--ffb-serif);letter-spacing:.03em;color:#cbbfa8;white-space:nowrap;transition:color .2s ease,background .24s ease,box-shadow .24s ease}.ffb-tab small{font:600 11px/1 system-ui,sans-serif;color:#8f8577;font-variant-numeric:tabular-nums;transition:color .2s ease}.ffb-tab[aria-selected=true]{background:linear-gradient(#3a2a1c,#2a1d14);color:#fff1cc;box-shadow:inset 0 0 0 1px #e2c27c80,0 2px 10px #0006}.ffb-tab[aria-selected=true] small{color:#e2c27c}.ffb-tab:hover:not([aria-selected=true]){color:#f0e2c0}.ffb-tray{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin:0 6px 12px;padding:10px 12px 10px 14px;border-radius:14px;background:linear-gradient(115deg,#2f2416,#1b1520);box-shadow:inset 0 0 0 1px #e2c27c40,0 6px 20px -10px #000;animation:ffbIn .28s ease-out both}.ffb-tray.is-empty{background:#0003;box-shadow:inset 0 0 0 1px #ffffff12}.ffb-tray-packs{display:flex;flex-shrink:0;padding-left:4px}.ffb-tray-pack{position:relative;width:38px;height:54px;margin-left:-14px;padding:0;border:0;background:none;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.ffb-tray-pack:first-child{margin-left:0}.ffb-tray-pack:hover{transform:translateY(-4px) rotate(-3deg);z-index:2}.ffb-tray-pack .ffb-pack{--pw: 38px}.ffb-tray-more{align-self:center;margin-left:6px;font:700 12px/1 system-ui,sans-serif;color:#e8d6a6}.ffb-tray-text{display:flex;flex-direction:column;gap:4px;min-width:0}.ffb-tray-text b{font:600 15px/1.2 var(--ffb-head);letter-spacing:.05em;color:#fff1cc}.ffb-tray-text span{font:500 14px/1.35 var(--ffb-serif);color:var(--ffb-dim)}.ffb-tray-text a{color:#f3dfa6;text-decoration:underline;text-underline-offset:3px}.ffb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 20px;border-radius:12px;cursor:pointer;flex-shrink:0;border:1px solid #f1d086;background:linear-gradient(135deg,#f6e2a8,#d6ab55);color:#1d1608;font:700 14px/1 system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 6px 18px -6px #e2c27c80;transition:transform .18s ease,box-shadow .18s ease,opacity .2s ease;text-decoration:none}.ffb-btn svg,.ffb-status-go svg,.ffb-status-pill svg{width:17px;height:17px;flex-shrink:0}.ffb-root .ffb-btn,.ffb-root .ffb-status-go,.ffb-root .ffb-seg button{font-family:var(--ffb-ui);font-weight:700;letter-spacing:.02em}.ffb-root .ffb-btn:not(.is-quiet),.ffb-root .ffb-status-go:not(.is-quiet){color:#1d1608}.ffb-root .ffb-btn.is-quiet{color:#f3dfa6;font-weight:600}.ffb-btn{white-space:nowrap}.ffb-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px -6px #e2c27c99}.ffb-btn:disabled{opacity:.5;cursor:default;transform:none}.ffb-btn.is-quiet{background:#0000004d;color:#f3dfa6;border-color:#c8a45e8c;box-shadow:none}.ffb-tray .ffb-btn{margin-left:auto}.ffb-spread{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:flex;justify-content:center;gap:0;touch-action:pan-y}.ffb-page{position:relative;flex:1 1 0;min-width:0;display:grid;grid-template-columns:repeat(3,var(--pw, 100px));grid-auto-rows:var(--ph, 160px);align-content:center;justify-content:center;gap:var(--pg, 12px);padding:14px;border-radius:10px;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px),radial-gradient(120% 100% at 50% 0%,#1f1a27,#120f17);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 10px 30px -18px #000,0 2px #00000080}.ffb-page.is-l{border-top-right-radius:4px;border-bottom-right-radius:4px}.ffb-page.is-r{border-top-left-radius:4px;border-bottom-left-radius:4px}.ffb-rings{position:relative;flex:0 0 34px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.ffb-rings:before{content:"";position:absolute;top:4px;bottom:4px;left:50%;width:10px;margin-left:-5px;border-radius:4px;background:linear-gradient(90deg,#120b07,#2b1d14,#120b07)}.ffb-ring{position:relative;width:16px;height:34px;border-radius:9px;background:linear-gradient(90deg,#6e5426,#f1d086 45%,#fff3cf 55%,#8c6c37);box-shadow:0 2px 4px #000c}.ffb-spread.is-single .ffb-rings{display:none}.ffb-spread.is-single .ffb-page{border-radius:10px}.ffb-spread.go-next .ffb-page{animation:ffbPageNext .3s cubic-bezier(.2,.8,.2,1) both}.ffb-spread.go-prev .ffb-page{animation:ffbPagePrev .3s cubic-bezier(.2,.8,.2,1) both}.ffb-spread.go-next .ffb-page.is-r,.ffb-spread.go-prev .ffb-page.is-l{animation-delay:.04s}@keyframes ffbPageNext{0%{opacity:0;transform:translate(26px) rotateY(-8deg)}to{opacity:1;transform:none}}@keyframes ffbPagePrev{0%{opacity:0;transform:translate(-26px) rotateY(8deg)}to{opacity:1;transform:none}}.ffb-spread.is-fade .ffb-page{animation:ffbIn .26s ease-out both}.ffb-pocket{position:relative;display:block;width:var(--pw);height:var(--ph);padding:0;border:0;border-radius:calc(var(--pw) * .075);cursor:pointer;background:transparent;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease}.ffb-pocket:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--pw) * .09);pointer-events:none;z-index:3;background:linear-gradient(160deg,#ffffff2e 0%,#ffffff08 22%,transparent 40%,transparent 70%,#ffffff10 100%);box-shadow:inset 0 0 0 1px #ffffff1c,0 3px 8px -4px #000c}.ffb-pocket.is-card:hover{transform:translateY(-4px) scale(1.025);filter:brightness(1.08);z-index:2}.ffb-pocket.is-empty{cursor:default;background:#ffffff04;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 6px 18px -10px #000}.ffb-pocket.is-empty:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;transform:rotate(45deg);border:1px solid #c8a45e3d}.ffb-pocket.is-empty:after{background:linear-gradient(160deg,#ffffff12 0%,transparent 30%)}.ffb-pocket-in{position:absolute;top:0;right:0;bottom:0;left:0}.ffb-tag{position:absolute;z-index:4;left:50%;bottom:-7px;transform:translate(-50%);padding:3px 8px;border-radius:999px;white-space:nowrap;pointer-events:none;font:800 9.5px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#1d1608;background:linear-gradient(135deg,#fff1c4,#d6ab55);box-shadow:0 2px 6px #000b}.ffb-tag.is-own{color:#0f2624;background:linear-gradient(135deg,#e6fffc,#8fd9d4)}.ffb-copies{position:absolute;z-index:4;top:-6px;right:-6px;min-width:22px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;font:800 10.5px/1 system-ui,sans-serif;color:#f6e2a8;background:#1b130c;box-shadow:0 0 0 1px #c8a45e99,0 2px 6px #000b}.ffb-pocket.is-new .ffb-pocket-in{animation:ffbGlint 1.4s ease-out .2s both}.ffb-pocket.is-landing .ffb-pocket-in{animation:ffbLand .5s cubic-bezier(.2,.8,.2,1) both}@keyframes ffbGlint{0%{filter:brightness(1.8) saturate(1.2)}to{filter:none}}@keyframes ffbLand{0%{opacity:0;transform:translateY(-20px) scale(1.12) rotate(-3deg)}60%{opacity:1}to{opacity:1;transform:none}}.ffb-foot{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 6px 2px}.ffb-nav{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;cursor:pointer;border:1px solid #c8a45e66;background:#00000040;color:#f1d086;transition:background .18s ease,transform .18s ease,opacity .2s ease}.ffb-nav:hover:not(:disabled){background:#3a2a1c;transform:scale(1.06)}.ffb-nav:disabled{opacity:.28;cursor:default}.ffb-nav svg{width:18px;height:18px}.ffb-pageno{min-width:140px;text-align:center;font:italic 500 15px/1 var(--ffb-serif);color:var(--ffb-dim);font-variant-numeric:tabular-nums}.ffb-dots{display:none;gap:6px}.ffb-dot{width:6px;height:6px;border-radius:50%;background:#ffffff2e;transition:background .2s ease,transform .2s ease}.ffb-dot.is-on{background:var(--ffb-gold);transform:scale(1.3)}.ffb-empty-note{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;align-content:center;gap:12px;padding:24px;text-align:center;pointer-events:none}.ffb-empty-note b{font:600 18px/1.25 var(--ffb-head);letter-spacing:.06em;color:#f3dfa6}.ffb-empty-note span{max-width:330px;font:500 16px/1.45 var(--ffb-serif);color:var(--ffb-dim)}.ffb-wait{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:italic 500 16px/1 var(--ffb-serif);color:var(--ffb-dim)}.ffb-side{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:6px 8px 16px}.ffb-books{max-width:780px;margin:0 auto}.ffb-books-feathers{margin:2px 6px 14px;font:italic 500 16px/1.35 var(--ffb-serif);color:var(--ffb-gold)}.ffb-books-empty{margin:56px auto 0;max-width:22em;text-align:center;font:italic 500 17px/1.45 var(--ffb-serif);color:var(--ffb-dim)}.ffb-books-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px}.ffb-book-btn{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:8px 14px 8px 8px;border-radius:12px;cursor:pointer;text-align:left;border:1px solid #c8a45e40;background:#00000040;color:var(--ffb-ink);transition:background .18s ease,border-color .18s ease,transform .18s ease}.ffb-book-btn:hover{background:#2a1d1499;border-color:#e2c27c99;transform:translateY(-1px)}.ffb-book-cov{flex:none;position:relative;width:42px;height:56px;border-radius:3px 6px 6px 3px;overflow:hidden;background:linear-gradient(90deg,#0000006b 0 5px,#ffffff12 5px 6px,transparent 6px),var(--ffb-spine, #5a2b1c);box-shadow:0 3px 8px #0009,inset 0 0 0 1px #ffffff14}.ffb-book-cov img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ffb-book-t{font:600 17px/1.3 var(--ffb-serif);color:#f3e7cc}.ffb-tab-s{display:none}@media(max-width:760px){.ffb-tab .ffb-tab-l{display:none}.ffb-tab .ffb-tab-s{display:inline}}@media(max-width:760px){.ffb-veil.is-book{padding:0}.ffb-book{width:100%;height:100%;border-radius:0;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.ffb-book:before{top:5px;right:5px;bottom:5px;left:5px;border-radius:12px}.ffb-book:after{display:none}.ffb-head{gap:10px;padding:6px 50px 10px 6px}.ffb-head .ffb-x{top:max(10px,env(safe-area-inset-top));right:10px}.ffb-tabs{order:3;width:100%;margin:0;justify-content:space-between}.ffb-tab{flex:1 1 0;justify-content:center;padding:9px 6px;font-size:12.5px;flex-direction:column;align-items:center;gap:4px}.ffb-tray{margin:0 2px 10px;padding:9px 10px;gap:10px}.ffb-tray-text b{font-size:13.5px}.ffb-tray-text span{font-size:13px}.ffb-tray .ffb-btn{padding:10px 14px}.ffb-page{padding:10px}.ffb-pageno{display:none}.ffb-dots{display:flex}}.ffb-view{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-height:100%}.ffb-view-stage{position:relative;width:var(--cw, 380px);height:var(--ch, 650px);perspective:1600px;flex-shrink:0;transform:translateY(14px) scale(.96);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .24s ease}.ffb-veil.is-on .ffb-view-stage{transform:none;opacity:1}.ffb-view-stage.is-swap{animation:ffbSwap .26s cubic-bezier(.2,.8,.2,1)}@keyframes ffbSwap{0%{opacity:.2;transform:translate(var(--dx, 0))}to{opacity:1;transform:none}}.ffb-flip{position:absolute;left:0;top:0;width:380px;height:650px;transform-origin:0 0;transform:scale(var(--k, 1))}.ffb-flip-in{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.3,.7,.2,1);cursor:pointer}.ffb-flip.is-back .ffb-flip-in{transform:rotateY(180deg)}.ffb-side{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px}.ffb-side.is-back{transform:rotateY(180deg)}.ffb-side.is-front .ffshop-cardbox{width:380px!important;max-width:none!important;margin:0!important}.ffb-side.is-front .ffshop-face.is-back,.ffb-side.is-front .ffshop-collno{display:none!important}.ffb-side.is-front .ffshop-tiltwrap{transform:none!important;transition:none!important}.ffb-side.is-front .ffshop-card{cursor:pointer;box-shadow:0 16px 34px -14px #000c,0 0 26px -8px var(--rar, #c8a45e)}.ffb-side.is-front>.ffb-face{border-radius:16px}.ffb-view-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;pointer-events:none;box-shadow:0 0 46px -6px var(--rar, #c8a45e);opacity:.55;animation:ffbBreath 3.6s ease-in-out infinite}@keyframes ffbBreath{0%,to{opacity:.35}50%{opacity:.7}}.ffb-view-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;animation:ffbIn .3s ease-out .08s both}.ffb-view-bar .ffb-btn{min-height:42px;padding:10px 15px;font-size:13.5px}@media(max-width:600px){.ffb-view-bar{gap:6px}.ffb-view-bar .ffb-btn{padding:9px 11px;font-size:12.5px;gap:6px}.ffb-view-bar .ffb-btn svg{width:15px;height:15px}}.ffb-view-line{margin:0;max-width:520px;text-align:center;font:italic 500 15px/1.4 var(--ffb-serif);color:var(--ffb-dim);animation:ffbIn .3s ease-out .12s both}.ffb-view-line b{font-style:normal;color:#f3dfa6}.ffb-view .ffb-nav{position:absolute;top:calc(var(--ch, 650px) / 2 - 22px)}.ffb-view .ffb-nav.is-prev{left:max(0px,calc(50% - var(--cw, 380px) / 2 - 64px))}.ffb-view .ffb-nav.is-next{right:max(0px,calc(50% - var(--cw, 380px) / 2 - 64px))}@media(max-width:600px){.ffb-view .ffb-nav{top:auto;bottom:0}.ffb-view .ffb-nav.is-prev{left:4px}.ffb-view .ffb-nav.is-next{right:4px}}.ffb-seg{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#0000005c;box-shadow:inset 0 0 0 1px #ffffff14;animation:ffbIn .26s ease-out both}.ffb-seg button{min-height:36px;padding:8px 16px;border:0;border-radius:999px;cursor:pointer;background:transparent;color:#cbbfa8;font:600 13px/1 var(--ffb-ui);letter-spacing:.02em;white-space:nowrap;transition:background .24s ease,color .2s ease,box-shadow .24s ease}.ffb-seg button[aria-pressed=true]{background:linear-gradient(#3a2a1c,#2a1d14);color:#fff1cc;box-shadow:inset 0 0 0 1px #e2c27c80,0 2px 10px #0006}.ffb-seg button:hover:not([aria-pressed=true]){color:#f0e2c0}.ffb-seg.is-wide{display:flex;width:100%}.ffb-seg.is-wide button{flex:1 1 0}.ffb-veil.is-design{padding:0;align-items:stretch}.ffb-dz{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);width:min(1040px,100%);max-height:100%;margin:auto;border-radius:22px;background:radial-gradient(90% 70% at 25% 30%,#2a1f30,transparent 60%),#121016;box-shadow:0 30px 80px -20px #000,inset 0 0 0 1px #c8a45e33;transform:translateY(16px) scale(.98);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .24s ease;overflow:hidden}.ffb-veil.is-on .ffb-dz{transform:none;opacity:1}.ffb-dz-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:34px 20px 24px}.ffb-dz-stage{position:relative;width:var(--cw, 340px);height:var(--ch, 580px);perspective:1600px}.ffb-dz-stage .ffb-flip{transform:scale(var(--k, .9))}.ffb-dz-stage.is-hall{cursor:pointer}.ffb-dz-tip{margin:0;font:italic 500 14px/1.3 var(--ffb-serif);color:var(--ffb-mute)}.ffb-dz-panel{display:flex;flex-direction:column;gap:18px;padding:34px 28px 26px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #ffffff0f;background:#0000002e}.ffb-dz-panel h2{margin:0;padding-right:44px;font:600 22px/1.15 var(--ffb-head);letter-spacing:.06em;color:var(--ffb-gold)}.ffb-dz-lead{margin:-8px 0 0;font:500 16px/1.45 var(--ffb-serif);color:#d9cfbd}.ffb-dz-group{display:flex;flex-direction:column;gap:9px}.ffb-dz-label{font:700 11px/1 var(--ffb-ui);letter-spacing:.14em;text-transform:uppercase;color:#a99d88}.ffb-dz-design{display:flex;flex-direction:column;gap:18px;transition:opacity .24s ease,filter .24s ease}.ffb-dz-design.is-off{opacity:.32;filter:saturate(.4);pointer-events:none}.ffb-dz-paint{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;cursor:pointer;text-align:left;border:1px solid #ffffff1f;background:#ffffff08;color:#efe6d4;transition:border-color .2s ease,background .2s ease}.ffb-dz-paint i{flex-shrink:0;width:34px;height:34px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 2px #0006,0 0 0 3px #ffffff26}.ffb-dz-paint span{display:flex;flex-direction:column;gap:3px;min-width:0}.ffb-dz-paint b{font:600 14px/1.2 var(--ffb-ui)}.ffb-dz-paint small{font:400 12.5px/1.3 var(--ffb-ui);color:#a99d88}.ffb-dz-sws{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ffb-dz-sw,.ffb-dz-chip{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:64px;padding:10px 4px 9px;border-radius:12px;cursor:pointer;border:1px solid #ffffff1a;background:#ffffff06;color:#d9cfbd;font:500 12.5px/1.15 var(--ffb-ui);transition:border-color .2s ease,background .2s ease,transform .18s ease}.ffb-dz-sw i,.ffb-dz-chip i{display:block;width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 1.5px #ffffff2e,0 2px 6px #0008}.ffb-dz-sw:hover,.ffb-dz-chip:hover,.ffb-dz-paint:hover{border-color:#ffffff3d;background:#ffffff0d}.ffb-dz-sw[aria-pressed=true],.ffb-dz-chip[aria-pressed=true],.ffb-dz-paint[aria-pressed=true]{border-color:#e2c27c;background:linear-gradient(#e2c27c1f,#e2c27c0a);color:#fff1cc;box-shadow:0 0 0 1px #e2c27c55}.ffb-dz-sw:active,.ffb-dz-chip:active{transform:scale(.96)}.ffb-dz-chip i.is-matte{background:linear-gradient(160deg,#3b3240,#1d1822)}.ffb-dz-chip i.is-foil{background:linear-gradient(115deg,#f6e2a8,#ef94ff 35%,#b3f5ee 65%,#f6e2a8)}.ffb-dz-chip i.is-etched{background:repeating-linear-gradient(135deg,#e2c27c 0 2px,#2a2117 2px 5px)}.ffb-dz-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ffb-dz-two .ffb-dz-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ffb-dz-note{margin:-4px 0 0;padding:12px 14px;border-radius:12px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;font:500 15px/1.45 var(--ffb-serif);color:#d9cfbd;animation:ffbIn .24s ease-out both}.ffb-dz-status{display:flex;align-items:center;gap:7px;min-height:22px;margin:auto 0 0;font:500 13px/1.35 var(--ffb-ui);color:#a99d88}.ffb-dz-status svg{width:15px;height:15px;flex-shrink:0;color:#7ed49a}.ffb-dz-status.is-ok{color:#cfe9d6}.ffb-dz-status.is-bad{color:#f0b4a0}.ffb-dz-status .ffb-link{padding:0;font:inherit;color:#f3dfa6}@media(max-width:759px){.ffb-dz{display:flex;flex-direction:column;width:100%;height:100%;max-height:none;border-radius:0;overflow-y:auto}.ffb-dz-preview{position:sticky;top:0;z-index:3;padding:max(16px,env(safe-area-inset-top)) 16px 10px;gap:6px;background:linear-gradient(#121016 82%,#12101600)}.ffb-dz-panel{overflow:visible;border-left:0;background:none;padding:6px 16px max(22px,env(safe-area-inset-bottom));gap:16px}.ffb-dz-panel h2{font-size:19px;padding-right:0;text-align:center}.ffb-dz-lead{text-align:center;font-size:15px}.ffb-dz .ffb-x{position:fixed;top:max(10px,env(safe-area-inset-top));right:10px;z-index:6}.ffb-dz-two{grid-template-columns:1fr}.ffb-dz-status{justify-content:center;margin-top:4px}}.ffb-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:16px;padding:26px 26px 22px;text-align:center;background:radial-gradient(120% 70% at 50% 0%,#2b2034,transparent 60%),radial-gradient(100% 60% at 50% 100%,#1e1626,transparent 70%),#110d17;box-shadow:inset 0 0 0 1.5px var(--rar, #c8a45e),inset 0 0 0 8px #110d17,inset 0 0 0 9px #c8a45e4d,0 16px 34px -14px #000c;color:var(--ffb-ink);font-family:var(--ffb-serif)}.ffb-bk-head{display:flex;align-items:center;justify-content:center;gap:9px;font:600 10.5px/1 var(--ffb-head);letter-spacing:.3em;text-transform:uppercase;color:#c8a45e}.ffb-bk-head img{width:22px;height:22px;object-fit:contain}.ffb-bk-no{margin-top:12px;font:700 13px/1 var(--ffb-head);letter-spacing:.12em;color:#f3dfa6}.ffb-bk-no small{font-weight:600;color:#c8a45e;letter-spacing:.08em}.ffb-bk-ed{margin-top:6px;font:italic 600 16px/1 var(--ffb-serif);letter-spacing:.04em;background:linear-gradient(100deg,#b98e3d,#fff3cf 30%,#e2c27c 45%,#fff8e4 55%,#b98e3d 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ffbFoil 5s ease-in-out infinite}@keyframes ffbFoil{0%,to{background-position:0% 0}50%{background-position:100% 0}}.ffb-bk-name{margin:16px 0 0;font:700 22px/1.15 var(--ffb-head);letter-spacing:.05em;color:#fff5d8}.ffb-bk-title{margin-top:6px;font:italic 500 16px/1.3 var(--ffb-serif);color:#f2d98e}.ffb-bk-quote{margin:12px 4px 0;font:italic 500 15.5px/1.4 var(--ffb-serif);color:#d9cfbd}.ffb-bk-orn{width:64px;height:10px;margin:14px auto 0;flex-shrink:0;background:linear-gradient(90deg,transparent,#c8a45e 30%,transparent 30% 70%,#c8a45e 70%,transparent) center/100% 1px no-repeat;position:relative}.ffb-bk-orn:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;transform:rotate(45deg);background:#c8a45e}.ffb-bk-story{flex:1 1 auto;min-height:0;display:flex;align-items:center;margin:12px 0 0;overflow:hidden;font:500 15.5px/1.5 var(--ffb-serif);color:#e8e0d0}.ffb-bk-story p{margin:0}.ffb-bk-credit{margin-top:14px;font:500 14px/1.35 var(--ffb-serif);color:#cfc5b3}.ffb-bk-credit b{font-weight:700;background:linear-gradient(90deg,var(--ffb-ff1),var(--ffb-ff2));-webkit-background-clip:text;background-clip:text;color:transparent}.ffb-bk-table{min-height:18px;margin-top:4px;font:italic 500 13.5px/1.3 var(--ffb-serif);color:#a99d88}.ffb-bk-bot{display:flex;align-items:flex-end;gap:12px;width:100%;margin-top:14px}.ffb-bk-sign{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;width:126px;text-align:left}.ffb-sig{display:block;width:112px;height:58px;margin:0 0 -14px 4px;background:linear-gradient(120deg,#c8a45e,#fff1c4 45%,#e2c27c 60%,#b98e3d);-webkit-mask:var(--ffb-sig) left bottom / contain no-repeat;mask:var(--ffb-sig) left bottom / contain no-repeat}.ffb-sig-line{display:block;width:124px;height:1px;background:linear-gradient(90deg,#c8a45e,#c8a45e66)}.ffb-bk-sign small{margin-top:5px;font:600 9.5px/1.3 var(--ffb-head);letter-spacing:.12em;color:#c8a45e}.ffb-bk-sign small+small{margin-top:1px;font:italic 500 11.5px/1.2 var(--ffb-serif);letter-spacing:.02em;color:#a99d88}.ffb-bk-check{flex:1 1 auto;min-width:0;text-align:right;font:500 11.5px/1.35 var(--ffb-serif);color:#a99d88}.ffb-bk-check b{display:block;font:600 9.5px/1.3 var(--ffb-head);letter-spacing:.12em;text-transform:uppercase;color:#d9bf86}.ffb-bk-check i{font-style:normal;color:#cfc5b3;word-break:break-word}.ffb-bk-check i u{text-decoration:none;white-space:nowrap}.ffb-bk-qr{flex:0 0 auto;width:64px;height:64px;padding:4px;border-radius:6px;background:#f6efe0}.ffb-bk-qr img,.ffb-bk-qr canvas{display:block;width:56px!important;height:56px!important;image-rendering:pixelated}.ffb-bk-qr table{width:56px!important;height:56px!important}.ffb-back.is-hall .ffb-bk-bot{justify-content:center;align-items:center;gap:10px}.ffb-back.is-hall .ffb-bk-check{flex:0 1 auto;text-align:center}.ffb-pack{--pw: 220px;position:relative;display:block;width:var(--pw);height:calc(var(--pw) * 1.5);border-radius:calc(var(--pw) * .06);overflow:visible}.ffb-pack-body,.ffb-pack-top{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden}.ffb-pack-top{clip-path:polygon(0 0,100% 0,100% 13%,0 13%);transform-origin:6% 13%;z-index:2}.ffb-pack-body{clip-path:polygon(0 13%,100% 13%,100% 100%,0 100%)}.ffb-pack-skin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(90% 60% at 50% 42%,#3b2a52,#170f24 75%);box-shadow:inset 0 0 0 calc(var(--pw) * .012) #c8a45e99,inset 0 0 0 calc(var(--pw) * .04) #170f24,inset 0 0 0 calc(var(--pw) * .046) #c8a45e55}.ffb-pack.is-ff .ffb-pack-skin{background:radial-gradient(90% 60% at 50% 42%,#2a2131,#0b0910 75%);box-shadow:inset 0 0 0 calc(var(--pw) * .012) #ef94ff,inset 0 0 0 calc(var(--pw) * .04) #0b0910,inset 0 0 0 calc(var(--pw) * .046) #b3f5ee66}.ffb-pack-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 30%,#ffffff30 45%,#ffffff08 52%,transparent 62%);background-size:300% 100%;animation:ffbSheen 3.8s ease-in-out infinite}.ffb-pack.is-ff .ffb-pack-sheen{background:linear-gradient(115deg,transparent 28%,#ef94ff40 42%,#b3f5ee40 52%,transparent 64%);background-size:300% 100%}@keyframes ffbSheen{0%{background-position:120% 0}60%,to{background-position:-40% 0}}.ffb-pack-crimp{position:absolute;left:0;right:0;height:calc(var(--pw) * .05);background:repeating-linear-gradient(90deg,#ffffff22 0 2px,transparent 2px 5px);opacity:.7}.ffb-pack-crimp.is-t{top:3%}.ffb-pack-crimp.is-b{bottom:2%}.ffb-pack-mark{position:absolute;left:50%;top:40%;width:46%;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 14px #000c)}.ffb-pack-name{position:absolute;left:6%;right:6%;top:63%;text-align:center;font:700 calc(var(--pw) * .078)/1.15 var(--ffb-head);letter-spacing:.08em;text-transform:uppercase;color:#f3dfa6;text-shadow:0 2px 6px #000}.ffb-pack.is-ff .ffb-pack-name{background:linear-gradient(90deg,#ffd6ff,#e6fffc);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 4px #000)}.ffb-pack-sub{position:absolute;left:6%;right:6%;top:76%;text-align:center;font:italic 500 calc(var(--pw) * .064)/1.2 var(--ffb-serif);color:#cbbfa8}.ffb-pack-tear{position:absolute;left:0;right:0;top:13%;height:2px;margin-top:-1px;z-index:3;transform-origin:left center;transform:scaleX(var(--tear, 0));background:linear-gradient(90deg,#fff,#ffe9a8);box-shadow:0 0 10px 2px #ffe9a8,0 0 24px 6px #f1d08099;opacity:calc(var(--tear, 0) * 3)}.ffb-tray-pack .ffb-pack-name,.ffb-tray-pack .ffb-pack-sub,.ffb-tray-pack .ffb-pack-crimp{display:none}.ffb-tray-pack .ffb-pack-mark{width:60%;top:52%}.ffb-ps{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;height:100%}.ffb-ps-title{margin:0;text-align:center;font:600 clamp(17px,2.4vw,22px)/1.2 var(--ffb-head);letter-spacing:.14em;text-transform:uppercase;color:var(--ffb-gold);animation:ffbIn .3s ease-out both}.ffb-ps-hint{margin:0;min-height:22px;text-align:center;font:italic 500 16px/1.35 var(--ffb-serif);color:var(--ffb-dim);transition:opacity .2s ease}.ffb-ps-packwrap{position:relative;display:grid;place-items:center;cursor:pointer;touch-action:none;animation:ffbPackIn .5s cubic-bezier(.2,.8,.2,1) both}.ffb-ps-packwrap .ffb-pack{--pw: min(230px, 52vw, 34svh);animation:ffbPackIdle 3.6s ease-in-out .6s infinite}.ffb-ps-packwrap:hover .ffb-pack{animation-play-state:paused;transform:translateY(-4px) rotate(-1deg);transition:transform .2s ease}.ffb-ps-packwrap.is-waiting .ffb-pack{animation:ffbPackShake .5s ease-in-out infinite}@keyframes ffbPackIn{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:none}}@keyframes ffbPackIdle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(.6deg)}}@keyframes ffbPackShake{0%,to{transform:rotate(0)}25%{transform:rotate(-1.6deg)}75%{transform:rotate(1.6deg)}}.ffb-ps.is-torn .ffb-pack-top{animation:ffbTopOff .6s cubic-bezier(.3,.6,.3,1) forwards}.ffb-ps.is-torn .ffb-pack-body{animation:ffbBodyDown .55s cubic-bezier(.5,0,.8,.4) .32s forwards}.ffb-ps.is-torn .ffb-pack-tear{transform:scaleX(1);opacity:1;animation:ffbTearFlash .5s ease-out forwards}.ffb-ps.is-torn .ffb-ps-packwrap .ffb-pack{animation:none}@keyframes ffbTopOff{to{transform:translate(28%,-120%) rotate(24deg);opacity:0}}@keyframes ffbBodyDown{to{transform:translateY(70%) scale(.92);opacity:0}}@keyframes ffbTearFlash{0%{box-shadow:0 0 10px 2px #fff,0 0 40px 14px #ffe9a8}to{box-shadow:0 0 #fff0,0 0 80px 30px #ffe9a800;opacity:0}}.ffb-ps-burst{position:absolute;left:50%;top:30%;width:10px;height:10px;pointer-events:none}.ffb-ps-burst i{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);animation:ffbSpark var(--d, .9s) cubic-bezier(.1,.7,.3,1) forwards}@keyframes ffbSpark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(.2);opacity:0}}.ffb-ps-cards{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--gap, 16px)}.ffb-dealt{position:relative;width:var(--dw, 220px);height:calc(var(--dw, 220px) * 650 / 380);perspective:1200px;cursor:pointer;animation:ffbDeal .62s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 90ms)}@keyframes ffbDeal{0%{opacity:0;transform:translateY(70%) scale(.6) rotate(calc((var(--i) - 1) * -8deg))}to{opacity:1;transform:none}}.ffb-dealt-in{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .56s cubic-bezier(.3,.7,.2,1)}.ffb-dealt.is-up .ffb-dealt-in{transform:rotateY(180deg)}.ffb-dealt-back,.ffb-dealt-face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ffb-dealt-face{transform:rotateY(180deg)}.ffb-dealt.is-aura .ffb-dealt-back .ffb-cardback{box-shadow:inset 0 0 0 1.5px var(--rar),inset 0 0 0 6px #150e22,0 0 22px -2px var(--rar);animation:ffbAura 1.4s ease-in-out infinite}@keyframes ffbAura{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.ffb-dealt.is-shake .ffb-dealt-in{animation:ffbShake .5s ease-in-out}.ffb-dealt.is-up:is(.ffb-t-rare,.ffb-t-epic,.ffb-t-legendary,.ffb-t-mythic) .ffb-dealt-face{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--rar) 70%,transparent));transition:filter .5s ease .3s}.ffb-dealt.is-up.ffb-t-mythic .ffb-dealt-face{filter:drop-shadow(0 0 10px #ef94ffaa) drop-shadow(0 0 18px #b3f5ee66)}@keyframes ffbShake{0%,to{translate:0 0}20%{translate:-4px 1px}40%{translate:4px -1px}60%{translate:-3px 0}80%{translate:3px 1px}}.ffb-dealt-fx{position:absolute;left:50%;top:50%;width:0;height:0;z-index:5;pointer-events:none}.ffb-dealt-fx i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);animation:ffbSpark var(--d, .9s) cubic-bezier(.1,.7,.3,1) forwards}.ffb-dealt-flash{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:4;border-radius:14px;pointer-events:none;background:radial-gradient(circle,var(--rar2) 0%,transparent 70%);animation:ffbFlash .6s ease-out forwards}@keyframes ffbFlash{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.ffb-dealt-ring{position:absolute;left:50%;top:50%;z-index:4;width:40px;height:40px;margin:-20px;border-radius:50%;border:2px solid var(--rar);pointer-events:none;animation:ffbRing .8s ease-out forwards}@keyframes ffbRing{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(7)}}.ffb-dealt .ffb-tag{bottom:-10px;font-size:10.5px;padding:4px 10px;animation:ffbPop .42s cubic-bezier(.2,1.6,.4,1) both}.ffb-dealt .ffb-copies{animation:ffbPop .42s cubic-bezier(.2,1.6,.4,1) both}@keyframes ffbPop{0%{opacity:0;transform:translate(-50%) scale(.3)}to{opacity:1;transform:translate(-50%) scale(1)}}.ffb-dealt .ffb-copies{animation-name:ffbPop2}@keyframes ffbPop2{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.ffb-dealt.is-fly{transition:transform .62s cubic-bezier(.5,0,.3,1),opacity .62s ease}.ffb-ps-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;min-height:46px}.ffb-ps-acts .ffb-btn{animation:ffbIn .26s ease-out both}.ffb-ps-error{margin:0;text-align:center;font:500 15px/1.4 var(--ffb-serif);color:#f0b4a0}.ffb-gate{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);padding:34px 26px 26px;border-radius:18px;text-align:center;background:radial-gradient(120% 80% at 50% 0%,#3a2a1c,#1a120c 70%);box-shadow:0 30px 70px -20px #000,inset 0 0 0 1px #c8a45e55;transform:translateY(16px) scale(.97);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .24s ease}.ffb-veil.is-on .ffb-gate{transform:none;opacity:1}.ffb-gate-art{position:relative;width:150px;height:108px;margin-bottom:4px}.ffb-gate-art .ffb-face,.ffb-gate-art .ffb-cardback{position:absolute;top:0;width:62px;height:106px}.ffb-gate-art>span{position:absolute;top:0;left:44px;width:62px;height:106px;transform-origin:50% 100%}.ffb-gate-art>span:nth-child(1){transform:rotate(-14deg) translate(-26px)}.ffb-gate-art>span:nth-child(3){transform:rotate(14deg) translate(26px)}.ffb-gate h3{margin:0;font:600 20px/1.2 var(--ffb-head);letter-spacing:.08em;color:var(--ffb-gold)}.ffb-gate p{margin:0;max-width:330px;font:500 17px/1.45 var(--ffb-serif);color:#d9cfbd}.ffb-gate .ffb-btn{width:100%;max-width:280px}.ffb-link{padding:6px;border:0;background:none;cursor:pointer;font:500 15px/1.3 var(--ffb-serif);color:#e8d6a6;text-decoration:underline;text-underline-offset:3px}.ffb-toast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));z-index:100260;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);padding:10px 10px 10px 12px;border-radius:16px;background:linear-gradient(115deg,#2f2416,#1b1520);box-shadow:0 18px 44px -12px #000,inset 0 0 0 1px #e2c27c66;transform:translate(-50%,30px);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s ease}.ffb-toast.is-on{transform:translate(-50%);opacity:1}.ffb-toast .ffb-pack{--pw: 34px;flex-shrink:0}.ffb-toast .ffb-pack-name,.ffb-toast .ffb-pack-sub,.ffb-toast .ffb-pack-crimp{display:none}.ffb-toast .ffb-pack-mark{width:62%;top:52%}.ffb-toast-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ffb-toast-text b{font:600 14.5px/1.2 var(--ffb-head);letter-spacing:.04em;color:#fff1cc}.ffb-toast-text span{font:500 14px/1.3 var(--ffb-serif);color:var(--ffb-dim)}.ffb-toast .ffb-btn{min-height:40px;padding:9px 16px}.hhp .ffb-root .ffb-btn{padding:11px 20px;border:1px solid #f1d086;border-radius:12px;background:linear-gradient(135deg,#f6e2a8,#d6ab55);color:#1d1608;font:700 14px/1 var(--ffb-ui)}.hhp .ffb-root .ffb-btn.is-quiet{background:#0000004d;color:#f3dfa6;border-color:#c8a45e8c}.hhp .ffb-root .ffb-status-go{padding:7px 14px;border:1px solid #e2c27c;border-radius:999px;background:linear-gradient(135deg,#f6e2a8,#d6ab55);color:#1d1608;font:700 12.5px/1 var(--ffb-ui)}.hhp .ffb-root .ffb-status-go.is-quiet{background:transparent;color:#f3dfa6;border-color:#c8a45e8c}.hhp>.ffb-status,#hhp-body>.ffb-status{margin:4px auto 18px}.ffb-locked-panels{position:relative}.ffb-lock{position:absolute;left:0;right:0;bottom:0;top:var(--ffb-lock-top, 170px);z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:64px 18px 24px;text-align:center;border-radius:14px;background:linear-gradient(to bottom,#0f0d1300,#0f0d13d9 70px,#0f0d13f2);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask:linear-gradient(to bottom,transparent,#000 60px);mask:linear-gradient(to bottom,transparent,#000 60px);animation:ffbIn .3s ease-out both}.ffb-lock b{font:600 18px/1.25 var(--ffb-head, Cinzel, serif);letter-spacing:.06em;color:#f3dfa6}.ffb-lock span{max-width:380px;font:500 16.5px/1.45 Cormorant Garamond,Georgia,serif;color:#d9cfbd}.ffb-lock .ffb-btn{margin-top:4px}.ffb-lock-tall{min-height:420px}@keyframes ffbIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ffb-root *,.ffb-fab,.ffb-status,.ffb-lock,.ffb-toast{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}.ffb-flip-in,.ffb-dealt-in{transition:none!important}.ffb-book,.ffb-view-stage,.ffb-gate{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/280/assets/ff-binder.css.map */
