:root{--bfd-black: #000000;--bfd-stock: #0E0D0B;--bfd-felt: #15130F;--bfd-gold: #CFAC6A;--bfd-gold-hi: #F5DB91;--bfd-gold-lo: #A88147;--bfd-gold-dk: #8B6A2B;--bfd-text: #FFFFFF;--bfd-muted: #B8B2A6;--bfd-gold-ramp: linear-gradient(135deg, #F5DB91 0%, #CFAC6A 38%, #F8E198 58%, #A88147 100%);--bfd-holo: linear-gradient(115deg, #7CF7FF 0%, #B69CFF 34%, #FF8AD8 64%, #FFE27A 100%);--bfd-ease-out: cubic-bezier(.23, 1, .32, 1);--bfd-ease-in-out: cubic-bezier(.77, 0, .175, 1)}.bfd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:700 .9375rem/1 var(--font-body--family);letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;border:0;transition:transform .16s var(--bfd-ease-out),background-color .2s ease,color .2s ease,box-shadow .2s ease}.bfd-btn:active:not(:disabled){transform:scale(.97)}.bfd-btn:disabled{opacity:.45;cursor:default}.bfd-btn--gold{background:var(--bfd-gold-ramp);color:#14100a;box-shadow:inset 0 1px #ffffff73,0 6px 20px #cfac6a38}.bfd-btn--line{background:transparent;color:var(--bfd-text);box-shadow:inset 0 0 0 1.5px #f5db918c}@media (hover: hover) and (pointer: fine){.bfd-btn--gold:hover:not(:disabled){box-shadow:inset 0 1px #ffffff8c,0 8px 28px #cfac6a5c}.bfd-btn--line:hover:not(:disabled){background:#f5db911a}}.bfd-btn:focus-visible,.bfd-deck:focus-visible,.bfd-deckchip:focus-visible,.bfd-hero__shuffle:focus-visible,.bfd-c button:focus-visible,.bfd-c a:focus-visible,.bfd-sound:focus-visible,.bfd-peek__go:focus-visible{outline:2px solid var(--bfd-gold-hi);outline-offset:3px}.bfd-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--bfd-black) var(--bfd-mat-m) 50% 40% / cover no-repeat;color:var(--bfd-text)}@media (min-width: 750px){.bfd-hero{background-image:var(--bfd-mat);background-position:50% 45%}}.bfd-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0000 45%,#000000b8)}.bfd-hero__stage{position:relative;height:clamp(230px,62vw,560px);max-width:1400px;margin:0 auto}.bfd-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.bfd-hero__guide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:900 clamp(64px,17vw,230px)/.92 var(--font-heading--family);letter-spacing:0;color:transparent;-webkit-text-stroke:1px rgba(207,172,106,.4);pointer-events:none;-webkit-user-select:none;user-select:none}.bfd-hero.is-live .bfd-hero__guide{visibility:hidden}.bfd-hero__shuffle{position:absolute;right:16px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:0;background:#0e0d0bb8;color:var(--bfd-gold-hi);box-shadow:inset 0 0 0 1px #f5db9159;font:600 .8125rem/1 var(--font-body--family);cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .26s var(--bfd-ease-out),transform .26s var(--bfd-ease-out),background-color .2s ease}.bfd-hero.is-dealt .bfd-hero__shuffle{opacity:1;transform:none}.bfd-hero__shuffle:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.bfd-hero__shuffle:hover{background:#282216e6}}.bfd-hero__hint{position:absolute;left:16px;bottom:18px;z-index:2;margin:0;font:500 .8125rem/1.3 var(--font-body--family);color:var(--bfd-muted);animation:bfd-fade .4s var(--bfd-ease-out) both}.bfd-peek{position:absolute;left:0;top:0;z-index:3;width:max-content;max-width:min(260px,70vw);padding:10px 12px;border-radius:10px;background:#0e0d0bf0;box-shadow:inset 0 0 0 1px #f5db916b,0 12px 32px #00000080;pointer-events:none;will-change:transform}.bfd-peek[hidden]{display:none}.bfd-peek__name{margin:0;font:600 .8125rem/1.3 var(--font-body--family);color:var(--bfd-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bfd-peek__price{margin:4px 0 0;font:900 1rem/1 var(--font-heading--family);color:var(--bfd-gold-hi)}.bfd-peek__go{display:inline-flex;align-items:center;min-height:36px;margin-top:8px;padding:0 14px;border-radius:999px;background:var(--bfd-gold-ramp);color:#14100a;font:700 .8125rem/1 var(--font-body--family);text-decoration:none;pointer-events:auto}.bfd-peek__go[hidden]{display:none}.bfd-hero__copy{position:relative;display:grid;gap:14px;max-width:1240px;margin:0 auto;padding:4px 16px 28px}@media (min-width: 900px){.bfd-hero__stage{height:clamp(300px,min(50vw,100svh - 390px),560px)}.bfd-hero__copy{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:end;column-gap:56px;padding:0 40px 52px}}.bfd-hero__title{margin:0;font:900 clamp(2.125rem,5vw,4.25rem)/.94 var(--font-heading--family);letter-spacing:-.02em;background:var(--bfd-gold-ramp);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}.bfd-hero__title span{display:block}.bfd-hero__side{display:grid;gap:12px;max-width:34rem}.bfd-countdown{margin:0;font:600 .9375rem/1.4 var(--font-body--family);color:var(--bfd-gold-hi)}.bfd-countdown b{font-variant-numeric:tabular-nums}.bfd-hero__text{margin:0;font:400 1rem/1.55 var(--font-body--family);color:#e7e2d8}.bfd-hero__ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}@media (max-width: 480px){.bfd-hero__ctas .bfd-btn{flex:1 1 0;padding:0 12px;min-width:0}.bfd-hero__text{font-size:.9375rem}}.bfd-hand{position:relative;isolation:isolate;overflow:hidden;color:var(--bfd-text);background:radial-gradient(120% 70% at 50% 0%,#26211A 0%,var(--bfd-felt) 48%,var(--bfd-black) 100%);scroll-margin-top:80px}.bfd-hand__inner{max-width:1240px;margin:0 auto;padding:44px 16px 36px}@media (min-width: 900px){.bfd-hand__inner{padding:72px 40px 56px}}.bfd-hand__head{display:grid;gap:10px;max-width:40rem}.bfd-hand__title{margin:0;font:900 clamp(1.875rem,4.2vw,3.25rem)/1 var(--font-heading--family);letter-spacing:-.015em;color:var(--bfd-text)}.bfd-hand__text{margin:0;font:400 1rem/1.55 var(--font-body--family);color:#e7e2d8}.bfd-decks{display:flex;gap:8px;margin:22px -16px 0;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}.bfd-decks::-webkit-scrollbar{display:none}@media (min-width: 900px){.bfd-decks{flex-wrap:wrap;margin:26px 0 0;padding:0;overflow:visible}}.bfd-deckchip{flex:none;min-height:40px;padding:0 16px;border-radius:999px;border:0;cursor:pointer;background:#ffffff0f;color:#e7e2d8;box-shadow:inset 0 0 0 1px #ffffff24;font:600 .875rem/1 var(--font-body--family);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s var(--bfd-ease-out)}.bfd-deckchip:active{transform:scale(.97)}.bfd-deckchip[aria-checked=true]{background:var(--bfd-gold-ramp);color:#14100a;box-shadow:none}@media (hover: hover) and (pointer: fine){.bfd-deckchip[aria-checked=false]:hover{background:#ffffff1c}}.bfd-table{display:grid;gap:16px;align-items:center;margin-top:22px}@media (min-width: 900px){.bfd-table{grid-template-columns:150px minmax(0,1fr);gap:36px;margin-top:30px}}.bfd-deck{position:relative;justify-self:start;width:92px;aspect-ratio:5 / 7;padding:0;border:0;border-radius:9px;background:none;cursor:pointer;color:var(--bfd-gold-hi);transition:transform .16s var(--bfd-ease-out)}@media (min-width: 900px){.bfd-deck{width:132px;justify-self:center}}.bfd-deck:active{transform:scale(.97)}.bfd-deck__half,.bfd-c__back{border-radius:inherit;background:linear-gradient(135deg,#7cf7ff00 30%,#7cf7ff24 42%,#b69cff2e,#ff8ad824 58%,#ffe27a00 70%),radial-gradient(circle at 50% 50%,rgba(207,172,106,.16) 0 18%,transparent 19%),var(--bfd-stock);box-shadow:inset 0 0 0 3px var(--bfd-stock),inset 0 0 0 4.5px var(--bfd-gold),0 1px #0009}.bfd-deck__half{position:absolute;top:0;right:0;bottom:0;left:0}.bfd-deck__half--a{box-shadow:inset 0 0 0 3px var(--bfd-stock),inset 0 0 0 4.5px var(--bfd-gold),0 2px #1e1a13,0 4px #0a0907,0 6px #1e1a13,0 8px 14px #0009}.bfd-deck__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:7px 12px;border-radius:999px;background:#000000a8;box-shadow:inset 0 0 0 1px #f5db9180;font:700 .8125rem/1 var(--font-body--family);white-space:nowrap}.bfd-deck__left{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);width:max-content;max-width:52vw;font:500 .8125rem/1.35 var(--font-body--family);color:var(--bfd-muted);text-align:left}@media (min-width: 900px){.bfd-deck__left{left:50%;top:calc(100% + 14px);transform:translate(-50%);text-align:center;max-width:150px}}.bfd-deck.is-riffling .bfd-deck__half--a{animation:bfd-riffle-a .46s var(--bfd-ease-in-out)}.bfd-deck.is-riffling .bfd-deck__half--b{animation:bfd-riffle-b .46s var(--bfd-ease-in-out)}@keyframes bfd-riffle-a{0%,to{transform:none}35%,55%{transform:translate(-46%) rotate(-9deg)}}@keyframes bfd-riffle-b{0%,to{transform:none}35%,55%{transform:translate(46%,-3px) rotate(9deg)}}.bfd-fan{--cw: 62vw;display:flex;gap:12px;margin:0 -16px;padding:18px 16px 22px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;min-height:calc(var(--cw) * 1.4 + 40px)}.bfd-fan::-webkit-scrollbar{display:none}@media (min-width: 560px){.bfd-fan{--cw: 40vw}}@media (min-width: 900px){.bfd-fan{--cw: clamp(136px, 13.2vw, 198px);justify-content:center;gap:0;margin:0;padding:34px 12px 30px 28px;overflow:visible;min-height:calc(var(--cw) * 1.4 + 70px)}}.bfd-c{position:relative;flex:none;width:var(--cw);aspect-ratio:5 / 7;scroll-snap-align:center;perspective:1100px}@media (min-width: 900px){.bfd-c{margin:0 calc(var(--cw) * -.055);transform:translateY(var(--lift)) rotate(var(--rot));transform-origin:50% 115%;transition:transform .24s var(--bfd-ease-out)}}@media (min-width: 900px) and (hover: hover) and (pointer: fine){.bfd-c:hover{transform:translateY(calc(var(--lift) - 22px)) rotate(calc(var(--rot) * .4));z-index:2}}.bfd-c__fly,.bfd-c__inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px}.bfd-c__inner{transform-style:preserve-3d}.bfd-c__face,.bfd-c__back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.bfd-c__back{transform:rotateY(180deg);box-shadow:inset 0 0 0 5px var(--bfd-stock),inset 0 0 0 7px var(--bfd-gold),0 14px 30px #00000080}.bfd-c__face{padding:7px;background:var(--frame);box-shadow:0 14px 30px #00000080,inset 0 1px #ffffff80}.bfd-c[data-band=silver]{--frame: linear-gradient(150deg, #F1F1F4 0%, #A6A9B0 42%, #F7F7F9 60%, #8E9198 100%)}.bfd-c[data-band=gold]{--frame: linear-gradient(150deg, #F5DB91 0%, #A88147 42%, #F8E198 60%, #8B6A2B 100%)}.bfd-c[data-band=holo]{--mx: 50%;--my: 30%;--frame: radial-gradient(circle at var(--mx) var(--my), rgba(255, 255, 255, .75), transparent 38%), var(--bfd-holo)}.bfd-c__panel{display:flex;flex-direction:column;gap:6px;height:100%;padding:9px;border-radius:9px;background:var(--bfd-stock)}.bfd-c__name{font:700 .8125rem/1.25 var(--font-body--family);color:var(--bfd-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}.bfd-c__art{position:relative;flex:1 1 0;min-height:0;border-radius:6px;background:#fff;overflow:hidden}.bfd-c__art img{position:absolute;top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%;object-fit:contain}.bfd-c__type{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;font:500 .6875rem/1.2 var(--font-body--family);color:var(--bfd-muted)}.bfd-c__type span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bfd-c__type i{font-style:normal;font-size:.8125rem;color:var(--bfd-gold)}.bfd-c[data-band=holo] .bfd-c__type i{background:var(--bfd-holo);-webkit-background-clip:text;background-clip:text;color:transparent}.bfd-c__price{margin:0;font:900 1.375rem/1 var(--font-heading--family);color:var(--bfd-gold-hi);font-variant-numeric:tabular-nums}.bfd-c__acts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bfd-c__acts button{min-height:38px;border-radius:8px;border:0;cursor:pointer;font:700 .8125rem/1 var(--font-body--family);transition:background-color .2s ease,color .2s ease,transform .16s var(--bfd-ease-out)}.bfd-c__acts button:active:not(:disabled){transform:scale(.97)}.bfd-c__keep{background:#ffffff14;color:var(--bfd-text);box-shadow:inset 0 0 0 1px #fff3}.bfd-c__keep[aria-pressed=true]{background:#f5db9129;color:var(--bfd-gold-hi);box-shadow:inset 0 0 0 1.5px var(--bfd-gold)}.bfd-c__add{background:var(--bfd-gold-ramp);color:#14100a}.bfd-c__add:disabled{opacity:.6;cursor:default}.bfd-c.is-kept .bfd-c__face{box-shadow:0 0 0 2px var(--bfd-gold-hi),0 18px 36px #0000008c}@media (min-width: 900px){.bfd-c.is-kept{transform:translateY(calc(var(--lift) - 14px)) rotate(var(--rot))}}.bfd-hand__bar{display:grid;gap:12px;align-items:center;margin-top:6px}@media (min-width: 900px){.bfd-hand__bar{grid-template-columns:1fr auto}}.bfd-hand__total{margin:0;font:500 1rem/1.4 var(--font-body--family);color:#e7e2d8}.bfd-hand__total b{font:900 1.25rem/1 var(--font-heading--family);color:var(--bfd-gold-hi)}.bfd-hand__total s{color:var(--bfd-muted)}.bfd-hand__acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media (max-width: 560px){.bfd-hand__acts .bfd-btn{flex:1 1 auto;padding:0 14px}}.bfd-sound{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;border:0;cursor:pointer;background:#ffffff0f;color:var(--bfd-muted);box-shadow:inset 0 0 0 1px #ffffff24}.bfd-sound[aria-pressed=false] .bfd-sound__on,.bfd-sound[aria-pressed=true] .bfd-sound__off{display:none}.bfd-hand__fine{margin:16px 0 0;max-width:48rem;font:400 .8125rem/1.5 var(--font-body--family);color:var(--bfd-muted)}.bfd-fly{position:fixed;z-index:2147483000;width:56px;height:78px;margin:0;padding:4px;inset:auto auto auto auto;border:0;border-radius:7px;overflow:hidden;pointer-events:none;background:var(--bfd-gold-ramp);box-shadow:0 10px 24px #00000059}.bfd-fly[popover]{inset:auto;left:0;top:0}.bfd-fly img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;background:#fff}.bfd-meter{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:var(--bfd-stock);color:var(--bfd-text)}.bfd-meter__slots{display:flex;gap:6px;margin:0;padding:0 0 14px;list-style:none}.bfd-meter__slots li{position:relative;width:26px;aspect-ratio:5 / 7;border-radius:4px;box-shadow:inset 0 0 0 1px #f5db9159}.bfd-meter__slots li.is-on{background:var(--bfd-gold-ramp);box-shadow:none;animation:bfd-slot .42s var(--bfd-ease-out) both;animation-delay:calc(var(--i) * 40ms)}.bfd-meter.is-full .bfd-meter__slots li.is-on{background:var(--bfd-holo)}.bfd-meter__slots small{position:absolute;left:50%;top:calc(100% + 3px);transform:translate(-50%);font:700 .625rem/1 var(--font-body--family);color:var(--bfd-gold-hi)}.bfd-meter__text{margin:0;font:500 .8125rem/1.4 var(--font-body--family);color:#e7e2d8}@keyframes bfd-slot{0%{transform:translateY(-6px) rotate(-6deg);opacity:.4}to{transform:none;opacity:1}}.bfd-toast{position:fixed;left:50%;bottom:20px;z-index:2147483001;max-width:min(92vw,420px);padding:12px 16px;border-radius:12px;background:var(--bfd-stock);color:var(--bfd-text);box-shadow:inset 0 0 0 1px #f5db9166,0 14px 34px #0006;font:500 .875rem/1.4 var(--font-body--family);opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .22s var(--bfd-ease-out),transform .22s var(--bfd-ease-out)}.bfd-toast.is-on{opacity:1;transform:translate(-50%);pointer-events:auto}.bfd-toast a{color:var(--bfd-gold-hi)}@keyframes bfd-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.bfd-deck.is-riffling .bfd-deck__half{animation:none}.bfd-c,.bfd-c:hover,.bfd-c.is-kept{transition:none}.bfd-meter__slots li.is-on{animation:bfd-fade .2s ease both}.bfd-hero__shuffle,.bfd-toast{transition:opacity .2s ease;transform:none}.bfd-toast{transform:translate(-50%)}}
