/* [bm_daily_cards] – scoped to .bm-cards. Three game cards (FUT style): metallic rim, dark
   face lit in the tier's colour, odds + stars, a football, name, three stats. GOLD in the
   middle, raised, with rays. Under each card, on a plate cut and rimmed like the card:
   status, price, track record, button.
   A bought card turns over (assets/js/cards.js): the back shows the ticket image. */

.bm-cards { width: 100%; color: #fff; font-family: var(--bm-body); }
.bm-cards *, .bm-cards *::before, .bm-cards *::after { box-sizing: border-box; }
.bm-cards :is(h3, p, ul, li) { margin: 0; padding: 0; }
.bm-cards ul { list-style: none; }

.bm-cards__notice { max-width: 640px; margin: 0 auto 24px !important; padding: 14px 18px !important; border: 1px solid rgba(255, 138, 28, .5); border-radius: 12px; background: rgba(42, 20, 0, .7); color: #ffd7a8; font-weight: 600; text-align: center; }
.bm-cards__note { margin-top: 26px !important; color: var(--bm-muted); font: 600 13px/1.5 var(--bm-hud); letter-spacing: .08em; text-align: center; text-shadow: var(--bm-halo); }

.bm-cards__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: clamp(16px, 3vw, 44px); max-width: 1080px; margin: clamp(56px, 6vw, 84px) auto 0; }
.bm-pack { display: grid; justify-items: center; gap: 12px; min-width: 0; text-align: center; }
.bm-pack--silver { order: 1; --tone: #cfd8e1; }
.bm-pack--gold { order: 2; transform: translateY(-34px); --tone: var(--bm-gold); }
.bm-pack--bronze { order: 3; --tone: #e09a5f; }

/* ---------- The card ---------- */
.bm-fut { --w: clamp(190px, 21vw, 270px); position: relative; width: var(--w); aspect-ratio: 5 / 7; margin-bottom: 8px; perspective: 900px; }
.bm-pack--gold .bm-fut { --w: clamp(220px, 25vw, 320px); }
.bm-fut__tilt { position: absolute; inset: 0; transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); transform-style: preserve-3d; transition: transform .25s ease-out; filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .6)) drop-shadow(0 0 26px var(--glow)); }
.bm-fut__shape, .bm-fut__face, .bm-fut__back { position: absolute; clip-path: polygon(0 7%, 13% 7%, 22% 0, 78% 0, 87% 7%, 100% 7%, 100% 87%, 50% 100%, 0 87%); }
.bm-fut__shape { inset: 0; background: var(--rim); }
.bm-fut__face { inset: 2.6%; overflow: hidden; background: var(--face); }
/* hexagon grid (like a stadium roof), fading towards the bottom, and two light streaks */
.bm-fut__face::before { content: ""; position: absolute; inset: 0;
	background:
		linear-gradient(115deg, transparent 38%, color-mix(in srgb, var(--accent) 22%, transparent) 46%, transparent 47%, transparent 52%, color-mix(in srgb, var(--accent) 12%, transparent) 56%, transparent 60%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48' viewBox='0 0 28 48'%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8zM14 32v16' fill='none' stroke='%23fff' stroke-opacity='.10' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 28px 48px;
	-webkit-mask: linear-gradient(180deg, #000 0, rgba(0, 0, 0, .55) 55%, transparent 90%); mask: linear-gradient(180deg, #000 0, rgba(0, 0, 0, .55) 55%, transparent 90%); }
.bm-fut__face::after { content: ""; position: absolute; inset: -40%; background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .7) 50%, transparent 60%); transform: translateX(-60%); animation: bm-shine 4.5s ease-in-out infinite; mix-blend-mode: overlay; }
@keyframes bm-shine { 0%, 55% { transform: translateX(-60%); } 85%, 100% { transform: translateX(60%); } }

.bm-fut__rating { position: absolute; top: 14%; left: 9%; z-index: 3; display: grid; justify-items: center; transform: translateZ(60px); }
.bm-fut__rating strong, .bm-cards .bm-fut__name { background: var(--metal); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .6)); }
.bm-fut__rating strong { font: 700 calc(var(--w) * .25)/.75 var(--bm-display); letter-spacing: -.01em; }
.bm-fut__rating span { margin-top: 4px; color: var(--muted-ink); font: 700 calc(var(--w) * .052)/1 var(--bm-hud); letter-spacing: .14em; }
.bm-fut__rating i { width: 70%; height: 2px; margin-top: 8px; background: var(--muted-ink); opacity: .4; }
.bm-fut__stars { margin-top: 6px; color: var(--accent); font: normal 700 calc(var(--w) * .055)/1 var(--bm-body); letter-spacing: .12em; text-shadow: 0 0 10px var(--accent); }

.bm-fut__art { position: absolute; z-index: 1; top: 16%; right: 6%; width: 44%; aspect-ratio: 1; transform: translateZ(30px); }
.bm-pack--gold .bm-fut__art { width: 46%; top: 15%; }
.bm-fut__art svg { position: relative; display: block; width: 100%; height: 100%; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .65)); animation: bm-float 5s ease-in-out infinite; }
@keyframes bm-float { 50% { transform: translateY(-5%) rotate(8deg); } }
.bm-fut__halo { position: absolute; inset: -16%; border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--accent) 45%, transparent) 0, transparent 62%), repeating-conic-gradient(color-mix(in srgb, var(--accent) 70%, transparent) 0 4deg, transparent 4deg 14deg);
	-webkit-mask: radial-gradient(circle, #000 0 52%, transparent 53% 60%, #000 61% 66%, transparent 67%); mask: radial-gradient(circle, #000 0 52%, transparent 53% 60%, #000 61% 66%, transparent 67%);
	animation: bm-spin-plain 18s linear infinite; }
@keyframes bm-spin-plain { to { transform: rotate(360deg); } }

.bm-cards .bm-fut__name { position: absolute; z-index: 2; left: 8%; right: 8%; top: 59%; padding-bottom: 4%; border-bottom: 1px solid color-mix(in srgb, var(--accent) 45%, transparent); font: 700 calc(var(--w) * .2)/.8 var(--bm-display); letter-spacing: .02em; text-align: center; text-transform: uppercase; transform: translateZ(40px); }
.bm-fut__stats { position: absolute; z-index: 2; left: 10%; right: 10%; top: 75%; display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; transform: translateZ(40px); }
.bm-fut__stats li { color: var(--muted-ink); font: 700 calc(var(--w) * .043)/1 var(--bm-hud); letter-spacing: .1em; text-transform: uppercase; }
.bm-fut__stats li + li { border-left: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); }
.bm-fut__stats li b { display: block; color: #fff; font: 700 calc(var(--w) * .1)/.9 var(--bm-display); }

/* Not on sale yet: dimmed, with the time / "Hamarosan" across. */
.bm-fut__lock { position: absolute; z-index: 4; top: 44%; left: 6%; right: 6%; padding: 8px 0; transform: rotate(-8deg) translateZ(70px); background: rgba(4, 10, 34, .85); box-shadow: 0 0 0 1px var(--accent); color: var(--accent); font: 700 calc(var(--w) * .1)/1 var(--bm-display); letter-spacing: .06em; text-transform: uppercase; }
.bm-pack:is(.is-soon, .is-scheduled) .bm-fut__face,
.bm-pack:is(.is-soon, .is-scheduled) :is(.bm-fut__rating, .bm-fut__art, .bm-fut__name, .bm-fut__stats) { filter: grayscale(.55) brightness(.6); }
.bm-pack.is-lost .bm-fut__tilt { filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .6)) grayscale(.6) brightness(.75); }
.bm-pack.is-won .bm-fut__tilt { filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .6)) drop-shadow(0 0 32px rgba(52, 211, 153, .7)); }

/* Tier palettes: metallic rim, dark face lit in the tier colour. */
.bm-fut--gold, .bm-pack--gold > .bm-pack__base { --rim: linear-gradient(160deg, #fff7c9, #f3c64f 28%, #8a5a0c 55%, #ffe28a 80%, #b9821c); --accent: #f6c453; --metal: linear-gradient(180deg, #fffbe6 15%, #f6c453 55%, #c08414); --muted-ink: #e8d29a; --glow: rgba(246, 196, 83, .6);
	--face: radial-gradient(90% 55% at 70% 22%, rgba(246, 196, 83, .55), transparent 62%), radial-gradient(80% 50% at 0 100%, rgba(255, 170, 40, .25), transparent 60%), linear-gradient(165deg, #3a2806 0%, #1b1203 55%, #2e1f05 100%); }
.bm-fut--silver, .bm-pack--silver > .bm-pack__base { --rim: linear-gradient(160deg, #fff, #cfd8e1 28%, #6c7884 55%, #f2f6f9 80%, #8b97a3); --accent: #cfe0f0; --metal: linear-gradient(180deg, #fff 15%, #d3dde6 55%, #8695a3); --muted-ink: #b9c6d3; --glow: rgba(190, 215, 240, .45);
	--face: radial-gradient(90% 55% at 70% 22%, rgba(190, 215, 240, .45), transparent 62%), radial-gradient(80% 50% at 0 100%, rgba(120, 160, 210, .22), transparent 60%), linear-gradient(165deg, #252f3b 0%, #121820 55%, #1f2832 100%); }
.bm-fut--bronze, .bm-pack--bronze > .bm-pack__base { --rim: linear-gradient(160deg, #ffdcb8, #d08a52 28%, #6a3613 55%, #f2b886 80%, #9a5a2c); --accent: #e7a06a; --metal: linear-gradient(180deg, #ffe9d4 15%, #e09a62 55%, #9a5422); --muted-ink: #e2b48f; --glow: rgba(208, 138, 82, .5);
	--face: radial-gradient(90% 55% at 70% 22%, rgba(231, 160, 106, .5), transparent 62%), radial-gradient(80% 50% at 0 100%, rgba(200, 100, 40, .22), transparent 60%), linear-gradient(165deg, #33190a 0%, #170b04 55%, #2a1408 100%); }

/* Walkout rays and ribbon on GOLD */
.bm-fut__rays { position: absolute; left: 50%; top: 45%; z-index: -1; width: 220%; aspect-ratio: 1; transform: translate(-50%, -50%); pointer-events: none;
	background: repeating-conic-gradient(from 0deg, rgba(255, 214, 110, .32) 0 6deg, transparent 6deg 18deg);
	-webkit-mask: radial-gradient(circle, #000 0, rgba(0, 0, 0, .6) 30%, transparent 62%); mask: radial-gradient(circle, #000 0, rgba(0, 0, 0, .6) 30%, transparent 62%);
	animation: bm-rays 26s linear infinite; }
@keyframes bm-rays { to { transform: translate(-50%, -50%) rotate(360deg); } }
.bm-fut__ribbon { position: absolute; z-index: 5; top: -14px; left: 50%; padding: 7px 16px; transform: translateX(-50%); clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%); background: linear-gradient(90deg, var(--bm-pink), var(--bm-violet)); color: #fff; font: 700 12px/1 var(--bm-hud); letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; }

/* ---------- Under the card: a plate in the card's metal, cut like the card, a notch under its point ---------- */
.bm-pack__base { --plate: polygon(0 16px, 16px 0, calc(50% - 30px) 0, 50% 14px, calc(50% + 30px) 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px)); position: relative; isolation: isolate; display: grid; justify-items: center; gap: 14px; width: min(100%, 300px); padding: 32px 22px 26px; filter: drop-shadow(0 20px 30px rgba(0, 0, 0, .55)) drop-shadow(0 0 16px var(--glow)); }
.bm-pack__base::before, .bm-pack__base::after { content: ""; position: absolute; z-index: -1; clip-path: var(--plate); }
.bm-pack__base::before { inset: 0; background: var(--rim); }
.bm-pack__base::after { inset: 2px; background: var(--face); }

.bm-cards .bm-pack__status { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px 7px 12px; border: 1px solid rgba(255, 255, 255, .16); border-radius: 999px; background: rgba(0, 0, 0, .32); color: #eef3ff; font: 700 12px/1 var(--bm-hud); letter-spacing: .14em; text-transform: uppercase; }
.bm-pack__status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--bm-muted); }
.bm-pack.is-live .bm-pack__status::before { background: var(--bm-green); box-shadow: 0 0 10px var(--bm-green); }
.bm-cards .bm-pack.is-owned .bm-pack__status { border-color: rgba(52, 211, 153, .5); color: #8ff0c8; }
.bm-pack.is-owned .bm-pack__status::before, .bm-pack.is-won .bm-pack__status::before { background: var(--bm-green); }
.bm-pack.is-lost .bm-pack__status::before { background: var(--bm-red); }
.bm-pack.is-scheduled .bm-pack__status::before { background: var(--bm-gold); }
/* The number sits exactly under the card's point; "Ft" hangs to its right, outside the centring. */
.bm-pack__price { position: relative; margin: 0; font: 700 44px/1 var(--bm-display); }
.bm-pack__price small { position: absolute; left: 100%; bottom: .4em; margin-left: 6px; color: #c9d6f5; font: 700 14px/1 var(--bm-hud); letter-spacing: .12em; }
.bm-cards .bm-pack__record { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border: 1px solid rgba(52, 211, 153, .4); border-radius: 999px; background: rgba(0, 0, 0, .32); color: #a5f5d3; font: 700 12px/1.3 var(--bm-hud); letter-spacing: .04em; }
.bm-pack__record::before { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8M15 7h6v6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8M15 7h6v6'/%3E%3C/svg%3E") center / contain no-repeat; }
.bm-pack__record-row:empty { display: none; }
.bm-pack__actions { display: grid; justify-items: center; gap: 10px; width: 100%; }
.bm-pack__button { width: 100%; min-width: 0; }
.bm-pack__open, .bm-pack__open:visited { color: var(--bm-cyan-soft); font: 700 13px/1 var(--bm-hud); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; }
.bm-pack__open:hover { color: #fff; }

/* ---------- Flip: the back shows the ticket ---------- */
.bm-flip-icon { --bm-flip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 15.5-6.2L21 8M21 3v5h-5M21 12a9 9 0 0 1-15.5 6.2L3 16M3 21v-5h5'/%3E%3C/svg%3E"); }
.bm-flip-icon::before { content: ""; order: 2; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--bm-flip-icon) center / contain no-repeat; mask: var(--bm-flip-icon) center / contain no-repeat; transition: transform .3s ease; }
.bm-flip-icon:hover::before { transform: rotate(180deg); }
.bm-fut__back { inset: 2.6%; z-index: 6; display: grid; place-items: center; overflow: hidden; background: #05080f; transform: translateZ(80px); }
.bm-fut__back[hidden] { display: none; }
.bm-pack.is-back .bm-fut__tilt > :not(.bm-fut__shape, .bm-fut__back, .bm-walkout__shine) { visibility: hidden; }
.bm-fut__ticket { position: absolute; inset: 0; display: block; cursor: zoom-in; }
.bm-fut__ticket img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }
.bm-fut__ticket::after { content: ""; position: absolute; left: 50%; bottom: 16%; width: 42px; height: 42px; margin-left: -21px; border-radius: 50%; background: rgba(4, 10, 34, .82) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m20 20-4.5-4.5M11 8v6M8 11h6'/%3E%3C/svg%3E") center / 20px no-repeat; box-shadow: 0 0 0 1px var(--accent); }
.bm-fut__ticket:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.bm-fut__back .bm-slip { position: absolute; inset: 0; }
.bm-fut__empty { padding: 0 14%; color: var(--muted-ink); font: 700 calc(var(--w) * .085)/1 var(--bm-display); letter-spacing: .03em; text-align: center; text-transform: uppercase; }
.bm-pack.is-revealed .bm-fut__tilt { animation: bm-fut-glow 1.4s ease-out; }
@keyframes bm-fut-glow {
	0% { filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .6)) drop-shadow(0 0 0 var(--glow)); }
	40% { filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .6)) drop-shadow(0 0 60px var(--glow)) brightness(1.2); }
	100% { filter: drop-shadow(0 24px 40px rgba(0, 0, 0, .6)) drop-shadow(0 0 26px var(--glow)); }
}

/* ---------- Pack opening (walkout): the first turn after buying, on top of the page ---------- */
.bm-pack.is-walking .bm-fut { visibility: hidden; }
.bm-walkout { --tone: #f6c453; position: fixed; inset: 0; z-index: 100000; overflow: hidden; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.bm-walkout--silver { --tone: #d6e6f7; }
.bm-walkout--bronze { --tone: #e7a06a; }
.bm-walkout > div { position: absolute; pointer-events: none; }
.bm-walkout__dim { inset: 0; background: radial-gradient(55% 60% at 50% 50%, color-mix(in srgb, var(--tone) 18%, #040a22) 0%, rgba(2, 5, 18, .95) 62%, rgba(1, 3, 12, .98) 100%); opacity: 0; transition: opacity .45s ease; }
.bm-walkout__beams { inset: 0; opacity: 0; transition: opacity .8s ease;
	background: radial-gradient(9% 75% at 50% 100%, color-mix(in srgb, var(--tone) 55%, transparent), transparent 72%), radial-gradient(5% 65% at 34% 100%, color-mix(in srgb, var(--tone) 30%, transparent), transparent 72%), radial-gradient(5% 65% at 66% 100%, color-mix(in srgb, var(--tone) 30%, transparent), transparent 72%), radial-gradient(4% 55% at 20% 100%, rgba(63, 240, 255, .22), transparent 72%), radial-gradient(4% 55% at 80% 100%, rgba(255, 63, 216, .22), transparent 72%); }
.bm-walkout__glow { left: 50%; top: 50%; width: 170vmax; aspect-ratio: 1; margin: -85vmax 0 0 -85vmax; opacity: 0; transform: scale(.5); transition: opacity .6s ease, transform 1.2s cubic-bezier(.2, .8, .2, 1);
	-webkit-mask: radial-gradient(circle, #000 0, rgba(0, 0, 0, .55) 14%, transparent 44%); mask: radial-gradient(circle, #000 0, rgba(0, 0, 0, .55) 14%, transparent 44%); }
.bm-walkout__rays { position: absolute; inset: 0; border-radius: 50%; background: repeating-conic-gradient(color-mix(in srgb, var(--tone) 60%, transparent) 0 4deg, transparent 4deg 13deg); animation: bm-spin-plain 26s linear infinite; }
.bm-walkout__ring { left: 50%; top: 50%; width: 46vmin; aspect-ratio: 1; margin: -23vmin 0 0 -23vmin; border: 3px solid var(--tone); border-radius: 50%; box-shadow: 0 0 34px var(--tone), inset 0 0 34px var(--tone); opacity: 0; }
.bm-walkout__sparks { left: 50%; top: 50%; width: 0; height: 0; }
.bm-walkout__sparks i { position: absolute; left: -1.5px; top: -9px; width: 3px; height: 18px; border-radius: 3px; background: var(--c); box-shadow: 0 0 10px var(--c); }
.bm-walkout__stage { left: 50%; top: 50%; }
.bm-walkout .bm-walkout__pack { display: block; width: 100%; height: 100%; transform: none; perspective: 1400px; will-change: transform; }
.bm-walkout .bm-fut { margin: 0; will-change: transform, filter; }
.bm-walkout .bm-fut__tilt { transition: filter .4s ease; }
.bm-walkout.is-charging .bm-fut__tilt { filter: drop-shadow(0 30px 50px rgba(0, 0, 0, .7)) drop-shadow(0 0 46px var(--tone)); }
.bm-walkout__shine { position: absolute; inset: 0; z-index: 9; clip-path: polygon(0 7%, 13% 7%, 22% 0, 78% 0, 87% 7%, 100% 7%, 100% 87%, 50% 100%, 0 87%); background: linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, .8) 50%, transparent 58%) 100% 0 / 300% 100% no-repeat; mix-blend-mode: overlay; transform: translateZ(90px); pointer-events: none; }
.bm-walkout__flash { inset: 0; background: radial-gradient(circle at 50% 50%, #fff 0, color-mix(in srgb, var(--tone) 70%, #fff) 14%, transparent 52%); opacity: 0; mix-blend-mode: screen; }
.bm-walkout__caption { left: 0; right: 0; top: max(18px, calc(50% - 31vh - 74px)); display: grid; justify-items: center; gap: 6px; text-align: center; opacity: 0; transform: translateY(14px) scale(.96); transition: opacity .5s ease .35s, transform .7s cubic-bezier(.2, .8, .2, 1) .35s; }
.bm-walkout__caption span { color: var(--tone); font: 700 13px/1 var(--bm-hud); letter-spacing: .4em; text-transform: uppercase; text-shadow: 0 0 14px var(--tone); }
.bm-walkout__caption strong { color: #fff; font: 700 clamp(30px, 5vw, 52px)/.9 var(--bm-display); letter-spacing: .03em; text-transform: uppercase; text-shadow: 0 0 24px color-mix(in srgb, var(--tone) 70%, transparent); }
.bm-walkout__skip { left: 0; right: 0; bottom: 26px; color: rgba(255, 255, 255, .5); font: 700 11px/1 var(--bm-hud); letter-spacing: .24em; text-align: center; text-transform: uppercase; opacity: 0; transition: opacity .4s ease 1s; }
.bm-walkout.is-on :is(.bm-walkout__dim, .bm-walkout__skip) { opacity: 1; }
.bm-walkout.is-on .bm-walkout__beams { opacity: .55; }
.bm-walkout.is-on .bm-walkout__glow { opacity: .35; transform: scale(.8); }
.bm-walkout.is-charging .bm-walkout__beams { opacity: 1; }
.bm-walkout.is-charging .bm-walkout__glow { opacity: .6; transform: scale(.95); }
.bm-walkout.is-spinning .bm-walkout__rays { animation-duration: 3s; }
.bm-walkout.is-revealed .bm-walkout__glow { opacity: 1; transform: scale(1.1); }
.bm-walkout.is-revealed .bm-walkout__caption { opacity: 1; transform: none; }
.bm-walkout.is-leaving { pointer-events: none; }
.bm-walkout.is-leaving > div:not(.bm-walkout__stage) { opacity: 0 !important; transition: opacity .45s ease; }

/* ---------- Phones ---------- */
@media (max-width: 720px) {
	.bm-cards__grid { grid-template-columns: 1fr 1fr; row-gap: 46px; }
	.bm-pack--gold { grid-column: 1 / -1; order: 0; transform: none; }
	.bm-fut { --w: clamp(140px, 42vw, 200px); }
	.bm-pack--gold .bm-fut { --w: min(72vw, 290px); }
	.bm-pack__base { gap: 12px; padding: 28px 12px 18px; }
	.bm-pack__button { padding-inline: 14px; font-size: 15px; }
	.bm-pack__flip { gap: 6px; padding-inline: 8px; font-size: 13px; letter-spacing: .02em; }
	.bm-pack__flip::before { width: 15px; height: 15px; }
	.bm-pack__price { font-size: 36px; }
	.bm-cards .bm-pack__record { padding: 5px 9px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
	.bm-fut__face::after, .bm-fut__art svg, .bm-fut__halo, .bm-fut__rays { animation: none; }
	.bm-fut__tilt { transition: none; }
	.bm-pack.is-revealed .bm-fut__tilt { animation: none; }
}