/* ==========================================================================
   WIKI Cards — "Midnight Archive" design system
   Shared by every artboard. Type comes from Alex's projects (see fonts.js).
   ========================================================================== */

@property --spin { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

/* === FONTS START (WikiCards type: Overused Grotesk, self-hosted; Geist Mono loads from Google Fonts) === */
@font-face { font-family: "Overused Grotesk"; src: url("fonts/OverusedGrotesk-VF.woff2") format("woff2"); font-weight: 300 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Overused Grotesk"; src: url("fonts/OverusedGrotesk-SemiBoldItalic.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
/* === FONTS END === */













:root {
  --bg: #09090b;
  --bg-2: #0d0c10;
  --surface: #131217;
  --surface-2: #19181e;
  --surface-3: #222028;
  --line: rgba(246, 239, 226, 0.08);
  --line-2: rgba(246, 239, 226, 0.14);
  --line-3: rgba(246, 239, 226, 0.22);
  --text: #f4efe6;
  --text-2: #bdb6aa;
  --text-3: #938c81;
  --gold-1: #fdecc0;
  --gold-2: #edc977;
  --gold-3: #cf9f45;
  --gold-4: #8a6522;
  --up: #6ee2b1;
  --down: #ff9a74;
  --t-common: #e8e1d3;
  --t-rare: #bcd6ec;
  --t-epic: #b7a0ff;
  --t-legendary: #f1c65f;
  --t-mythic: #ffd6ef;
  --serif: "Overused Grotesk", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;
  --sans: "Overused Grotesk", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --spring: cubic-bezier(.34, 1.56, .64, 1);
  --prism: linear-gradient(115deg, #ff9ec7 0%, #ffd27a 16%, #9ff0c8 32%, #8fd3ff 48%, #b9a2ff 64%, #ff9ec7 80%, #ffd27a 100%);
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
button, a { font: inherit; color: inherit; }
button { cursor: pointer; }
a { text-decoration: none; }
:focus-visible { outline: 2px solid var(--gold-2); outline-offset: 3px; border-radius: 6px; }
.num { font-variant-numeric: tabular-nums; }
.serif { font-family: var(--serif); font-weight: 400; letter-spacing: -0.01em; }
.mono { font-family: var(--mono); }
.eyebrow {
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--text-3);
}
.grain::after {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .06; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}

/* ------------------------------------------------------------------ buttons */
.btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  height: 48px; padding: 0 22px; border-radius: 999px; border: 0; white-space: nowrap;
  font-size: 15px; font-weight: 500; letter-spacing: -0.005em; transition: transform .2s var(--ease), box-shadow .3s var(--ease), background .3s;
}
.btn:active { transform: translateY(1px) scale(.985); }
.btn--gold {
  color: #1d1406;
  background: linear-gradient(180deg, #fff1c9 0%, #f3d488 38%, #e2b458 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(120,80,20,.35), 0 1px 2px rgba(0,0,0,.4), 0 10px 30px -8px rgba(233, 184, 90, .55);
}
.btn--gold:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(120,80,20,.35), 0 1px 2px rgba(0,0,0,.4), 0 14px 38px -8px rgba(233, 184, 90, .75); }
.btn--glass {
  color: var(--text); background: rgba(255,255,255,.045); border: 1px solid var(--line-2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter: blur(10px);
}
.btn--glass:hover { background: rgba(255,255,255,.08); }
.btn--sm { height: 36px; padding: 0 14px; font-size: 13px; }
.btn--lg { height: 56px; padding: 0 28px; font-size: 16px; }
.btn .price { font-family: var(--mono); font-size: .86em; opacity: .75; }

/* ------------------------------------------------------------------ chips & pills */
.chip {
  display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 12px; border-radius: 999px;
  font-size: 12.5px; color: var(--text-2); background: rgba(255,255,255,.04); border: 1px solid var(--line);
}
.pill { display: inline-flex; align-items: center; gap: 4px; font-family: var(--mono); font-size: 12px; padding: 3px 7px; border-radius: 6px; }
.pill--up { color: var(--up); background: rgba(110, 226, 177, .1); }
.pill--down { color: var(--down); background: rgba(255, 154, 116, .1); }
.pill svg { width: 10px; height: 10px; }
.tier-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }

/* ------------------------------------------------------------------ top nav */
.nav {
  display: flex; align-items: center; justify-content: space-between; height: 72px; padding: 0 40px;
  border-bottom: 1px solid var(--line); position: relative; z-index: 5;
}
.logo { display: flex; align-items: baseline; gap: 8px; }
.logo b { font-family: var(--serif); font-weight: 400; font-size: 30px; letter-spacing: .02em; line-height: 1; }
.logo i { font-style: normal; font-family: var(--mono); font-size: 10px; letter-spacing: .28em; color: var(--gold-2); text-transform: uppercase; }
.nav__links { display: flex; gap: 6px; }
.nav__link { height: 36px; padding: 0 14px; display: flex; align-items: center; border-radius: 999px; font-size: 14px; color: var(--text-2); }
.nav__link:hover { color: var(--text); background: rgba(255,255,255,.04); }
.nav__link.is-on { color: var(--text); background: rgba(255,255,255,.07); }
.wallet { display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 6px 0 14px; border-radius: 999px; background: rgba(255,255,255,.04); border: 1px solid var(--line); font-size: 13px; }
.wallet .bal { font-family: var(--mono); color: var(--text); }
.wallet .avatar { width: 28px; height: 28px; border-radius: 50%; background: conic-gradient(from 200deg, #f3d488, #8fd3ff, #b9a2ff, #ff9ec7, #f3d488); box-shadow: inset 0 0 0 2px rgba(0,0,0,.35); }

/* ==========================================================================
   THE CARD
   Size with --w on .wc. 1em = --w / 18.75 (16px at 300px wide).
   Pointer-driven vars on .wc: --mx --my (0-100%), --rx --ry (deg), --hyp (0-1), --act (0/1)
   ========================================================================== */
.wc {
  --w: 300px;
  --mx: 50%; --my: 50%; --nx: 0; --ny: 0; --rx: 0deg; --ry: 0deg; --hyp: 0; --act: 0;
  width: var(--w); height: calc(var(--w) * 1.4); position: relative; flex: none;
  font-size: calc(var(--w) / 18.75); perspective: 70em; touch-action: pan-y; -webkit-tap-highlight-color: transparent;
}
.wc__tilt {
  position: absolute; inset: 0; transform-style: preserve-3d;
  transform: rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);
  will-change: transform;
}
.wc__flip { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform 1s cubic-bezier(.2,.9,.25,1); }
.wc.is-flipped .wc__flip { transform: rotateY(180deg); }
.wc.no-anim .wc__flip { transition: none; }
.wc__face {
  position: absolute; inset: 0; border-radius: .95em; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden;
  box-shadow: 0 .05em .1em rgba(0,0,0,.5), 0 .6em 1.2em -.3em rgba(0,0,0,.55), 0 1.8em 3.4em -1em rgba(0,0,0,.7);
  transform: translateZ(.01px);
}
.wc__back { transform: rotateY(180deg) translateZ(.01px); }

/* frame (foil band) sits under the body */
.wc__frame { position: absolute; inset: 0; border-radius: inherit; }
.wc__body {
  position: absolute; inset: .56em; border-radius: .62em; overflow: hidden;
  display: flex; flex-direction: column;
}

/* header */
.wc__head { display: flex; align-items: center; gap: .5em; padding: .72em .78em .5em .86em; min-height: 2.9em; }
.wc__title {
  flex: 1; min-width: 0; margin: 0; font-family: var(--serif); font-weight: 400; font-size: 1.5em; line-height: 1;
  letter-spacing: -.012em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: .06em;
}
.wc__title.is-long { font-size: 1.22em; }
.wc__title.is-xlong { font-size: 1.04em; }
.wc__gem { width: 1.3em; height: 1.3em; flex: none; display: grid; place-items: center; }
.wc__gem svg { width: 100%; height: 100%; overflow: visible; }

/* art window */
.wc__art {
  position: relative; margin: 0 .62em; height: 12.7em; border-radius: .42em; overflow: hidden; flex: none;
  background: #050507;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.04);
}
.wc__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.wc__art img.is-contain { object-fit: contain; }
.wc__art::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 -2.4em 2.4em -2em rgba(0,0,0,.35);
}
.wc__art-holo {
  position: absolute; inset: 0; pointer-events: none; mix-blend-mode: color-dodge; opacity: 0;
  background-image: var(--prism), repeating-linear-gradient(55deg, rgba(255,255,255,.0) 0 .25em, rgba(255,255,255,.12) .25em .32em);
  background-size: 260% 260%, 100% 100%;
  background-position: calc(var(--mx) * 1.2 - 10%) calc(var(--my) * 1.2 - 10%), 0 0;
  filter: saturate(1.25) brightness(.9);
  transition: opacity .5s var(--ease);
}
.wc__badge {
  position: absolute; top: .55em; left: .55em; z-index: 2; height: 1.5em; padding: 0 .55em; border-radius: .4em;
  display: flex; align-items: center; font-family: var(--mono); font-size: .62em; letter-spacing: .16em; text-transform: uppercase;
  color: #0f1a12; background: linear-gradient(180deg, #d9ffe9, #8ff0c1); box-shadow: 0 .2em .6em rgba(0,0,0,.35);
}

/* text blocks */
.wc__desc {
  margin: .7em .95em 0; font-family: var(--serif); font-style: italic; font-size: .9em; line-height: 1.2;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.4em;
}
.wc__rule { position: relative; height: 1px; margin: .62em .95em .1em; }
.wc__rule::before { content: ""; position: absolute; inset: 0; background: currentColor; opacity: .18; }
.wc__rule::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: .42em; height: .42em; transform: translate(-50%, -50%) rotate(45deg);
  background: currentColor; opacity: .55;
}
.wc__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: .45em .7em 0; }
.wc__stat { text-align: center; padding: .2em 0; }
.wc__stat + .wc__stat { border-left: 1px solid currentColor; border-left-color: color-mix(in srgb, currentColor 14%, transparent); }
.wc__stat .v { display: block; font-family: var(--serif); font-weight: 400; font-size: 1.16em; line-height: 1.05; letter-spacing: -.01em; }
.wc__stat .k { display: block; margin-top: .28em; font-family: var(--sans); font-size: .5em; letter-spacing: .16em; text-transform: uppercase; opacity: .62; }
.wc__foot {
  margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: .5em;
  padding: 0 .9em .42em; font-family: var(--mono); font-size: .56em; letter-spacing: .08em; text-transform: uppercase;
}
.wc__foot .serial { letter-spacing: .04em; font-weight: 500; }
.wc__foot .set { opacity: .6; }
.wc__credit {
  margin: 0; padding: .45em .95em .62em; border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent);
  font-family: var(--sans); font-size: .4em; line-height: 1.3; letter-spacing: .02em; opacity: .5;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* overlays */
.wc__holo, .wc__sparkle, .wc__glare { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
.wc__glare {
  z-index: 6; mix-blend-mode: overlay;
  background: radial-gradient(farthest-corner circle at var(--mx) var(--my), rgba(255,255,255,.62) 0%, rgba(255,255,255,.14) 28%, rgba(0,0,0,.22) 88%);
  opacity: calc(.12 + var(--act) * .68);
}
.wc__holo { z-index: 4; opacity: 0; }
.wc__sparkle { z-index: 5; opacity: 0; }

/* compact variant (grids) */
.wc--compact .wc__desc, .wc--compact .wc__rule, .wc--compact .wc__stats, .wc--compact .wc__credit { display: none; }
.wc--compact .wc__art { height: auto; flex: 1; margin-bottom: .62em; }
.wc--compact .wc__title { font-size: 1.62em; }
.wc--compact .wc__foot { font-size: .64em; padding-bottom: .66em; }

/* ------------------------------------------------------------------ COMMON: archival paper */
.wc--common .wc__frame {
  background:
    radial-gradient(120% 80% at 20% 0%, rgba(255,255,255,.55), transparent 60%),
    linear-gradient(160deg, #f2ecdf, #ddd3c0);
}
.wc--common .wc__body { background: #f8f4ea; color: #1f1b15; box-shadow: inset 0 0 0 1px rgba(60,45,20,.12); }
.wc--common .wc__body::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .47  0 0 0 0 .35  0 0 0 .09 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>");
}
.wc--common .wc__gem { color: #8b8170; }
.wc--common .wc__foot .tier { color: #8b8170; }

/* ------------------------------------------------------------------ RARE: brushed silver */
.wc--rare .wc__frame {
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, rgba(0,0,0,.04) 1px 3px),
    linear-gradient(calc(120deg + var(--nx) * 40deg), #7f8b98 0%, #eef3f7 18%, #9ba7b3 36%, #f7fafc 52%, #8994a1 70%, #dde5ec 86%, #7c8794 100%);
}
.wc--rare .wc__body { background: linear-gradient(180deg, #f5f8fa, #e9eef2); color: #141a21; box-shadow: inset 0 0 0 1px rgba(20,40,60,.14); }
.wc--rare .wc__gem { color: #5d7f9e; }
.wc--rare .wc__foot .tier { color: #4f7394; }
.wc--rare .wc__art-holo { opacity: calc(var(--act) * .55); }

/* ------------------------------------------------------------------ EPIC: violet night foil */
.wc--epic .wc__frame {
  background:
    radial-gradient(90% 60% at var(--mx) var(--my), rgba(255,255,255,.35), transparent 55%),
    linear-gradient(135deg, #2a1f55 0%, #8a6dff 24%, #2f2468 44%, #c1adff 62%, #3a2b78 80%, #7d64f0 100%);
}
.wc--epic .wc__body {
  background: radial-gradient(120% 70% at 50% 0%, #2a2352 0%, #171331 55%, #100d24 100%);
  color: #f1edff; box-shadow: inset 0 0 0 1px rgba(183,160,255,.22);
}
.wc--epic .wc__gem { color: var(--t-epic); }
.wc--epic .wc__foot .tier { color: var(--t-epic); }
.wc--epic .wc__art-holo { opacity: calc(.08 + var(--act) * .5); }
.wc--epic .wc__holo {
  opacity: calc(.18 + var(--act) * .42 + var(--hyp) * .2); mix-blend-mode: color-dodge;
  background-image:
    repeating-linear-gradient(125deg, rgba(255,120,190,.0) 0%, rgba(255,120,190,.35) 4%, rgba(255,220,120,.3) 8%, rgba(120,255,200,.3) 12%, rgba(110,190,255,.35) 16%, rgba(190,140,255,.35) 20%, rgba(255,120,190,.0) 24%);
  background-size: 300% 300%;
  background-position: var(--mx) var(--my);
  -webkit-mask-image: linear-gradient(#000, #000); mask-image: linear-gradient(#000, #000);
}

/* ------------------------------------------------------------------ LEGENDARY: gold leaf on black lacquer */
.wc--legendary .wc__frame {
  background:
    repeating-radial-gradient(circle at 50% 50%, rgba(90,60,10,.0) 0 .18em, rgba(90,60,10,.16) .18em .22em),
    linear-gradient(calc(125deg + var(--nx) * 50deg), #6f4d12 0%, #f6dc93 16%, #b88a2e 32%, #fff3c9 48%, #a8781f 64%, #f1d27d 80%, #7a5516 100%);
}
.wc--legendary .wc__body {
  background: radial-gradient(130% 80% at 50% 0%, #22190c 0%, #120e08 50%, #0a0806 100%);
  color: #f7ecd3; box-shadow: inset 0 0 0 1px rgba(241,198,95,.28), inset 0 0 0 .22em rgba(0,0,0,.4), inset 0 0 0 calc(.22em + 1px) rgba(241,198,95,.16);
}
.wc--legendary .wc__title {
  background: linear-gradient(180deg, #fff3cf 0%, #f2cf78 55%, #c99738 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.wc--legendary .wc__gem { color: var(--t-legendary); }
.wc--legendary .wc__foot .tier, .wc--legendary .wc__foot .serial { color: var(--t-legendary); }
.wc--legendary .wc__art { box-shadow: inset 0 0 0 1px rgba(241,198,95,.45), 0 0 0 1px rgba(0,0,0,.6); }
.wc--legendary .wc__art-holo { opacity: calc(.06 + var(--act) * .4); }
.wc--legendary .wc__holo {
  opacity: calc(.14 + var(--act) * .34 + var(--hyp) * .18); mix-blend-mode: color-dodge;
  background-image:
    linear-gradient(calc(110deg + var(--ny) * 60deg), transparent 30%, rgba(255,236,170,.55) 45%, rgba(255,255,255,.7) 50%, rgba(255,214,120,.5) 55%, transparent 70%);
  background-size: 250% 250%; background-position: var(--mx) var(--my);
}
.wc--legendary .wc__sparkle {
  opacity: calc(.28 + var(--act) * .6); mix-blend-mode: color-dodge;
  background-image:
    radial-gradient(circle at 12% 18%, #fff 0 .05em, transparent .12em),
    radial-gradient(circle at 76% 12%, #fff6d8 0 .04em, transparent .1em),
    radial-gradient(circle at 42% 64%, #fff 0 .045em, transparent .11em),
    radial-gradient(circle at 88% 58%, #ffe9b0 0 .05em, transparent .12em),
    radial-gradient(circle at 24% 86%, #fff 0 .04em, transparent .1em),
    radial-gradient(circle at 64% 90%, #fff3cc 0 .05em, transparent .12em);
  background-size: 7em 7em; background-position: calc(var(--mx) * -.4) calc(var(--my) * -.4);
  filter: drop-shadow(0 0 .12em rgba(255,230,160,.9));
}

/* ------------------------------------------------------------------ MYTHIC: full art, prismatic */
.wc--mythic .wc__face.wc__front { background: #020205; }
.wc--mythic .wc__frame {
  inset: 0; z-index: 7; pointer-events: none;
  padding: .3em; border-radius: inherit;
  background: conic-gradient(from var(--spin), #ff9ec7, #ffd27a, #9ff0c8, #8fd3ff, #b9a2ff, #ff9ec7);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: wc-spin 9s linear infinite; filter: saturate(1.1) brightness(1.05);
}
@keyframes wc-spin { to { --spin: 360deg; } }
.wc--mythic .wc__body { inset: 0; border-radius: inherit; background: transparent; color: #fff; }
.wc--mythic .wc__art { position: absolute; inset: 0; margin: 0; height: auto; border-radius: 0; background: #020205; box-shadow: none; }
.wc--mythic .wc__art::after { box-shadow: none; background: linear-gradient(180deg, rgba(2,2,5,.72) 0%, rgba(2,2,5,0) 22%, rgba(2,2,5,0) 48%, rgba(2,2,5,.9) 74%, #020205 100%); }
.wc--mythic .wc__art-holo { opacity: calc(.22 + var(--act) * .35); }
.wc--mythic .wc__head, .wc--mythic .wc__desc, .wc--mythic .wc__rule, .wc--mythic .wc__stats, .wc--mythic .wc__foot, .wc--mythic .wc__credit { position: relative; z-index: 3; }
.wc--mythic .wc__head { padding: 1.05em 1.1em .5em 1.15em; }
.wc--mythic .wc__title { font-size: 1.75em; text-shadow: 0 .06em .5em rgba(0,0,0,.6); }
.wc--mythic .wc__desc { margin-top: auto; color: rgba(255,255,255,.86); }
.wc--mythic .wc__gem { color: #fff; filter: drop-shadow(0 0 .3em rgba(255,210,240,.9)); }
.wc--mythic .wc__foot { margin-top: 0; padding-top: .35em; }
.wc--mythic .wc__foot .tier { background: var(--prism); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 600; }
.wc--mythic .wc__credit { border-top-color: rgba(255,255,255,.12); }
.wc--mythic .wc__holo {
  opacity: calc(.26 + var(--act) * .34 + var(--hyp) * .2); mix-blend-mode: color-dodge;
  background-image:
    repeating-linear-gradient(calc(118deg + var(--nx) * 30deg), rgba(255,130,190,0) 0%, rgba(255,130,190,.3) 3%, rgba(255,220,130,.28) 6%, rgba(140,255,205,.28) 9%, rgba(120,200,255,.3) 12%, rgba(200,150,255,.3) 15%, rgba(255,130,190,0) 18%),
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.35), transparent 40%);
  background-size: 400% 400%, 100% 100%; background-position: var(--mx) var(--my), 0 0;
}
.wc--mythic .wc__sparkle {
  opacity: calc(.4 + var(--act) * .5); mix-blend-mode: screen;
  background-image:
    radial-gradient(circle at 10% 30%, #fff 0 .04em, transparent .1em),
    radial-gradient(circle at 70% 18%, #ffe0f3 0 .05em, transparent .12em),
    radial-gradient(circle at 36% 52%, #e3f5ff 0 .035em, transparent .09em),
    radial-gradient(circle at 86% 44%, #fff 0 .045em, transparent .11em),
    radial-gradient(circle at 18% 78%, #fff3d6 0 .04em, transparent .1em),
    radial-gradient(circle at 58% 70%, #fff 0 .03em, transparent .08em);
  background-size: 6.3em 6.3em; background-position: calc(var(--mx) * -.5) calc(var(--my) * -.5);
  filter: drop-shadow(0 0 .14em rgba(255,255,255,.95));
}

/* ------------------------------------------------------------------ CARD BACK */
.wc__back {
  background:
    radial-gradient(70% 50% at 50% 42%, rgba(237,201,119,.16), transparent 70%),
    radial-gradient(120% 90% at 50% 40%, #14203a 0%, #0b1122 55%, #070a14 100%);
}
.wc__back-frame { position: absolute; inset: .56em; border-radius: .62em; border: 1px solid rgba(237,201,119,.45); box-shadow: inset 0 0 0 .22em rgba(0,0,0,.25), inset 0 0 0 calc(.22em + 1px) rgba(237,201,119,.22); }
.wc__back svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.wc__back-word {
  position: absolute; left: 0; right: 0; bottom: 2.1em; text-align: center; font-family: var(--serif); font-size: 1.3em; letter-spacing: .32em;
  color: var(--gold-2); padding-left: .32em;
}
.wc__back-sub { position: absolute; left: 0; right: 0; bottom: 1.25em; text-align: center; font-family: var(--mono); font-size: .5em; letter-spacing: .3em; color: rgba(237,201,119,.6); text-transform: uppercase; padding-left: .3em; }
.wc__back .wc__glare { opacity: calc(.1 + var(--act) * .5); }
.wc__back-sheen {
  position: absolute; inset: 0; mix-blend-mode: color-dodge; opacity: calc(.12 + var(--act) * .3); pointer-events: none;
  background: linear-gradient(calc(115deg + var(--nx) * 50deg), transparent 35%, rgba(255,226,160,.4) 48%, rgba(255,255,255,.55) 50%, rgba(255,226,160,.35) 52%, transparent 65%);
  background-size: 250% 250%; background-position: var(--mx) var(--my);
}

/* glow halo used behind hero / reveal cards */
.wc__halo {
  position: absolute; inset: -18%; z-index: -1; border-radius: 50%; pointer-events: none; filter: blur(2.2em); opacity: .55;
  transform: translateZ(-1px);
}
.wc--legendary .wc__halo { background: radial-gradient(closest-side, rgba(241,198,95,.55), transparent); }
.wc--mythic .wc__halo { background: conic-gradient(from 0deg, rgba(255,158,199,.5), rgba(255,210,122,.5), rgba(159,240,200,.5), rgba(143,211,255,.5), rgba(185,162,255,.5), rgba(255,158,199,.5)); }
.wc--epic .wc__halo { background: radial-gradient(closest-side, rgba(183,160,255,.45), transparent); }
.wc--rare .wc__halo { background: radial-gradient(closest-side, rgba(188,214,236,.3), transparent); }
.wc--common .wc__halo { background: radial-gradient(closest-side, rgba(232,225,211,.18), transparent); }

@media (prefers-reduced-motion: reduce) {
  .wc--mythic .wc__frame { animation: none; }
}

/* image fit helpers */
.wc__art img.is-pad { object-fit: contain; padding: 1.7em; }
.wc__art.is-pad { background: radial-gradient(circle at 50% 44%, #33230a 0%, #120d06 62%, #0a0805 100%); }
.wc__art.is-contain img { object-fit: contain; }
.wc { isolation: isolate; }

/* ==========================================================================
   Foil refinements (v2): moving specular band, star glints in the light
   ========================================================================== */
.wc--rare .wc__frame {
  background:
    linear-gradient(calc(118deg + var(--nx) * 60deg), rgba(255,255,255,0) 34%, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 66%) 0 0 / 300% 300% no-repeat,
    repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0 1px, rgba(0,0,0,.05) 1px 3px),
    linear-gradient(150deg, #6c7886 0%, #e3eaf0 20%, #8793a0 38%, #f6f9fb 52%, #77838f 68%, #d2dbe3 84%, #69747f 100%);
  background-position: var(--mx) var(--my), 0 0, 0 0;
}
.wc--epic .wc__frame {
  background:
    linear-gradient(calc(118deg + var(--nx) * 60deg), rgba(255,255,255,0) 34%, rgba(236,226,255,.8) 50%, rgba(255,255,255,0) 66%) 0 0 / 300% 300% no-repeat,
    linear-gradient(135deg, #2a1f55 0%, #8a6dff 24%, #2f2468 44%, #c1adff 62%, #3a2b78 80%, #7d64f0 100%);
  background-position: var(--mx) var(--my), 0 0;
}
.wc--legendary .wc__frame {
  background:
    linear-gradient(calc(118deg + var(--nx) * 60deg), rgba(255,255,255,0) 32%, rgba(255,248,222,.8) 47%, #fffdf3 50%, rgba(255,241,200,.75) 53%, rgba(255,255,255,0) 68%) 0 0 / 300% 300% no-repeat,
    linear-gradient(148deg, #9c6d1c 0%, #f6dd95 17%, #d4a543 33%, #fff0c2 49%, #c3902c 65%, #f3d582 81%, #a97a22 100%);
  background-position: var(--mx) var(--my), 0 0;
}
.wc--legendary .wc__frame::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; mix-blend-mode: multiply; opacity: .55;
  background: repeating-linear-gradient(45deg, rgba(120,80,20,.16) 0 1px, transparent 1px 5px), repeating-linear-gradient(-45deg, rgba(120,80,20,.1) 0 1px, transparent 1px 5px);
}
.wc--legendary .wc__body { background: radial-gradient(130% 80% at 50% 0%, #251c0d 0%, #130f08 52%, #0b0906 100%); }

.wc--legendary .wc__sparkle, .wc--mythic .wc__sparkle {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96'><g fill='white'><path d='M16 9 17.1 14.9 23 16 17.1 17.1 16 23 14.9 17.1 9 16 14.9 14.9Z'/><path d='M66 24 66.8 27.2 70 28 66.8 28.8 66 32 65.2 28.8 62 28 65.2 27.2Z'/><path d='M80 70 80.6 72.4 83 73 80.6 73.6 80 76 79.4 73.6 77 73 79.4 72.4Z'/><circle cx='42' cy='58' r='1'/><circle cx='26' cy='84' r='.8'/><circle cx='88' cy='42' r='.7'/><circle cx='56' cy='88' r='.6'/></g></svg>");
  background-size: 5.8em 5.8em; background-repeat: repeat;
  background-position: calc(var(--mx) * -.35) calc(var(--my) * -.35);
  mix-blend-mode: screen; filter: none;
  -webkit-mask-image: radial-gradient(circle at var(--mx) var(--my), #000 0%, rgba(0,0,0,.55) 22%, transparent 52%);
  mask-image: radial-gradient(circle at var(--mx) var(--my), #000 0%, rgba(0,0,0,.55) 22%, transparent 52%);
}
.wc--legendary .wc__sparkle { opacity: calc(.15 + var(--act) * .85); }
.wc--mythic .wc__sparkle { opacity: calc(.3 + var(--act) * .7); background-size: 4.6em 4.6em; }

.wc--legendary .wc__art-holo {
  background-image: linear-gradient(calc(115deg + var(--nx) * 60deg), transparent 34%, rgba(255,236,190,.6) 50%, transparent 66%);
  background-size: 250% 250%; background-position: var(--mx) var(--my); mix-blend-mode: soft-light; filter: none;
  opacity: calc(.12 + var(--act) * .7);
}
.wc--epic .wc__art-holo { opacity: calc(.05 + var(--act) * .32); }
.wc--legendary .wc__holo {
  mix-blend-mode: screen; opacity: calc(.06 + var(--act) * .34);
  background-image: linear-gradient(calc(110deg + var(--ny) * 60deg), transparent 34%, rgba(255,238,196,.28) 45%, rgba(255,250,235,.45) 50%, rgba(255,232,180,.26) 55%, transparent 66%);
  background-size: 260% 260%; background-position: var(--mx) var(--my);
}

/* ==========================================================================
   THE PACK
   ========================================================================== */
.pk {
  --w: 300px; --mx: 50%; --my: 50%; --nx: 0; --ny: 0; --rx: 0deg; --ry: 0deg; --act: 0; --tp: 0;
  width: var(--w); height: calc(var(--w) * 1.58); position: relative; font-size: calc(var(--w) / 18.75);
  perspective: 80em; isolation: isolate; -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none;
}
.pk__float { position: absolute; inset: 0; animation: pk-float 5.5s ease-in-out infinite; }
@keyframes pk-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-.55em); } }
.pk__tilt { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateX(var(--rx)) rotateY(var(--ry)); }
.pk__shadow {
  position: absolute; left: 12%; right: 12%; bottom: -2.2em; height: 1.6em; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0,0,0,.75), transparent); filter: blur(.4em); animation: pk-shadow 5.5s ease-in-out infinite;
}
@keyframes pk-shadow { 0%, 100% { transform: scale(1); opacity: .9; } 50% { transform: scale(.9); opacity: .7; } }
.pk__wrap {
  position: absolute; inset: 0;
  -webkit-mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / .72em 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / .72em 51% repeat-x;
  mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / .72em 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / .72em 51% repeat-x;
  filter: drop-shadow(0 1.4em 2em rgba(0,0,0,.6));
}
.pk__foil {
  position: absolute; inset: 0;
  background:
    radial-gradient(70% 40% at 50% 44%, rgba(237,201,119,.18), transparent 70%),
    repeating-linear-gradient(97deg, rgba(255,255,255,.035) 0 .08em, transparent .08em 1.1em),
    repeating-linear-gradient(8deg, rgba(0,0,0,.18) 0 .06em, transparent .06em 2.3em),
    radial-gradient(120% 80% at 50% 30%, #1c2a4d 0%, #0d1428 52%, #070a15 100%);
}
.pk__sheen {
  position: absolute; inset: 0; mix-blend-mode: color-dodge; opacity: calc(.22 + var(--act) * .45); pointer-events: none;
  background-image: repeating-linear-gradient(calc(122deg + var(--nx) * 40deg), rgba(255,130,190,0) 0%, rgba(255,130,190,.28) 4%, rgba(255,220,130,.26) 8%, rgba(140,255,205,.26) 12%, rgba(120,200,255,.28) 16%, rgba(200,150,255,.28) 20%, rgba(255,130,190,0) 24%);
  background-size: 320% 320%; background-position: var(--mx) var(--my);
}
.pk__glare { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: overlay; background: radial-gradient(farthest-corner circle at var(--mx) var(--my), rgba(255,255,255,.55), rgba(255,255,255,.08) 30%, rgba(0,0,0,.3) 90%); opacity: calc(.25 + var(--act) * .6); }
.pk__crimp { position: absolute; left: 0; right: 0; height: 1.5em; background: repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 .12em, rgba(0,0,0,.25) .12em .36em); }
.pk__crimp--top { top: 0; } .pk__crimp--bot { bottom: 0; }
.pk__content { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; color: var(--gold-2); text-align: center; }
.pk__strip { position: absolute; left: 0; right: 0; top: 0; height: 4.1em; z-index: 3; transform-origin: 100% 100%; transform: translateY(calc(var(--tp) * -.3em)) rotate(calc(var(--tp) * -5deg)); cursor: grab; touch-action: none; }
.pk__strip:active { cursor: grabbing; }
.pk__perf { position: absolute; left: .9em; right: .9em; top: 4.1em; height: 0; border-top: 1px dashed rgba(237,201,119,.55); z-index: 3; }
.pk__rip {
  position: absolute; left: .6em; top: calc(4.1em - .12em); height: .24em; z-index: 4; width: calc((100% - 1.2em) * var(--tp));
  background: linear-gradient(90deg, rgba(255,240,200,.2), #fff6dc); box-shadow: 0 0 .6em .1em rgba(255,226,160,.8), 0 0 1.6em .3em rgba(255,210,120,.45); border-radius: .2em;
}
.pk__tear-hint { position: absolute; right: 1.1em; top: 1.35em; font-family: var(--mono); font-size: .52em; letter-spacing: .28em; color: rgba(237,201,119,.8); display: flex; align-items: center; gap: .6em; }
.pk__tear-hint i { display: block; width: 2.2em; height: 1px; background: currentColor; position: relative; }
.pk__tear-hint i::after { content: ""; position: absolute; right: -.1em; top: -.28em; width: .56em; height: .56em; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); }
.pk__brand { position: absolute; left: 1.1em; top: 1.15em; display: flex; align-items: baseline; gap: .5em; }
.pk__brand b { font-family: var(--serif); font-weight: 400; font-size: 1.25em; letter-spacing: .26em; color: var(--gold-1); }
.pk__brand span { font-family: var(--mono); font-size: .48em; letter-spacing: .3em; color: rgba(237,201,119,.7); }
.pk__art { position: absolute; left: 0; right: 0; top: 5.2em; height: 12.6em; }
.pk__art svg { width: 100%; height: 100%; }
.pk__title {
  position: absolute; left: 0; right: 0; top: 13.7em; font-family: var(--serif); font-style: italic; font-size: 3.9em; line-height: 1; letter-spacing: -.02em;
  background: linear-gradient(180deg, #fff6d9 0%, #f4d584 45%, #c9953a 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 .06em .18em rgba(0,0,0,.6));
}
.pk__sub { position: absolute; left: 0; right: 0; top: 21.2em; font-family: var(--mono); font-size: .56em; letter-spacing: .34em; text-transform: uppercase; color: rgba(237,201,119,.78); }
.pk__gems { position: absolute; left: 0; right: 0; bottom: 3.1em; display: flex; justify-content: center; gap: .55em; }
.pk__gems i { width: .5em; height: .5em; border-radius: 50%; display: block; }
.pk__foot { position: absolute; left: 0; right: 0; bottom: 1.85em; font-family: var(--sans); font-size: .5em; letter-spacing: .2em; text-transform: uppercase; color: rgba(237,201,119,.55); }
.pk__price { position: absolute; left: 1.1em; bottom: 4.6em; font-family: var(--mono); font-size: .56em; letter-spacing: .12em; color: var(--gold-1); border: 1px solid rgba(237,201,119,.4); border-radius: .5em; padding: .35em .6em; }
.pk__count { position: absolute; right: 1.1em; bottom: 4.6em; font-family: var(--mono); font-size: .56em; letter-spacing: .12em; color: var(--gold-1); border: 1px solid rgba(237,201,119,.4); border-radius: .5em; padding: .35em .6em; }
.pk__light {
  position: absolute; left: -30%; right: -30%; top: -60%; height: 70%; z-index: 0; pointer-events: none; opacity: 0;
  background: conic-gradient(from 180deg at 50% 100%, transparent 0deg, rgba(255,226,160,.0) 140deg, rgba(255,226,160,.55) 165deg, rgba(255,250,230,.9) 180deg, rgba(255,226,160,.55) 195deg, rgba(255,226,160,0) 220deg, transparent 360deg);
  filter: blur(.4em); mix-blend-mode: screen;
}
.pk.is-torn .pk__strip { animation: pk-strip-fly .9s cubic-bezier(.3,.6,.3,1) forwards; }
@keyframes pk-strip-fly { to { transform: translate(38%, -160%) rotate(28deg); opacity: 0; } }
.pk.is-torn .pk__rip { opacity: 0; transition: opacity .3s; }
.pk.is-torn .pk__light { animation: pk-light 1.4s ease-out .15s forwards; }
@keyframes pk-light { 0% { opacity: 0; transform: scaleY(.3); } 40% { opacity: 1; } 100% { opacity: .85; transform: scaleY(1); } }
.pk.is-gone { animation: pk-drop .8s cubic-bezier(.5,0,.75,0) forwards; }
@keyframes pk-drop { to { transform: translateY(70%) scale(.92); opacity: 0; } }

/* ==========================================================================
   STAGE (pack opening)
   ========================================================================== */
.stage { position: relative; overflow: hidden; background: #060609; color: var(--text); }
.stage__spot { position: absolute; inset: 0; pointer-events: none; background:
  radial-gradient(38% 55% at 50% 38%, rgba(237,201,119,.14), transparent 70%),
  radial-gradient(60% 80% at 50% 0%, rgba(120,110,160,.18), transparent 70%),
  radial-gradient(90% 60% at 50% 100%, rgba(0,0,0,.9), transparent 70%); }
.stage__floor { position: absolute; left: 50%; bottom: 7%; width: 56%; height: 16%; transform: translateX(-50%); border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, rgba(237,201,119,.12), rgba(237,201,119,.03) 60%, transparent); }
.stage__canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 30; }
.stage__vignette { position: absolute; inset: 0; pointer-events: none; z-index: 29; background: radial-gradient(120% 90% at 50% 45%, transparent 55%, rgba(0,0,0,.65) 100%); }
.stage__bar { position: absolute; left: 0; right: 0; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; padding: 22px 32px; }
.stage__hint {
  display: inline-flex; align-items: center; gap: 10px; height: 38px; padding: 0 16px; border-radius: 999px; font-size: 13.5px; color: var(--text-2);
  background: rgba(255,255,255,.04); border: 1px solid var(--line); backdrop-filter: blur(8px);
}
.stage__hint b { color: var(--text); font-weight: 500; }
.hint-arrow { width: 26px; height: 1px; background: var(--gold-2); position: relative; animation: hint-nudge 1.6s ease-in-out infinite; }
.hint-arrow::after { content: ""; position: absolute; right: -1px; top: -3.5px; width: 7px; height: 7px; border-top: 1px solid var(--gold-2); border-right: 1px solid var(--gold-2); transform: rotate(45deg); }
@keyframes hint-nudge { 0%, 100% { transform: translateX(-3px); } 50% { transform: translateX(4px); } }
.icon-btn { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.04); border: 1px solid var(--line); color: var(--text-2); }
.icon-btn:hover { color: var(--text); background: rgba(255,255,255,.08); }
.icon-btn svg { width: 18px; height: 18px; }

/* reveal slots */
.slot { position: absolute; left: 50%; top: 50%; transition: transform .75s cubic-bezier(.2,.85,.25,1), opacity .5s; will-change: transform; }
.slot.is-top { z-index: 20; }
.slot.is-hit-pending .wc__tilt { animation: hit-shake .9s ease-in-out; }
@keyframes hit-shake { 0%,100% { transform: rotateX(var(--rx)) rotateY(var(--ry)); } 15% { transform: rotate(-1.5deg); } 30% { transform: rotate(1.8deg); } 45% { transform: rotate(-2.2deg); } 60% { transform: rotate(2.4deg); } 75% { transform: rotate(-1.4deg); } }
.fx { position: absolute; left: 50%; top: 50%; pointer-events: none; z-index: 10; }
.fx__rays { position: absolute; width: 1400px; height: 1400px; left: -700px; top: -700px; border-radius: 50%; opacity: 0; transform: scale(.4);
  -webkit-mask: radial-gradient(closest-side, #000 20%, transparent 70%); mask: radial-gradient(closest-side, #000 20%, transparent 70%); }
.fx__ring { position: absolute; width: 300px; height: 300px; left: -150px; top: -150px; border-radius: 50%; opacity: 0; border: 2px solid currentColor; }
.fx.is-on .fx__rays { animation: fx-rays-in .9s cubic-bezier(.2,.8,.2,1) forwards, fx-spin 22s linear infinite; }
.fx.is-on .fx__ring { animation: fx-ring 1.1s cubic-bezier(.1,.7,.2,1) forwards; }
@keyframes fx-rays-in { to { opacity: 1; transform: scale(1); } }
@keyframes fx-spin { to { rotate: 360deg; } }
@keyframes fx-ring { 0% { opacity: .9; transform: scale(.6); } 100% { opacity: 0; transform: scale(3.4); } }
.fx--legendary { color: #f6d27a; } .fx--legendary .fx__rays { background: repeating-conic-gradient(from 0deg, rgba(246,210,122,.34) 0deg 5deg, rgba(246,210,122,0) 5deg 15deg); }
.fx--mythic { color: #ffd6ef; } .fx--mythic .fx__rays { background: repeating-conic-gradient(from 0deg, rgba(255,158,199,.3) 0deg 4deg, rgba(0,0,0,0) 4deg 10deg, rgba(143,211,255,.3) 10deg 14deg, rgba(0,0,0,0) 14deg 20deg, rgba(255,210,122,.3) 20deg 24deg, rgba(0,0,0,0) 24deg 30deg); }
.fx--epic { color: #b7a0ff; } .fx--epic .fx__rays { background: repeating-conic-gradient(from 0deg, rgba(183,160,255,.22) 0deg 5deg, rgba(183,160,255,0) 5deg 18deg); }
.fx--rare { color: #bcd6ec; } .fx--rare .fx__rays { background: none; }
.flash { position: absolute; inset: 0; background: #fff; opacity: 0; pointer-events: none; z-index: 35; }
.flash.is-on { animation: flash 1.1s ease-out forwards; }
@keyframes flash { 0% { opacity: 0; } 8% { opacity: .92; } 100% { opacity: 0; } }
.reveal-title { position: absolute; left: 0; right: 0; text-align: center; z-index: 25; pointer-events: none; opacity: 0; transform: translateY(12px); transition: opacity .6s .35s, transform .8s .35s var(--ease); }
.reveal-title.is-on { opacity: 1; transform: none; }
.reveal-title .t { font-family: var(--serif); font-style: italic; line-height: 1; letter-spacing: -.02em; }
.reveal-title .s { margin-top: 10px; font-family: var(--mono); font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--text-2); }
.t--legendary { background: linear-gradient(180deg, #fff4d2, #f0c865 60%, #b8842a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.t--mythic { background: var(--prism); -webkit-background-clip: text; background-clip: text; color: transparent; }
.t--epic { color: #cbb9ff; } .t--rare { color: #d3e4f3; } .t--common { color: #efe7d8; }
.caption { position: absolute; left: 0; right: 0; text-align: center; z-index: 25; transition: opacity .4s; }
.tier-chip { display: inline-flex; align-items: center; gap: 8px; height: 28px; padding: 0 12px; border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; border: 1px solid currentColor; }
.tier-chip i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; display: block; }
.c-common { color: var(--t-common); } .c-rare { color: var(--t-rare); } .c-epic { color: var(--t-epic); } .c-legendary { color: var(--t-legendary); } .c-mythic { color: var(--t-mythic); }
.odds { width: 250px; padding: 18px 18px 14px; border-radius: 16px; background: rgba(255,255,255,.03); border: 1px solid var(--line); backdrop-filter: blur(10px); }
.odds__row { display: flex; align-items: center; justify-content: space-between; padding: 7px 0; font-size: 13px; color: var(--text-2); }
.odds__row + .odds__row { border-top: 1px solid var(--line); }
.odds__row .name { display: flex; align-items: center; gap: 10px; color: var(--text); }
.odds__row .v { font-family: var(--mono); font-size: 12px; }

/* pack layout v2: positions in % of the pack so child font sizes don't skew them */
.pk__art { top: 16.5%; height: 40%; left: 4%; right: 4%; }
.pk__title { top: 55.5%; font-size: 3.7em; }
.pk__sub { top: 71.5%; }
.pk__gems { bottom: 17.2%; }
.pk__price { left: 6.5%; bottom: 7.4%; }
.pk__count { right: 6.5%; bottom: 7.4%; }
.pk__foot { bottom: 4.6%; }
.pk__tear-hint { right: 6.2%; top: 4.9%; }
.pk__brand { left: 6%; top: 3.9%; }
.pk__foil {
  background:
    radial-gradient(70% 40% at 50% 44%, rgba(237,201,119,.16), transparent 70%),
    repeating-linear-gradient(97deg, rgba(255,255,255,.018) 0 .08em, transparent .08em 1.3em),
    repeating-linear-gradient(8deg, rgba(0,0,0,.12) 0 .06em, transparent .06em 2.6em),
    radial-gradient(120% 80% at 50% 30%, #1c2a4d 0%, #0d1428 52%, #070a15 100%);
}
.pk__sheen { opacity: calc(.1 + var(--act) * .42); }
.pk__tilt { transition: transform .18s ease-out; }

/* ==========================================================================
   PAGE SCAFFOLD (store, vault, market)
   ========================================================================== */
.page { position: relative; overflow: hidden; background: var(--bg); color: var(--text); }
.aura { position: absolute; inset: 0; pointer-events: none; background:
  radial-gradient(34% 26% at 50% 14%, rgba(237,201,119,.13), transparent 70%),
  radial-gradient(30% 30% at 18% 30%, rgba(150,125,255,.10), transparent 70%),
  radial-gradient(28% 26% at 84% 32%, rgba(110,200,220,.07), transparent 70%); }
.rays { position: absolute; left: 50%; top: 0; width: 2600px; height: 1500px; transform: translateX(-50%); pointer-events: none; opacity: .9;
  background: repeating-conic-gradient(from 180deg at 50% 62%, rgba(255,240,210,.05) 0deg .35deg, transparent .35deg 6deg);
  -webkit-mask: radial-gradient(48% 52% at 50% 62%, #000 0%, rgba(0,0,0,.5) 45%, transparent 75%); mask: radial-gradient(48% 52% at 50% 62%, #000 0%, rgba(0,0,0,.5) 45%, transparent 75%); }
.fade-bottom { position: absolute; left: 0; right: 0; pointer-events: none; background: linear-gradient(180deg, rgba(9,9,11,0), var(--bg) 78%); }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--up); box-shadow: 0 0 0 0 rgba(110,226,177,.6); animation: pulse 2s infinite; display: inline-block; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(110,226,177,.55); } 70% { box-shadow: 0 0 0 9px rgba(110,226,177,0); } 100% { box-shadow: 0 0 0 0 rgba(110,226,177,0); } }
.h-display { margin: 0; font-family: var(--serif); font-weight: 400; letter-spacing: -.025em; line-height: .96; }
.h-display em { font-style: italic; background: linear-gradient(180deg, #fff3d0 0%, #f0cd7a 55%, #c9953a 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .06em; }
.lede { margin: 0; font-size: 18px; line-height: 1.6; color: var(--text-2); text-wrap: pretty; }
.panel { border-radius: 20px; background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)); border: 1px solid var(--line); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.section-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.section-h h2 { margin: 0; font-family: var(--serif); font-weight: 400; font-size: 44px; letter-spacing: -.02em; line-height: 1; }
.section-h p { margin: 6px 0 0; color: var(--text-2); font-size: 15px; }
.bar { height: 6px; border-radius: 99px; background: rgba(255,255,255,.06); overflow: hidden; }
.bar > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #c9953a, #f3d488); box-shadow: 0 0 12px rgba(243,212,136,.5); }
.row { display: grid; align-items: center; gap: 16px; padding: 12px 20px; }
.row + .row { border-top: 1px solid var(--line); }
.row:hover { background: rgba(255,255,255,.02); }
.thumb { width: 40px; height: 56px; border-radius: 6px; object-fit: cover; display: block; background: #050507; box-shadow: 0 0 0 1.5px var(--tc, var(--line-2)), 0 6px 14px -4px rgba(0,0,0,.6); }
.thumb.is-contain { object-fit: contain; }
.addr { font-family: var(--mono); font-size: 12.5px; color: var(--text-3); }
.name { font-family: var(--serif); font-size: 21px; line-height: 1.1; letter-spacing: -.01em; }
.tag { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; }
.tag i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; display: block; }
.ten { position: relative; border-radius: 16px; padding: 18px 18px 16px; min-height: 148px; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)); overflow: hidden; }
.ten::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(255,158,199,.5), rgba(255,210,122,.4), rgba(159,240,200,.35), rgba(143,211,255,.45), rgba(185,162,255,.5));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); opacity: .55; pointer-events: none; }
.ten.is-hot::before { opacity: 1; }
.ten img { position: absolute; right: -26px; top: -26px; width: 120px; height: 120px; object-fit: cover; border-radius: 50%; opacity: .9; }
.pips { display: flex; gap: 5px; }
.pips i { width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(255,255,255,.28); display: block; }
.pips i.on { border: 0; background: conic-gradient(#ff9ec7, #ffd27a, #9ff0c8, #8fd3ff, #b9a2ff, #ff9ec7); box-shadow: 0 0 8px rgba(255,210,240,.6); }
.foot-note { font-size: 12.5px; line-height: 1.6; color: var(--text-3); }
.spark { width: 88px; height: 28px; display: block; overflow: visible; }

/* ==========================================================================
   VAULT
   ========================================================================== */
.stat-tile { border-radius: 20px; padding: 22px 24px; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)); border: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; }
.showcase { position: relative; border-radius: 28px; overflow: hidden; border: 1px solid var(--line);
  background:
    radial-gradient(30% 60% at 50% 18%, rgba(255,236,190,.16), transparent 70%),
    radial-gradient(22% 50% at 22% 20%, rgba(255,236,190,.08), transparent 70%),
    radial-gradient(22% 50% at 78% 20%, rgba(255,236,190,.08), transparent 70%),
    linear-gradient(180deg, #0e0d11 0%, #0a0a0d 62%, #111016 100%); }
.showcase__beam { position: absolute; top: -40px; width: 360px; height: 560px; transform: translateX(-50%); pointer-events: none;
  background: linear-gradient(180deg, rgba(255,240,205,.14), rgba(255,240,205,0) 85%); clip-path: polygon(38% 0, 62% 0, 100% 100%, 0 100%); filter: blur(6px); }
.showcase__shelf { position: absolute; left: 60px; right: 60px; bottom: 96px; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,236,190,.28), transparent); }
.showcase__floor { position: absolute; left: 0; right: 0; bottom: 0; height: 96px; background: linear-gradient(180deg, rgba(255,255,255,.025), transparent); }
.plaque { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.plaque .v { font-family: var(--mono); font-size: 13px; color: var(--text-2); }
.set-slot { width: 104px; height: 146px; border-radius: 9px; position: relative; flex: none; }
.set-slot img { width: 100%; height: 100%; object-fit: cover; border-radius: 9px; display: block; background: #050507; box-shadow: 0 0 0 2px var(--tc, var(--line-2)), 0 10px 22px -8px rgba(0,0,0,.7); }
.set-slot img.is-contain { object-fit: contain; }
.set-slot.is-missing { border: 1.5px dashed rgba(246,239,226,.18); background: repeating-linear-gradient(135deg, rgba(255,255,255,.015) 0 6px, transparent 6px 12px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 10px; text-align: center; }
.set-slot.is-missing .q { font-family: var(--serif); font-size: 30px; color: rgba(246,239,226,.22); line-height: 1; }
.set-slot.is-missing .n { font-family: var(--serif); font-size: 15px; color: var(--text-3); line-height: 1.1; }
.set-slot .ok { position: absolute; right: -6px; top: -6px; width: 20px; height: 20px; border-radius: 50%; background: var(--up); color: #07140e; display: grid; place-items: center; box-shadow: 0 0 0 3px var(--bg); }
.set-slot .ok svg { width: 11px; height: 11px; }
.tabs { display: flex; gap: 6px; padding: 5px; border-radius: 999px; background: rgba(255,255,255,.03); border: 1px solid var(--line); }
.tab { height: 36px; padding: 0 14px; border-radius: 999px; border: 0; background: none; color: var(--text-2); font-size: 13.5px; display: inline-flex; align-items: center; gap: 8px; }
.tab .n { font-family: var(--mono); font-size: 11.5px; color: var(--text-3); }
.tab:hover { color: var(--text); }
.tab.is-on { background: rgba(255,255,255,.09); color: var(--text); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.tab.is-on .n { color: var(--text-2); }
.grid-card { display: flex; flex-direction: column; gap: 12px; position: relative; }
.qty { position: absolute; top: -8px; right: -8px; z-index: 5; min-width: 30px; height: 26px; padding: 0 8px; border-radius: 999px; display: grid; place-items: center; font-family: var(--mono); font-size: 12px; color: var(--text); background: #1d1c22; border: 1px solid var(--line-2); box-shadow: 0 6px 14px -4px rgba(0,0,0,.6); }

/* ==========================================================================
   MARKET (card detail)
   ========================================================================== */
.crumbs { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--text-3); }
.crumbs a:hover { color: var(--text); }
.crumbs .sep { opacity: .5; }
.stage-panel { position: relative; border-radius: 28px; overflow: hidden; border: 1px solid var(--line);
  background: radial-gradient(46% 42% at 50% 36%, rgba(241,198,95,.18), transparent 70%), radial-gradient(80% 60% at 50% 0%, rgba(255,255,255,.05), transparent 60%), linear-gradient(180deg, #0f0e12, #09090c 70%, #121117); }
.stage-panel__floor { position: absolute; left: 12%; right: 12%; bottom: 70px; height: 60px; border-radius: 50%; background: radial-gradient(closest-side, rgba(0,0,0,.8), transparent); filter: blur(6px); }
.copy-chip { height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; gap: 6px; font-family: var(--mono); font-size: 12px; color: var(--text-2); background: rgba(255,255,255,.03); border: 1px solid var(--line); }
.copy-chip.is-you { color: #1d1406; background: linear-gradient(180deg, #fff1c9, #e2b458); border-color: transparent; }
.copy-chip.is-listed { color: var(--text); border-color: rgba(241,198,95,.45); }
.range { display: flex; gap: 4px; }
.range button { height: 30px; padding: 0 11px; border-radius: 8px; border: 0; background: none; color: var(--text-3); font-family: var(--mono); font-size: 12px; }
.range button.is-on { background: rgba(255,255,255,.08); color: var(--text); }
.kv { display: flex; flex-direction: column; gap: 6px; }
.kv .k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--text-3); }
.kv .v { font-family: var(--serif); font-size: 28px; line-height: 1; }
.chart-tip { position: absolute; top: 8px; transform: translateX(-50%); padding: 6px 10px; border-radius: 8px; background: #1b1a20; border: 1px solid var(--line-2); font-family: var(--mono); font-size: 12px; white-space: nowrap; pointer-events: none; }

/* ==========================================================================
   TYPE SYSTEM (switchable from the Tweaks panel)
   --serif display family, --ds size scale, --dls tracking, --dw weight, --di italic, --dst width
   ========================================================================== */
:root { --ds: 0.77; --dls: -0.035em; --dw: 500; --di: normal; --dst: 100%; --descf: var(--sans); --descs: normal; --dsd: 0.86; }
.serif, .h-display, .section-h h2, .name, .kv .v, .wc__title, .wc__stat .v, .pk__title, .pk__brand b, .pk__brand em, .reveal-title .t, .set-slot .q, .set-slot .n, .wc__back-word, .logo b, .logo em {
  font-family: var(--serif); font-weight: var(--dw); font-stretch: var(--dst);
}
.h-display, .section-h h2, .wc__title, .logo b, .logo em, .name { letter-spacing: var(--dls); }
.h-display em, .pk__title, .reveal-title .t, .logo em, .wc__back-word em, .pk__brand em { font-style: var(--di); }
.wc__desc { font-family: var(--descf); font-style: var(--descs); font-size: calc(.9em * var(--dsd)); font-weight: 400; font-stretch: normal; }
.wc__title { font-size: calc(1.5em * var(--ds)); }
.wc__title.is-long { font-size: calc(1.22em * var(--ds)); }
.wc__title.is-xlong { font-size: calc(1.04em * var(--ds)); }
.wc--compact .wc__title { font-size: calc(1.62em * var(--ds)); }
.wc--compact .wc__title.is-long { font-size: calc(1.3em * var(--ds)); }
.wc--compact .wc__title.is-xlong { font-size: calc(1.1em * var(--ds)); }
.wc--mythic .wc__title { font-size: calc(1.75em * var(--ds)); }
.wc__stat .v { font-size: calc(1.16em * var(--ds)); }
.pk__title { font-size: calc(3.7em * var(--ds)); }
.section-h h2 { font-size: calc(44px * var(--ds)); }
.name { font-size: calc(21px * var(--ds)); }
.kv .v { font-size: calc(28px * var(--ds)); }
.set-slot .q { font-size: calc(30px * var(--ds)); }
.set-slot .n { font-size: calc(15px * var(--ds)); }

/* WikiCards wordmark */
.logo { gap: 0; }
.logo b, .logo em { font-size: calc(29px * var(--ds)); line-height: 1; }
.logo em { background: linear-gradient(180deg, #fff3d0, #f0cd7a 55%, #c9953a); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .05em; }
.wc__back-word { font-size: calc(1.35em * var(--ds)); letter-spacing: .02em; padding-left: 0; }
.wc__back-word em { background: linear-gradient(180deg, #fff3d0, #f0cd7a 55%, #c9953a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pk__brand b, .pk__brand em { font-size: calc(1.2em * var(--ds)); letter-spacing: .01em; color: var(--gold-1); }
.pk__brand em { background: linear-gradient(180deg, #fff3d0, #f0cd7a 55%, #c9953a); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .04em; }
.pk__brand { gap: 0; }
.page, .stage, .wc { font-family: var(--sans); }

/* ==========================================================================
   PACK OPENING v2: a foil bag that really tears, cards that slide out of it
   Transforms marked "engine" are written every frame by the component, never by React.
   ========================================================================== */
.stage { --glow-rgb: 255 240 214; --amb: 255 240 214; }
.cam { position: absolute; inset: 0; transform-origin: 50% 46%; will-change: transform; }
.stage__ambient { position: absolute; inset: 0; pointer-events: none; opacity: 0; mix-blend-mode: screen; transition: opacity 1.4s ease;
  background: radial-gradient(40% 46% at 50% 46%, rgb(var(--amb) / .26), transparent 72%), radial-gradient(90% 60% at 50% 100%, rgb(var(--amb) / .12), transparent 70%); }
.stage__ambient.is-on { opacity: 1; }
.stage__ambient.is-hot { opacity: 1; transition-duration: .25s; background: radial-gradient(46% 52% at 50% 46%, rgb(var(--amb) / .42), transparent 74%), radial-gradient(90% 60% at 50% 100%, rgb(var(--amb) / .18), transparent 70%); }

/* the pack group: engine moves .pk2__mv (drop, recoil); .pk2 carries the light vars */
.pk2-pos { position: absolute; left: 50%; top: 50%; width: 0; height: 0; z-index: 20; }
.pk2__mv { position: absolute; left: 0; top: 0; will-change: transform, opacity; }
.pk2__shadow { position: absolute; left: calc(var(--w) * -.4); width: calc(var(--w) * .8); top: calc(var(--w) * .82); height: calc(var(--w) * .15); border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0,0,0,.75), transparent); filter: blur(12px); animation: pk-shadow 5.5s ease-in-out infinite; pointer-events: none; }
.pk2 { position: absolute; left: calc(var(--w) / -2); top: calc(var(--w) * -.875); width: var(--w); height: calc(var(--w) * 1.75); perspective: 1100px;
  touch-action: none; cursor: grab; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; outline: none; }
.pk2:active { cursor: grabbing; }
.pk2:focus-visible::after { content: ""; position: absolute; inset: -10px; border-radius: 14px; border: 2px solid var(--gold-2); pointer-events: none; }
.pk2.is-open { pointer-events: none; }
.pk2__float { position: absolute; inset: 0; transform-style: preserve-3d; animation: pk2-float 5.5s ease-in-out infinite; }
@keyframes pk2-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
.pk2.is-tearing .pk2__float, .pk2.is-open .pk2__float { animation-play-state: paused; }
.pk2__tilt { position: absolute; inset: 0; transform-style: preserve-3d; transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)); }
.pk2__layer { position: absolute; left: 0; top: 0; width: var(--w); height: calc(var(--w) * 1.75); }
.pk2__layer--strip { z-index: 2; }
.pk2__flapwrap { position: absolute; inset: 0; z-index: 3; will-change: transform; filter: drop-shadow(0 5px 6px rgba(24,10,48,.32)); }
.pk2__edge { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2; }
.pk2__edge polyline { fill: none; stroke: #fffaf2; stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.pk2__lip { position: absolute; top: 0; width: 0; height: calc(var(--w) * .075); pointer-events: none; z-index: 1;
  background: linear-gradient(180deg, rgba(26,12,46,.62), rgba(26,12,46,.18) 45%, rgba(26,12,46,0)); }
/* light leaking out of the opening, tinted by the best card inside */
.pk2__seam { position: absolute; top: 0; width: 0; height: 3px; margin-top: -1.5px; border-radius: 3px; z-index: 5; pointer-events: none; opacity: 0;
  background: linear-gradient(90deg, rgb(var(--glow-rgb) / .2), rgb(255 255 255 / .98) 50%, rgb(var(--glow-rgb) / .2));
  box-shadow: 0 0 6px 1px rgb(var(--glow-rgb) / .95), 0 0 22px 6px rgb(var(--glow-rgb) / .55), 0 0 60px 14px rgb(var(--glow-rgb) / .25); }
.pk2__glowin { position: absolute; top: 0; width: 0; height: calc(var(--w) * .56); margin-top: calc(var(--w) * -.34); z-index: 4; pointer-events: none; opacity: 0; mix-blend-mode: screen;
  background: radial-gradient(50% 50% at 50% 60%, rgb(var(--glow-rgb) / .95), rgb(var(--glow-rgb) / .38) 42%, rgb(var(--glow-rgb) / 0) 72%); filter: blur(3px); }
.pk2__spark { position: absolute; left: 0; top: 0; width: 34px; height: 34px; margin: -17px 0 0 -17px; z-index: 6; pointer-events: none; opacity: 0;
  background: radial-gradient(closest-side, #fff 0 12%, rgb(var(--glow-rgb) / .8) 30%, rgb(var(--glow-rgb) / 0) 100%); }
/* affordance: a light that runs along the tear line, and a pulsing start point */
.pk2__hintline { position: absolute; left: 3%; right: 3%; height: 2px; margin-top: -1px; overflow: hidden; z-index: 6; pointer-events: none; transition: opacity .3s; }
.pk2__hintline::after { content: ""; position: absolute; top: 0; bottom: 0; width: 28%; left: -30%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.98), transparent); animation: pk2-hint 2.6s cubic-bezier(.45,0,.25,1) infinite 1s; }
@keyframes pk2-hint { 0% { left: -30%; } 62%, 100% { left: 104%; } }
.pk2__notch { position: absolute; left: -9px; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; z-index: 6; pointer-events: none; transition: opacity .3s;
  background: radial-gradient(circle, #fff 0 20%, rgba(255,240,214,.7) 34%, rgba(255,240,214,0) 66%); animation: pk2-notch 1.8s ease-in-out infinite; }
@keyframes pk2-notch { 0%, 100% { transform: scale(.75); opacity: .6; } 50% { transform: scale(1.3); opacity: 1; } }
.pk2.is-tearing .pk2__hintline, .pk2.is-open .pk2__hintline, .pk2.is-started .pk2__hintline,
.pk2.is-tearing .pk2__notch, .pk2.is-open .pk2__notch, .pk2.is-started .pk2__notch { opacity: 0; }

/* rays that pour out of the opening (behind the cards; the engine moves .beams-pos with the bag) */
.beams-pos { position: absolute; left: 50%; top: 50%; width: 0; height: 0; z-index: 9; will-change: transform, opacity; }
.beams { position: absolute; left: 50%; top: 0; width: 1100px; height: 820px; margin-left: -550px; pointer-events: none; opacity: 0; z-index: 12; mix-blend-mode: screen;
  transform-origin: 50% 100%; transition: opacity 1s ease;
  background: repeating-conic-gradient(from 180deg at 50% 100%, rgb(var(--glow-rgb) / 0) 0deg 2.4deg, rgb(var(--glow-rgb) / .3) 3.1deg 3.6deg, rgb(var(--glow-rgb) / 0) 4.3deg 8.2deg);
  -webkit-mask: radial-gradient(56% 100% at 50% 100%, #000 0%, rgba(0,0,0,.5) 42%, transparent 80%); mask: radial-gradient(56% 100% at 50% 100%, #000 0%, rgba(0,0,0,.5) 42%, transparent 80%); filter: blur(1.5px); }
.beams.is-on { opacity: 1; transition-duration: .35s; animation: beams-breathe 2.8s ease-in-out infinite; }
@keyframes beams-breathe { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(.96, 1.07); } }

/* card slots: a zero-size anchor at stage center; the engine moves .slot__mv */
.slot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; padding: 0; margin: 0; border: 0; background: none; outline: none; transition: none; }
.slot__mv { position: absolute; left: 0; top: 0; will-change: transform, opacity; opacity: 0; }
.slot__card { position: absolute; }
.slot.is-top .slot__mv { cursor: pointer; touch-action: none; }
.slot:focus-visible .slot__card { outline: 2px solid var(--gold-2); outline-offset: 6px; border-radius: 16px; }
.slot__shadow { position: absolute; left: 6%; right: 6%; bottom: -5%; height: 12%; border-radius: 50%; background: radial-gradient(closest-side, rgba(0,0,0,.75), transparent); filter: blur(10px); opacity: .7; pointer-events: none; }
.slot__glow { position: absolute; inset: -7%; border-radius: 28px; pointer-events: none; opacity: 0; filter: blur(22px); transition: opacity .8s; }
.slot.is-anticipate .slot__glow { opacity: 1; animation: rim-pulse 1.1s ease-in-out infinite; }
@keyframes rim-pulse { 0%, 100% { transform: scale(.97); opacity: .55; } 50% { transform: scale(1.05); opacity: 1; } }
.slot--legendary .slot__glow { background: radial-gradient(closest-side, rgba(241,198,95,.95), rgba(241,198,95,.25) 70%, transparent); }
.slot--mythic .slot__glow { background: conic-gradient(from 0deg, #ff9ec7, #ffd27a, #9ff0c8, #8fd3ff, #b9a2ff, #ff9ec7); filter: blur(26px); }
.slot--epic .slot__glow { background: radial-gradient(closest-side, rgba(183,160,255,.95), rgba(183,160,255,.22) 70%, transparent); }
.slot--rare .slot__glow { background: radial-gradient(closest-side, rgba(188,214,236,.85), rgba(188,214,236,.16) 70%, transparent); }
.slot.is-slow .wc__flip { transition-duration: 1.7s; transition-timing-function: cubic-bezier(.62,.02,.18,1); }
.slot.is-anticipate .wc__tilt { animation: back-tremble .11s linear infinite; }
@keyframes back-tremble { 0% { translate: 0 0; } 25% { translate: .7px -.5px; } 50% { translate: -.6px .6px; } 75% { translate: .5px .7px; } 100% { translate: 0 0; } }

/* reveal title: letters rise in one by one */
.rt { position: absolute; left: 0; right: 0; text-align: center; z-index: 25; pointer-events: none; }
.rt__word { display: inline-flex; font-family: var(--serif); font-weight: var(--dw); font-style: var(--di); line-height: 1; letter-spacing: var(--dls); color: var(--text); filter: drop-shadow(0 4px 22px rgba(0,0,0,.55)); }
.rt__ch { display: inline-block; white-space: pre; opacity: 0; transform: translateY(.34em) scale(.96); filter: blur(10px); transition: opacity .55s var(--ease), transform .9s var(--ease), filter .6s var(--ease); }
.rt.is-on .rt__ch { opacity: 1; transform: none; filter: blur(0); }
.rt__word.t--legendary .rt__ch { background: linear-gradient(180deg, #fff6d6 0%, #f4d27f 48%, #c8922f 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rt__word.t--mythic .rt__ch { background: linear-gradient(180deg, #ffffff 0%, #ffd6ef 30%, #cfe9ff 62%, #d8c8ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rt__word.t--epic .rt__ch { color: #d7cbff; }
.rt__word.t--rare .rt__ch { color: #dbe9f6; }
.rt__sub { display: table; margin: 14px auto 0; padding: 6px 12px 6px 15px; border-radius: 999px; background: rgba(8,8,12,.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-family: var(--mono); font-size: 12px; letter-spacing: .26em; text-transform: uppercase; color: var(--text); opacity: 0; transform: translateY(6px); transition: opacity .6s .45s, transform .8s .45s var(--ease); }
.rt.is-on .rt__sub { opacity: 1; transform: none; }
.cap2 { position: absolute; left: 0; right: 0; z-index: 25; display: flex; flex-direction: column; align-items: center; gap: 10px; opacity: 0; transform: translateY(10px); transition: opacity .45s, transform .6s var(--ease); pointer-events: none; }
.cap2.is-on { opacity: 1; transform: none; }
.cap2__name { font-family: var(--serif); font-weight: var(--dw); letter-spacing: var(--dls); font-size: calc(30px * var(--ds)); line-height: 1.05; color: var(--text); text-align: center; }
.hand-shelf { position: absolute; z-index: 4; height: 1px; background: linear-gradient(90deg, transparent, rgba(237,201,119,.3), transparent); pointer-events: none; opacity: 0; transition: opacity .8s; }
.hand-shelf.is-on { opacity: 1; }
.fx__ring--2 { width: 180px; height: 180px; left: -90px; top: -90px; border-width: 1px; }
.fx.is-on .fx__ring--2 { animation: fx-ring 1.4s cubic-bezier(.1,.7,.2,1) .12s forwards; }
.dock-in { animation: dock-in .6s var(--ease) both; }
@keyframes dock-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.side-in { animation: side-in .8s var(--ease) both; }
@keyframes side-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .pk2__float, .pk2__notch, .pk2__hintline::after, .beams.is-on, .pk2__shadow { animation: none; } .rt__ch { transition: none; } }
.pk2__hintline, .pk2__notch { top: var(--tear-y); }
/* a Mythic inside: the leaking light cycles through the spectrum */
.stage.glow--mythic .pk2__seam, .stage.glow--mythic .pk2__spark { animation: hue-cycle 2.2s linear infinite; }
.stage.glow--mythic .pk2__glowin { animation: hue-cycle-b3 2.2s linear infinite; }
.stage.glow--mythic .beams.is-on { animation: beams-breathe 2.8s ease-in-out infinite, hue-cycle-b15 2.4s linear infinite; }
@keyframes hue-cycle { to { filter: hue-rotate(360deg); } }
@keyframes hue-cycle-b3 { from { filter: blur(3px) hue-rotate(0deg); } to { filter: blur(3px) hue-rotate(360deg); } }
@keyframes hue-cycle-b15 { from { filter: blur(1.5px) hue-rotate(0deg); } to { filter: blur(1.5px) hue-rotate(360deg); } }

:root { --glitter-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.95'/%3E%3Cstop offset='.35' stop-color='%23fff' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='98.3' cy='410.1' r='0.71' fill='%23f4fbff' opacity='0.76'/%3E%3Ccircle cx='231.4' cy='451.8' r='1.09' fill='%23fff6fc' opacity='0.67'/%3E%3Ccircle cx='96.9' cy='717.0' r='0.78' fill='%23f4fbff' opacity='0.76'/%3E%3Ccircle cx='254.0' cy='142.4' r='0.89' fill='%23f4fbff' opacity='0.73'/%3E%3Ccircle cx='11.9' cy='568.5' r='0.56' fill='%23f4fbff' opacity='0.57'/%3E%3Ccircle cx='308.7' cy='600.0' r='0.64' fill='%23f4fbff' opacity='0.87'/%3E%3Ccircle cx='347.0' cy='525.6' r='1.09' fill='%23fff6fc' opacity='0.88'/%3E%3Ccircle cx='229.8' cy='695.6' r='0.54' fill='%23ffffff' opacity='0.59'/%3E%3Ccircle cx='58.8' cy='187.6' r='1.13' fill='%23fff6fc' opacity='0.90'/%3E%3Ccircle cx='337.8' cy='326.4' r='1.03' fill='%23f4fbff' opacity='0.71'/%3E%3Ccircle cx='233.0' cy='437.3' r='1.08' fill='%23fffbe9' opacity='0.96'/%3E%3Ccircle cx='17.1' cy='230.2' r='0.87' fill='%23fffbe9' opacity='0.62'/%3E%3Ccircle cx='339.9' cy='696.0' r='1.08' fill='%23f4fbff' opacity='0.60'/%3E%3Ccircle cx='260.3' cy='470.4' r='1.14' fill='%23ffffff' opacity='0.68'/%3E%3Ccircle cx='30.6' cy='620.7' r='1.14' fill='%23ffffff' opacity='0.70'/%3E%3Ccircle cx='31.8' cy='650.0' r='0.46' fill='%23fff6fc' opacity='0.90'/%3E%3Ccircle cx='344.6' cy='70.0' r='0.88' fill='%23ffffff' opacity='0.72'/%3E%3Ccircle cx='233.5' cy='414.6' r='1.10' fill='%23ffffff' opacity='0.78'/%3E%3Ccircle cx='393.4' cy='250.6' r='0.50' fill='%23f4fbff' opacity='0.79'/%3E%3Ccircle cx='374.2' cy='700.6' r='0.65' fill='%23ffffff' opacity='0.62'/%3E%3Ccircle cx='22.5' cy='630.1' r='0.67' fill='%23ffffff' opacity='0.95'/%3E%3Ccircle cx='152.6' cy='353.1' r='0.81' fill='%23fffbe9' opacity='0.94'/%3E%3Ccircle cx='270.2' cy='109.7' r='1.13' fill='%23f4fbff' opacity='0.67'/%3E%3Ccircle cx='252.1' cy='526.6' r='1.11' fill='%23fff6fc' opacity='0.99'/%3E%3Ccircle cx='208.2' cy='412.9' r='0.46' fill='%23fff6fc' opacity='0.99'/%3E%3Ccircle cx='128.2' cy='296.0' r='0.86' fill='%23ffffff' opacity='0.58'/%3E%3Ccircle cx='249.4' cy='357.1' r='0.93' fill='%23ffffff' opacity='0.82'/%3E%3Ccircle cx='114.2' cy='372.9' r='0.86' fill='%23fffbe9' opacity='0.56'/%3E%3Ccircle cx='149.2' cy='467.0' r='0.66' fill='%23f4fbff' opacity='0.69'/%3E%3Ccircle cx='147.2' cy='252.6' r='0.71' fill='%23f4fbff' opacity='0.67'/%3E%3Ccircle cx='311.5' cy='111.3' r='1.02' fill='%23f4fbff' opacity='0.86'/%3E%3Ccircle cx='57.0' cy='380.0' r='0.91' fill='%23ffffff' opacity='0.66'/%3E%3Ccircle cx='78.7' cy='336.0' r='0.94' fill='%23ffffff' opacity='0.82'/%3E%3Ccircle cx='374.3' cy='499.0' r='0.61' fill='%23ffffff' opacity='0.59'/%3E%3Ccircle cx='293.9' cy='188.3' r='0.85' fill='%23ffffff' opacity='0.65'/%3E%3Ccircle cx='52.9' cy='400.1' r='0.58' fill='%23f4fbff' opacity='0.63'/%3E%3Ccircle cx='114.1' cy='588.9' r='0.90' fill='%23f4fbff' opacity='0.71'/%3E%3Ccircle cx='56.3' cy='238.5' r='1.01' fill='%23ffffff' opacity='0.76'/%3E%3Ccircle cx='252.1' cy='237.5' r='0.85' fill='%23ffffff' opacity='0.96'/%3E%3Ccircle cx='66.5' cy='43.2' r='1.11' fill='%23f4fbff' opacity='0.99'/%3E%3Ccircle cx='174.5' cy='686.1' r='1.10' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='183.2' cy='552.3' r='0.97' fill='%23ffffff' opacity='0.79'/%3E%3Ccircle cx='351.2' cy='625.8' r='1.05' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='100.9' cy='63.9' r='1.01' fill='%23f4fbff' opacity='0.97'/%3E%3Ccircle cx='353.9' cy='651.8' r='0.85' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='52.9' cy='382.2' r='0.62' fill='%23ffffff' opacity='0.79'/%3E%3Ccircle cx='166.5' cy='678.5' r='0.88' fill='%23ffffff' opacity='0.61'/%3E%3Ccircle cx='383.1' cy='407.9' r='1.02' fill='%23ffffff' opacity='0.71'/%3E%3Ccircle cx='82.6' cy='403.6' r='1.02' fill='%23ffffff' opacity='0.66'/%3E%3Ccircle cx='112.2' cy='645.0' r='0.54' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='227.5' cy='312.2' r='0.98' fill='%23ffffff' opacity='0.67'/%3E%3Ccircle cx='210.6' cy='327.6' r='0.78' fill='%23ffffff' opacity='0.94'/%3E%3Ccircle cx='306.8' cy='71.4' r='0.48' fill='%23fff6fc' opacity='0.99'/%3E%3Ccircle cx='337.5' cy='98.6' r='0.80' fill='%23ffffff' opacity='0.62'/%3E%3Ccircle cx='33.8' cy='302.3' r='0.72' fill='%23ffffff' opacity='0.71'/%3E%3Ccircle cx='80.1' cy='263.6' r='0.54' fill='%23f4fbff' opacity='0.55'/%3E%3Ccircle cx='286.5' cy='580.8' r='0.85' fill='%23ffffff' opacity='0.72'/%3E%3Ccircle cx='240.5' cy='572.2' r='0.72' fill='%23ffffff' opacity='0.83'/%3E%3Ccircle cx='173.5' cy='293.2' r='0.80' fill='%23fffbe9' opacity='0.69'/%3E%3Ccircle cx='374.7' cy='324.4' r='0.46' fill='%23ffffff' opacity='0.79'/%3E%3Ccircle cx='275.7' cy='88.7' r='0.75' fill='%23fff6fc' opacity='0.61'/%3E%3Ccircle cx='16.9' cy='261.4' r='1.13' fill='%23f4fbff' opacity='0.91'/%3E%3Ccircle cx='107.7' cy='355.6' r='0.54' fill='%23fffbe9' opacity='0.85'/%3E%3Ccircle cx='350.3' cy='578.9' r='0.92' fill='%23fffbe9' opacity='0.69'/%3E%3Ccircle cx='212.4' cy='591.9' r='0.95' fill='%23fff6fc' opacity='0.61'/%3E%3Ccircle cx='306.4' cy='70.1' r='0.51' fill='%23ffffff' opacity='0.85'/%3E%3Ccircle cx='151.8' cy='597.2' r='0.69' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='50.7' cy='367.7' r='0.94' fill='%23ffffff' opacity='0.81'/%3E%3Ccircle cx='315.9' cy='64.7' r='0.99' fill='%23f4fbff' opacity='0.79'/%3E%3Ccircle cx='98.5' cy='417.0' r='0.52' fill='%23f4fbff' opacity='0.58'/%3E%3Ccircle cx='131.8' cy='423.5' r='1.03' fill='%23ffffff' opacity='1.00'/%3E%3Ccircle cx='256.6' cy='348.8' r='0.94' fill='%23fff6fc' opacity='0.66'/%3E%3Ccircle cx='238.6' cy='678.4' r='0.84' fill='%23ffffff' opacity='0.72'/%3E%3Ccircle cx='97.3' cy='672.1' r='1.04' fill='%23ffffff' opacity='0.74'/%3E%3Ccircle cx='226.5' cy='434.3' r='1.10' fill='%23fffbe9' opacity='0.77'/%3E%3Ccircle cx='255.5' cy='650.2' r='0.55' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='193.6' cy='515.1' r='1.12' fill='%23f4fbff' opacity='0.87'/%3E%3Ccircle cx='78.2' cy='221.8' r='0.59' fill='%23f4fbff' opacity='0.78'/%3E%3Ccircle cx='368.7' cy='619.0' r='0.83' fill='%23ffffff' opacity='0.85'/%3E%3Ccircle cx='337.9' cy='444.8' r='0.86' fill='%23ffffff' opacity='0.95'/%3E%3Ccircle cx='125.2' cy='222.3' r='1.01' fill='%23ffffff' opacity='0.63'/%3E%3Ccircle cx='145.9' cy='259.0' r='0.99' fill='%23ffffff' opacity='0.74'/%3E%3Ccircle cx='276.7' cy='517.0' r='0.59' fill='%23f4fbff' opacity='0.93'/%3E%3Ccircle cx='324.8' cy='418.8' r='0.79' fill='%23fffbe9' opacity='0.58'/%3E%3Ccircle cx='373.7' cy='572.5' r='1.07' fill='%23ffffff' opacity='0.76'/%3E%3Ccircle cx='95.1' cy='199.6' r='0.95' fill='%23fffbe9' opacity='0.58'/%3E%3Ccircle cx='90.3' cy='212.8' r='1.07' fill='%23ffffff' opacity='0.61'/%3E%3Ccircle cx='247.3' cy='499.1' r='0.48' fill='%23ffffff' opacity='0.63'/%3E%3Ccircle cx='23.5' cy='164.6' r='0.51' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='108.5' cy='661.4' r='0.48' fill='%23fff6fc' opacity='0.81'/%3E%3Ccircle cx='268.1' cy='44.7' r='0.68' fill='%23fff6fc' opacity='0.72'/%3E%3Ccircle cx='36.3' cy='478.1' r='0.97' fill='%23fff6fc' opacity='0.73'/%3E%3Ccircle cx='217.2' cy='121.0' r='0.64' fill='%23fffbe9' opacity='0.74'/%3E%3Ccircle cx='176.1' cy='398.7' r='0.63' fill='%23f4fbff' opacity='0.97'/%3E%3Ccircle cx='151.2' cy='565.2' r='0.98' fill='%23ffffff' opacity='0.85'/%3E%3Ccircle cx='265.9' cy='682.1' r='1.02' fill='%23ffffff' opacity='0.89'/%3E%3Ccircle cx='379.0' cy='497.5' r='0.83' fill='%23ffffff' opacity='0.85'/%3E%3Ccircle cx='203.4' cy='80.5' r='0.66' fill='%23fffbe9' opacity='0.80'/%3E%3Ccircle cx='76.6' cy='479.1' r='0.89' fill='%23ffffff' opacity='0.72'/%3E%3Ccircle cx='363.0' cy='348.9' r='0.53' fill='%23f4fbff' opacity='0.61'/%3E%3Ccircle cx='134.6' cy='529.9' r='0.87' fill='%23f4fbff' opacity='0.69'/%3E%3Ccircle cx='78.5' cy='368.0' r='1.00' fill='%23fffbe9' opacity='0.58'/%3E%3Ccircle cx='283.7' cy='553.0' r='0.83' fill='%23fffbe9' opacity='0.73'/%3E%3Ccircle cx='44.7' cy='224.2' r='0.49' fill='%23ffffff' opacity='0.57'/%3E%3Ccircle cx='201.8' cy='208.1' r='0.99' fill='%23ffffff' opacity='0.94'/%3E%3Ccircle cx='372.7' cy='344.8' r='1.02' fill='%23ffffff' opacity='0.71'/%3E%3Ccircle cx='334.6' cy='116.2' r='0.64' fill='%23ffffff' opacity='0.86'/%3E%3Ccircle cx='225.0' cy='658.8' r='0.53' fill='%23fffbe9' opacity='0.64'/%3E%3Ccircle cx='167.7' cy='545.5' r='1.02' fill='%23fffbe9' opacity='0.61'/%3E%3Ccircle cx='241.9' cy='624.5' r='1.01' fill='%23f4fbff' opacity='0.79'/%3E%3Ccircle cx='226.5' cy='177.4' r='0.63' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='317.6' cy='646.0' r='1.11' fill='%23fff6fc' opacity='0.69'/%3E%3Ccircle cx='357.6' cy='250.5' r='0.80' fill='%23f4fbff' opacity='0.86'/%3E%3Ccircle cx='122.2' cy='624.8' r='0.79' fill='%23f4fbff' opacity='0.64'/%3E%3Ccircle cx='252.0' cy='113.1' r='0.98' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='209.2' cy='353.2' r='0.59' fill='%23f4fbff' opacity='0.65'/%3E%3Ccircle cx='321.3' cy='669.7' r='1.11' fill='%23ffffff' opacity='0.80'/%3E%3Ccircle cx='378.1' cy='646.6' r='0.54' fill='%23ffffff' opacity='0.83'/%3E%3Ccircle cx='25.6' cy='284.7' r='0.61' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='13.3' cy='271.0' r='0.68' fill='%23ffffff' opacity='0.86'/%3E%3Ccircle cx='58.1' cy='623.6' r='0.87' fill='%23ffffff' opacity='0.87'/%3E%3Ccircle cx='293.0' cy='273.6' r='1.01' fill='%23ffffff' opacity='0.94'/%3E%3Ccircle cx='175.6' cy='554.7' r='0.79' fill='%23ffffff' opacity='0.90'/%3E%3Ccircle cx='164.5' cy='614.8' r='0.94' fill='%23fff6fc' opacity='0.77'/%3E%3Ccircle cx='277.3' cy='405.5' r='0.75' fill='%23fffbe9' opacity='0.77'/%3E%3Ccircle cx='15.1' cy='351.2' r='0.93' fill='%23fff6fc' opacity='0.63'/%3E%3Ccircle cx='355.0' cy='529.4' r='0.71' fill='%23ffffff' opacity='0.75'/%3E%3Ccircle cx='146.3' cy='313.2' r='1.13' fill='%23ffffff' opacity='0.67'/%3E%3Ccircle cx='149.4' cy='621.7' r='0.82' fill='%23ffffff' opacity='0.64'/%3E%3Ccircle cx='72.3' cy='314.5' r='0.57' fill='%23ffffff' opacity='0.61'/%3E%3Ccircle cx='242.2' cy='341.1' r='0.58' fill='%23ffffff' opacity='0.73'/%3E%3Ccircle cx='129.3' cy='62.3' r='0.95' fill='%23ffffff' opacity='0.73'/%3E%3Ccircle cx='159.9' cy='58.1' r='1.13' fill='%23ffffff' opacity='0.66'/%3E%3Ccircle cx='157.0' cy='169.6' r='0.68' fill='%23ffffff' opacity='0.71'/%3E%3Ccircle cx='54.1' cy='75.3' r='0.96' fill='%23ffffff' opacity='0.99'/%3E%3Ccircle cx='371.5' cy='576.7' r='1.12' fill='%23fff6fc' opacity='0.66'/%3E%3Ccircle cx='109.1' cy='594.0' r='0.89' fill='%23ffffff' opacity='0.69'/%3E%3Ccircle cx='28.0' cy='336.1' r='0.51' fill='%23f4fbff' opacity='0.55'/%3E%3Ccircle cx='17.8' cy='101.6' r='0.57' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='79.4' cy='386.6' r='0.68' fill='%23fff6fc' opacity='0.70'/%3E%3Ccircle cx='191.7' cy='279.0' r='0.91' fill='%23fff6fc' opacity='0.69'/%3E%3Ccircle cx='241.5' cy='683.6' r='0.51' fill='%23ffffff' opacity='0.63'/%3E%3Ccircle cx='166.3' cy='385.1' r='0.83' fill='%23f4fbff' opacity='0.86'/%3E%3Ccircle cx='366.3' cy='158.7' r='0.97' fill='%23fffbe9' opacity='0.72'/%3E%3Ccircle cx='369.8' cy='284.3' r='0.58' fill='%23fff6fc' opacity='0.75'/%3E%3Ccircle cx='178.5' cy='517.9' r='0.69' fill='%23ffffff' opacity='0.78'/%3E%3Ccircle cx='298.1' cy='662.2' r='0.94' fill='%23fff6fc' opacity='0.57'/%3E%3Ccircle cx='72.6' cy='551.1' r='1.03' fill='%23ffffff' opacity='0.89'/%3E%3Ccircle cx='268.8' cy='106.0' r='0.62' fill='%23fffbe9' opacity='0.58'/%3E%3Ccircle cx='243.5' cy='72.8' r='0.78' fill='%23fffbe9' opacity='0.84'/%3E%3Ccircle cx='392.8' cy='41.1' r='0.59' fill='%23ffffff' opacity='0.70'/%3E%3Ccircle cx='126.8' cy='346.2' r='1.03' fill='%23ffffff' opacity='0.66'/%3E%3Ccircle cx='24.9' cy='143.8' r='0.90' fill='%23f4fbff' opacity='0.99'/%3E%3Ccircle cx='49.5' cy='235.5' r='0.60' fill='%23f4fbff' opacity='0.78'/%3E%3Ccircle cx='201.9' cy='656.9' r='0.67' fill='%23f4fbff' opacity='0.90'/%3E%3Ccircle cx='187.4' cy='463.2' r='0.48' fill='%23ffffff' opacity='0.82'/%3E%3Ccircle cx='339.2' cy='109.0' r='1.11' fill='%23ffffff' opacity='0.59'/%3E%3Ccircle cx='186.5' cy='191.5' r='1.03' fill='%23f4fbff' opacity='0.60'/%3E%3Ccircle cx='194.4' cy='494.6' r='0.94' fill='%23fff6fc' opacity='0.82'/%3E%3Ccircle cx='178.9' cy='115.4' r='1.03' fill='%23f4fbff' opacity='0.75'/%3E%3Ccircle cx='153.2' cy='119.5' r='0.46' fill='%23ffffff' opacity='0.88'/%3E%3Ccircle cx='36.0' cy='275.4' r='0.79' fill='%23ffffff' opacity='0.97'/%3E%3Ccircle cx='272.3' cy='288.0' r='1.00' fill='%23ffffff' opacity='0.82'/%3E%3Ccircle cx='89.1' cy='278.4' r='1.15' fill='%23ffffff' opacity='0.66'/%3E%3Ccircle cx='176.3' cy='210.6' r='0.68' fill='%23fffbe9' opacity='0.97'/%3E%3Ccircle cx='287.8' cy='634.8' r='1.14' fill='%23f4fbff' opacity='0.76'/%3E%3Ccircle cx='282.0' cy='619.7' r='0.71' fill='%23ffffff' opacity='0.96'/%3E%3Ccircle cx='374.4' cy='369.2' r='0.99' fill='%23fff6fc' opacity='0.76'/%3E%3Ccircle cx='234.0' cy='63.8' r='1.12' fill='%23ffffff' opacity='0.63'/%3E%3Ccircle cx='43.2' cy='531.2' r='0.66' fill='%23f4fbff' opacity='0.58'/%3E%3Ccircle cx='189.2' cy='172.5' r='0.60' fill='%23fff6fc' opacity='0.74'/%3E%3Ccircle cx='139.8' cy='544.6' r='0.97' fill='%23ffffff' opacity='0.61'/%3E%3Ccircle cx='178.3' cy='657.8' r='0.76' fill='%23ffffff' opacity='0.62'/%3E%3Ccircle cx='301.9' cy='516.3' r='1.13' fill='%23fffbe9' opacity='0.72'/%3E%3Ccircle cx='68.6' cy='252.1' r='0.77' fill='%23f4fbff' opacity='1.00'/%3E%3Ccircle cx='92.4' cy='690.4' r='0.65' fill='%23ffffff' opacity='0.76'/%3E%3Ccircle cx='350.1' cy='588.9' r='0.66' fill='%23ffffff' opacity='0.97'/%3E%3Ccircle cx='207.6' cy='49.7' r='0.89' fill='%23ffffff' opacity='0.79'/%3E%3Ccircle cx='70.3' cy='74.2' r='0.59' fill='%23fff6fc' opacity='0.71'/%3E%3Ccircle cx='380.7' cy='286.7' r='0.84' fill='%23fff6fc' opacity='0.63'/%3E%3Ccircle cx='11.1' cy='334.0' r='0.69' fill='%23ffffff' opacity='0.82'/%3E%3Ccircle cx='320.8' cy='346.0' r='0.63' fill='%23fffbe9' opacity='0.91'/%3E%3Ccircle cx='168.3' cy='217.0' r='0.48' fill='%23fff6fc' opacity='0.57'/%3E%3Ccircle cx='392.4' cy='152.6' r='0.98' fill='%23f4fbff' opacity='0.66'/%3E%3Ccircle cx='58.6' cy='555.7' r='1.00' fill='%23f4fbff' opacity='0.89'/%3E%3Ccircle cx='136.9' cy='130.9' r='0.46' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='255.5' cy='649.9' r='1.08' fill='%23fff6fc' opacity='0.78'/%3E%3Ccircle cx='298.8' cy='624.9' r='1.13' fill='%23f4fbff' opacity='0.74'/%3E%3Ccircle cx='207.1' cy='156.1' r='0.58' fill='%23fffbe9' opacity='0.61'/%3E%3Ccircle cx='328.9' cy='109.1' r='0.99' fill='%23fff6fc' opacity='0.75'/%3E%3Ccircle cx='317.5' cy='347.7' r='1.12' fill='%23ffffff' opacity='0.81'/%3E%3Ccircle cx='60.2' cy='65.7' r='0.79' fill='%23ffffff' opacity='0.92'/%3E%3Ccircle cx='367.4' cy='456.5' r='0.47' fill='%23f4fbff' opacity='0.82'/%3E%3Ccircle cx='51.0' cy='125.2' r='1.00' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='265.5' cy='292.5' r='0.81' fill='%23fffbe9' opacity='0.75'/%3E%3Ccircle cx='126.8' cy='275.1' r='0.91' fill='%23fff6fc' opacity='0.69'/%3E%3Ccircle cx='111.1' cy='685.9' r='1.11' fill='%23ffffff' opacity='0.82'/%3E%3Ccircle cx='221.4' cy='64.2' r='0.74' fill='%23fff6fc' opacity='0.99'/%3E%3Ccircle cx='36.8' cy='196.2' r='0.59' fill='%23ffffff' opacity='0.86'/%3E%3Ccircle cx='50.7' cy='470.0' r='0.54' fill='%23ffffff' opacity='0.97'/%3E%3Ccircle cx='384.1' cy='510.6' r='0.75' fill='%23fff6fc' opacity='0.76'/%3E%3Ccircle cx='118.3' cy='420.5' r='0.57' fill='%23fff6fc' opacity='0.98'/%3E%3Ccircle cx='62.0' cy='655.7' r='0.57' fill='%23fff6fc' opacity='0.85'/%3E%3Ccircle cx='257.0' cy='136.7' r='0.49' fill='%23fffbe9' opacity='0.63'/%3E%3Ccircle cx='79.6' cy='599.4' r='1.06' fill='%23ffffff' opacity='0.79'/%3E%3Ccircle cx='65.0' cy='185.7' r='1.00' fill='%23fff6fc' opacity='0.73'/%3E%3Ccircle cx='389.2' cy='230.9' r='0.54' fill='%23ffffff' opacity='0.68'/%3E%3Ccircle cx='154.8' cy='677.8' r='0.87' fill='%23ffffff' opacity='0.55'/%3E%3Ccircle cx='149.9' cy='136.9' r='0.78' fill='%23ffffff' opacity='0.71'/%3E%3Ccircle cx='374.9' cy='369.9' r='0.94' fill='%23ffffff' opacity='0.76'/%3E%3Ccircle cx='292.9' cy='401.0' r='1.05' fill='%23fff6fc' opacity='0.81'/%3E%3Ccircle cx='186.1' cy='405.9' r='0.76' fill='%23f4fbff' opacity='0.76'/%3E%3Ccircle cx='155.0' cy='554.5' r='0.66' fill='%23fffbe9' opacity='0.93'/%3E%3Ccircle cx='75.6' cy='695.1' r='1.04' fill='%23ffffff' opacity='0.69'/%3E%3Ccircle cx='331.9' cy='128.7' r='0.87' fill='%23ffffff' opacity='0.73'/%3E%3Ccircle cx='344.6' cy='117.9' r='0.46' fill='%23ffffff' opacity='0.91'/%3E%3Ccircle cx='390.7' cy='506.1' r='0.82' fill='%23ffffff' opacity='0.59'/%3E%3Ccircle cx='215.7' cy='340.0' r='0.55' fill='%23f4fbff' opacity='0.65'/%3E%3Ccircle cx='183.0' cy='423.3' r='0.90' fill='%23f4fbff' opacity='0.71'/%3E%3Ccircle cx='239.2' cy='706.7' r='1.11' fill='%23fffbe9' opacity='0.93'/%3E%3Ccircle cx='117.3' cy='704.2' r='0.64' fill='%23ffffff' opacity='0.82'/%3E%3Ccircle cx='91.9' cy='716.9' r='0.96' fill='%23ffffff' opacity='0.68'/%3E%3Ccircle cx='381.2' cy='348.0' r='0.78' fill='%23f4fbff' opacity='0.90'/%3E%3Ccircle cx='74.2' cy='461.8' r='0.81' fill='%23f4fbff' opacity='0.57'/%3E%3Ccircle cx='168.0' cy='413.9' r='0.88' fill='%23ffffff' opacity='0.58'/%3E%3Ccircle cx='337.5' cy='301.1' r='1.14' fill='%23ffffff' opacity='0.78'/%3E%3Ccircle cx='27.5' cy='376.0' r='0.53' fill='%23fffbe9' opacity='0.94'/%3E%3Ccircle cx='282.0' cy='285.8' r='0.66' fill='%23f4fbff' opacity='0.72'/%3E%3Ccircle cx='176.4' cy='657.4' r='0.93' fill='%23ffffff' opacity='0.81'/%3E%3Ccircle cx='62.7' cy='189.5' r='0.71' fill='%23f4fbff' opacity='0.55'/%3E%3Ccircle cx='349.5' cy='182.2' r='0.75' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='215.1' cy='666.5' r='0.82' fill='%23fffbe9' opacity='0.71'/%3E%3Ccircle cx='285.8' cy='584.7' r='0.60' fill='%23ffffff' opacity='0.86'/%3E%3Ccircle cx='52.8' cy='638.4' r='0.71' fill='%23fff6fc' opacity='0.61'/%3E%3Ccircle cx='125.0' cy='415.9' r='0.53' fill='%23ffffff' opacity='0.82'/%3E%3Ccircle cx='38.9' cy='59.1' r='0.70' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='388.4' cy='361.4' r='0.55' fill='%23ffffff' opacity='0.78'/%3E%3Ccircle cx='173.8' cy='467.5' r='0.91' fill='%23fff6fc' opacity='0.68'/%3E%3Ccircle cx='254.5' cy='547.0' r='1.06' fill='%23ffffff' opacity='0.75'/%3E%3Ccircle cx='298.4' cy='714.4' r='0.50' fill='%23ffffff' opacity='0.70'/%3E%3Ccircle cx='360.1' cy='469.3' r='0.52' fill='%23fffbe9' opacity='0.70'/%3E%3Ccircle cx='168.5' cy='436.3' r='1.07' fill='%23ffffff' opacity='0.84'/%3E%3Ccircle cx='377.7' cy='75.3' r='0.81' fill='%23f4fbff' opacity='0.79'/%3E%3Ccircle cx='228.7' cy='98.0' r='0.61' fill='%23fff6fc' opacity='0.92'/%3E%3Ccircle cx='362.3' cy='309.3' r='0.69' fill='%23fff6fc' opacity='0.85'/%3E%3Ccircle cx='211.0' cy='177.6' r='0.66' fill='%23f4fbff' opacity='0.61'/%3E%3Ccircle cx='212.3' cy='461.6' r='0.70' fill='%23f4fbff' opacity='0.94'/%3E%3Ccircle cx='292.3' cy='178.4' r='0.49' fill='%23fff6fc' opacity='0.94'/%3E%3Ccircle cx='250.3' cy='375.6' r='1.05' fill='%23ffffff' opacity='0.92'/%3E%3Ccircle cx='369.8' cy='121.4' r='1.09' fill='%23fff6fc' opacity='0.93'/%3E%3Ccircle cx='128.4' cy='553.2' r='0.68' fill='%23ffffff' opacity='0.72'/%3E%3Ccircle cx='336.4' cy='606.4' r='0.49' fill='%23fff6fc' opacity='0.72'/%3E%3Ccircle cx='92.7' cy='233.8' r='0.69' fill='%23ffffff' opacity='0.86'/%3E%3Ccircle cx='138.0' cy='115.6' r='0.60' fill='%23fff6fc' opacity='0.63'/%3E%3Ccircle cx='71.3' cy='368.4' r='0.60' fill='%23fffbe9' opacity='0.71'/%3E%3Ccircle cx='96.1' cy='505.1' r='0.82' fill='%23f4fbff' opacity='0.79'/%3E%3Ccircle cx='237.9' cy='467.1' r='0.76' fill='%23ffffff' opacity='0.59'/%3E%3Ccircle cx='214.1' cy='350.8' r='0.46' fill='%23ffffff' opacity='0.67'/%3E%3Ccircle cx='354.7' cy='506.3' r='0.61' fill='%23f4fbff' opacity='0.99'/%3E%3Ccircle cx='140.2' cy='717.0' r='0.79' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='168.6' cy='627.8' r='0.55' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='210.9' cy='618.6' r='0.78' fill='%23f4fbff' opacity='0.62'/%3E%3Ccircle cx='363.7' cy='294.9' r='0.48' fill='%23ffffff' opacity='0.92'/%3E%3Ccircle cx='84.8' cy='103.6' r='0.98' fill='%23f4fbff' opacity='0.82'/%3E%3Ccircle cx='232.6' cy='501.0' r='0.65' fill='%23ffffff' opacity='0.99'/%3E%3Ccircle cx='330.4' cy='548.7' r='0.65' fill='%23ffffff' opacity='0.74'/%3E%3Ccircle cx='222.8' cy='559.5' r='0.75' fill='%23ffffff' opacity='0.81'/%3E%3Ccircle cx='102.9' cy='514.4' r='0.84' fill='%23fff6fc' opacity='0.87'/%3E%3Ccircle cx='131.7' cy='150.2' r='1.09' fill='%23fff6fc' opacity='0.63'/%3E%3Ccircle cx='159.0' cy='173.4' r='0.74' fill='%23f4fbff' opacity='0.71'/%3E%3Ccircle cx='286.9' cy='452.4' r='0.94' fill='%23ffffff' opacity='0.78'/%3E%3Ccircle cx='70.9' cy='108.5' r='0.83' fill='%23fff6fc' opacity='0.94'/%3E%3Ccircle cx='206.0' cy='310.2' r='0.50' fill='%23ffffff' opacity='0.86'/%3E%3Ccircle cx='95.4' cy='217.4' r='0.60' fill='%23ffffff' opacity='0.76'/%3E%3Ccircle cx='174.4' cy='218.3' r='1.12' fill='%23ffffff' opacity='0.67'/%3E%3Ccircle cx='308.7' cy='684.2' r='0.92' fill='%23ffffff' opacity='0.99'/%3E%3Ccircle cx='312.8' cy='538.7' r='1.08' fill='%23ffffff' opacity='0.94'/%3E%3Ccircle cx='58.5' cy='96.7' r='1.14' fill='%23ffffff' opacity='0.99'/%3E%3Ccircle cx='132.8' cy='558.4' r='0.57' fill='%23fffbe9' opacity='0.77'/%3E%3Ccircle cx='392.2' cy='130.5' r='1.08' fill='%23fff6fc' opacity='0.89'/%3E%3Ccircle cx='201.6' cy='507.3' r='0.75' fill='%23fff6fc' opacity='0.67'/%3E%3Ccircle cx='217.1' cy='438.2' r='0.72' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='173.4' cy='41.0' r='1.00' fill='%23ffffff' opacity='0.78'/%3E%3Ccircle cx='375.8' cy='616.5' r='0.96' fill='%23ffffff' opacity='0.67'/%3E%3Ccircle cx='249.8' cy='423.3' r='1.13' fill='%23ffffff' opacity='0.64'/%3E%3Ccircle cx='67.5' cy='706.7' r='0.97' fill='%23fff6fc' opacity='0.74'/%3E%3Ccircle cx='118.0' cy='119.4' r='0.69' fill='%23f4fbff' opacity='0.88'/%3E%3Ccircle cx='106.5' cy='99.0' r='0.51' fill='%23fffbe9' opacity='0.61'/%3E%3Ccircle cx='8.8' cy='96.3' r='1.00' fill='%23fff6fc' opacity='0.87'/%3E%3Ccircle cx='220.5' cy='491.0' r='0.76' fill='%23ffffff' opacity='0.87'/%3E%3Ccircle cx='6.8' cy='231.4' r='0.94' fill='%23ffffff' opacity='0.55'/%3E%3Ccircle cx='136.6' cy='533.9' r='1.03' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='317.2' cy='304.2' r='1.01' fill='%23fff6fc' opacity='0.97'/%3E%3Ccircle cx='285.9' cy='466.5' r='0.76' fill='%23ffffff' opacity='0.91'/%3E%3Ccircle cx='140.0' cy='196.3' r='0.74' fill='%23ffffff' opacity='0.73'/%3E%3Ccircle cx='386.7' cy='118.0' r='0.92' fill='%23ffffff' opacity='0.68'/%3E%3Ccircle cx='15.6' cy='58.0' r='0.69' fill='%23ffffff' opacity='0.75'/%3E%3Ccircle cx='204.1' cy='475.3' r='1.14' fill='%23fff6fc' opacity='0.85'/%3E%3Ccircle cx='291.4' cy='394.7' r='0.75' fill='%23ffffff' opacity='0.91'/%3E%3Ccircle cx='75.0' cy='347.4' r='0.82' fill='%23ffffff' opacity='0.97'/%3E%3Ccircle cx='231.2' cy='462.5' r='5.3' fill='url(%23g)'/%3E%3Ccircle cx='231.2' cy='462.5' r='0.91' fill='%23fff'/%3E%3Ccircle cx='57.9' cy='713.7' r='4.6' fill='url(%23g)'/%3E%3Ccircle cx='57.9' cy='713.7' r='0.79' fill='%23fff'/%3E%3Ccircle cx='149.2' cy='713.6' r='4.5' fill='url(%23g)'/%3E%3Ccircle cx='149.2' cy='713.6' r='0.77' fill='%23fff'/%3E%3Ccircle cx='199.8' cy='366.4' r='4.8' fill='url(%23g)'/%3E%3Ccircle cx='199.8' cy='366.4' r='0.82' fill='%23fff'/%3E%3Ccircle cx='361.4' cy='322.7' r='4.2' fill='url(%23g)'/%3E%3Ccircle cx='361.4' cy='322.7' r='0.72' fill='%23fff'/%3E%3Ccircle cx='189.9' cy='49.1' r='6.0' fill='url(%23g)'/%3E%3Ccircle cx='189.9' cy='49.1' r='1.03' fill='%23fff'/%3E%3Ccircle cx='340.2' cy='651.0' r='4.3' fill='url(%23g)'/%3E%3Ccircle cx='340.2' cy='651.0' r='0.74' fill='%23fff'/%3E%3Ccircle cx='266.6' cy='249.6' r='5.4' fill='url(%23g)'/%3E%3Ccircle cx='266.6' cy='249.6' r='0.92' fill='%23fff'/%3E%3Ccircle cx='124.2' cy='249.7' r='4.5' fill='url(%23g)'/%3E%3Ccircle cx='124.2' cy='249.7' r='0.77' fill='%23fff'/%3E%3Ccircle cx='247.8' cy='105.2' r='6.6' fill='url(%23g)'/%3E%3Ccircle cx='247.8' cy='105.2' r='1.14' fill='%23fff'/%3E%3Ccircle cx='26.7' cy='690.0' r='4.7' fill='url(%23g)'/%3E%3Ccircle cx='26.7' cy='690.0' r='0.80' fill='%23fff'/%3E%3Ccircle cx='41.7' cy='543.5' r='5.5' fill='url(%23g)'/%3E%3Ccircle cx='41.7' cy='543.5' r='0.95' fill='%23fff'/%3E%3Ccircle cx='302.2' cy='385.6' r='5.8' fill='url(%23g)'/%3E%3Ccircle cx='302.2' cy='385.6' r='0.99' fill='%23fff'/%3E%3Ccircle cx='41.4' cy='496.1' r='5.5' fill='url(%23g)'/%3E%3Ccircle cx='41.4' cy='496.1' r='0.94' fill='%23fff'/%3E%3Ccircle cx='375.6' cy='50.1' r='4.3' fill='url(%23g)'/%3E%3Ccircle cx='375.6' cy='50.1' r='0.75' fill='%23fff'/%3E%3Ccircle cx='267.0' cy='664.7' r='5.2' fill='url(%23g)'/%3E%3Ccircle cx='267.0' cy='664.7' r='0.90' fill='%23fff'/%3E%3Ccircle cx='280.2' cy='420.4' r='5.2' fill='url(%23g)'/%3E%3Ccircle cx='280.2' cy='420.4' r='0.89' fill='%23fff'/%3E%3Ccircle cx='186.9' cy='447.9' r='4.2' fill='url(%23g)'/%3E%3Ccircle cx='186.9' cy='447.9' r='0.73' fill='%23fff'/%3E%3Ccircle cx='126.1' cy='539.0' r='4.8' fill='url(%23g)'/%3E%3Ccircle cx='126.1' cy='539.0' r='0.83' fill='%23fff'/%3E%3Ccircle cx='189.8' cy='217.5' r='5.1' fill='url(%23g)'/%3E%3Ccircle cx='189.8' cy='217.5' r='0.87' fill='%23fff'/%3E%3Ccircle cx='257.2' cy='542.8' r='6.6' fill='url(%23g)'/%3E%3Ccircle cx='257.2' cy='542.8' r='1.14' fill='%23fff'/%3E%3Ccircle cx='191.2' cy='181.4' r='5.0' fill='url(%23g)'/%3E%3Ccircle cx='191.2' cy='181.4' r='0.86' fill='%23fff'/%3E%3Ccircle cx='32.2' cy='206.0' r='5.7' fill='url(%23g)'/%3E%3Ccircle cx='32.2' cy='206.0' r='0.97' fill='%23fff'/%3E%3Ccircle cx='242.2' cy='207.3' r='4.6' fill='url(%23g)'/%3E%3Ccircle cx='242.2' cy='207.3' r='0.79' fill='%23fff'/%3E%3Ccircle cx='47.3' cy='165.3' r='5.4' fill='url(%23g)'/%3E%3Ccircle cx='47.3' cy='165.3' r='0.94' fill='%23fff'/%3E%3Ccircle cx='107.0' cy='636.3' r='5.6' fill='url(%23g)'/%3E%3Ccircle cx='107.0' cy='636.3' r='0.96' fill='%23fff'/%3E%3Ccircle cx='139.3' cy='334.0' r='4.3' fill='url(%23g)'/%3E%3Ccircle cx='139.3' cy='334.0' r='0.73' fill='%23fff'/%3E%3Ccircle cx='288.5' cy='547.7' r='5.1' fill='url(%23g)'/%3E%3Ccircle cx='288.5' cy='547.7' r='0.87' fill='%23fff'/%3E%3Ccircle cx='285.7' cy='228.0' r='4.7' fill='url(%23g)'/%3E%3Ccircle cx='285.7' cy='228.0' r='0.81' fill='%23fff'/%3E%3Ccircle cx='96.7' cy='177.4' r='5.7' fill='url(%23g)'/%3E%3Ccircle cx='96.7' cy='177.4' r='0.98' fill='%23fff'/%3E%3Ccircle cx='254.0' cy='532.1' r='4.4' fill='url(%23g)'/%3E%3Ccircle cx='254.0' cy='532.1' r='0.76' fill='%23fff'/%3E%3Ccircle cx='301.2' cy='365.5' r='5.1' fill='url(%23g)'/%3E%3Ccircle cx='301.2' cy='365.5' r='0.88' fill='%23fff'/%3E%3Ccircle cx='201.2' cy='335.1' r='4.7' fill='url(%23g)'/%3E%3Ccircle cx='201.2' cy='335.1' r='0.80' fill='%23fff'/%3E%3Ccircle cx='160.1' cy='477.6' r='6.0' fill='url(%23g)'/%3E%3Ccircle cx='160.1' cy='477.6' r='1.03' fill='%23fff'/%3E%3Ccircle cx='357.7' cy='175.8' r='6.4' fill='url(%23g)'/%3E%3Ccircle cx='357.7' cy='175.8' r='1.11' fill='%23fff'/%3E%3Ccircle cx='314.1' cy='522.3' r='6.7' fill='url(%23g)'/%3E%3Ccircle cx='314.1' cy='522.3' r='1.15' fill='%23fff'/%3E%3Ccircle cx='62.4' cy='564.8' r='6.5' fill='url(%23g)'/%3E%3Ccircle cx='62.4' cy='564.8' r='1.11' fill='%23fff'/%3E%3Ccircle cx='56.4' cy='443.2' r='6.6' fill='url(%23g)'/%3E%3Ccircle cx='56.4' cy='443.2' r='1.13' fill='%23fff'/%3E%3Ccircle cx='121.3' cy='617.3' r='6.5' fill='url(%23g)'/%3E%3Ccircle cx='121.3' cy='617.3' r='1.11' fill='%23fff'/%3E%3Ccircle cx='175.3' cy='143.0' r='4.7' fill='url(%23g)'/%3E%3Ccircle cx='175.3' cy='143.0' r='0.81' fill='%23fff'/%3E%3Ccircle cx='321.4' cy='329.6' r='6.5' fill='url(%23g)'/%3E%3Cpath d='M321.4 323.3Q321.4 329.6 327.6 329.6Q321.4 329.6 321.4 335.8Q321.4 329.6 315.1 329.6Q321.4 329.6 321.4 323.3Z' fill='%23fff' transform='rotate(45 321.4 329.6)'/%3E%3Ccircle cx='205.1' cy='74.8' r='7.9' fill='url(%23g)'/%3E%3Cpath d='M205.1 67.3Q205.1 74.8 212.7 74.8Q205.1 74.8 205.1 82.3Q205.1 74.8 197.6 74.8Q205.1 74.8 205.1 67.3Z' fill='%23fff' transform='rotate(0 205.1 74.8)'/%3E%3Ccircle cx='132.6' cy='305.8' r='10.4' fill='url(%23g)'/%3E%3Cpath d='M132.6 295.9Q132.6 305.8 142.5 305.8Q132.6 305.8 132.6 315.7Q132.6 305.8 122.8 305.8Q132.6 305.8 132.6 295.9Z' fill='%23fff' transform='rotate(0 132.6 305.8)'/%3E%3Ccircle cx='89.1' cy='190.0' r='7.0' fill='url(%23g)'/%3E%3Cpath d='M89.1 183.4Q89.1 190.0 95.8 190.0Q89.1 190.0 89.1 196.6Q89.1 190.0 82.5 190.0Q89.1 190.0 89.1 183.4Z' fill='%23fff' transform='rotate(0 89.1 190.0)'/%3E%3Ccircle cx='336.9' cy='272.4' r='9.0' fill='url(%23g)'/%3E%3Cpath d='M336.9 263.8Q336.9 272.4 345.5 272.4Q336.9 272.4 336.9 280.9Q336.9 272.4 328.3 272.4Q336.9 272.4 336.9 263.8Z' fill='%23fff' transform='rotate(0 336.9 272.4)'/%3E%3Ccircle cx='138.6' cy='252.5' r='6.0' fill='url(%23g)'/%3E%3Cpath d='M138.6 246.8Q138.6 252.5 144.3 252.5Q138.6 252.5 138.6 258.2Q138.6 252.5 132.9 252.5Q138.6 252.5 138.6 246.8Z' fill='%23fff' transform='rotate(0 138.6 252.5)'/%3E%3Ccircle cx='222.1' cy='314.1' r='7.7' fill='url(%23g)'/%3E%3Cpath d='M222.1 306.8Q222.1 314.1 229.4 314.1Q222.1 314.1 222.1 321.4Q222.1 314.1 214.8 314.1Q222.1 314.1 222.1 306.8Z' fill='%23fff' transform='rotate(0 222.1 314.1)'/%3E%3Ccircle cx='316.3' cy='211.5' r='5.6' fill='url(%23g)'/%3E%3Cpath d='M316.3 206.3Q316.3 211.5 321.6 211.5Q316.3 211.5 316.3 216.8Q316.3 211.5 311.0 211.5Q316.3 211.5 316.3 206.3Z' fill='%23fff' transform='rotate(0 316.3 211.5)'/%3E%3Ccircle cx='317.7' cy='101.8' r='6.2' fill='url(%23g)'/%3E%3Cpath d='M317.7 96.0Q317.7 101.8 323.6 101.8Q317.7 101.8 317.7 107.7Q317.7 101.8 311.8 101.8Q317.7 101.8 317.7 96.0Z' fill='%23fff' transform='rotate(0 317.7 101.8)'/%3E%3Ccircle cx='123.0' cy='279.2' r='6.0' fill='url(%23g)'/%3E%3Cpath d='M123.0 273.6Q123.0 279.2 128.7 279.2Q123.0 279.2 123.0 284.9Q123.0 279.2 117.3 279.2Q123.0 279.2 123.0 273.6Z' fill='%23fff' transform='rotate(0 123.0 279.2)'/%3E%3Ccircle cx='352.4' cy='417.5' r='5.4' fill='url(%23g)'/%3E%3Cpath d='M352.4 412.3Q352.4 417.5 357.6 417.5Q352.4 417.5 352.4 422.6Q352.4 417.5 347.3 417.5Q352.4 417.5 352.4 412.3Z' fill='%23fff' transform='rotate(45 352.4 417.5)'/%3E%3Ccircle cx='108.4' cy='401.6' r='7.0' fill='url(%23g)'/%3E%3Cpath d='M108.4 394.9Q108.4 401.6 115.1 401.6Q108.4 401.6 108.4 408.3Q108.4 401.6 101.7 401.6Q108.4 401.6 108.4 394.9Z' fill='%23fff' transform='rotate(0 108.4 401.6)'/%3E%3Ccircle cx='320.8' cy='396.8' r='7.3' fill='url(%23g)'/%3E%3Cpath d='M320.8 389.8Q320.8 396.8 327.7 396.8Q320.8 396.8 320.8 403.8Q320.8 396.8 313.8 396.8Q320.8 396.8 320.8 389.8Z' fill='%23fff' transform='rotate(0 320.8 396.8)'/%3E%3Ccircle cx='130.5' cy='486.8' r='5.3' fill='url(%23g)'/%3E%3Cpath d='M130.5 481.7Q130.5 486.8 135.6 486.8Q130.5 486.8 130.5 491.9Q130.5 486.8 125.4 486.8Q130.5 486.8 130.5 481.7Z' fill='%23fff' transform='rotate(45 130.5 486.8)'/%3E%3Ccircle cx='279.3' cy='571.1' r='9.2' fill='url(%23g)'/%3E%3Cpath d='M279.3 562.3Q279.3 571.1 288.1 571.1Q279.3 571.1 279.3 579.9Q279.3 571.1 270.5 571.1Q279.3 571.1 279.3 562.3Z' fill='%23fff' transform='rotate(0 279.3 571.1)'/%3E%3Ccircle cx='108.4' cy='136.5' r='8.0' fill='url(%23g)'/%3E%3Cpath d='M108.4 128.8Q108.4 136.5 116.0 136.5Q108.4 136.5 108.4 144.1Q108.4 136.5 100.7 136.5Q108.4 136.5 108.4 128.8Z' fill='%23fff' transform='rotate(0 108.4 136.5)'/%3E%3C/svg%3E"); --glitter-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.95'/%3E%3Cstop offset='.35' stop-color='%23fff' stop-opacity='.35'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='94.0' cy='694.4' r='0.54' fill='%23fffbe9' opacity='0.57'/%3E%3Ccircle cx='59.1' cy='591.7' r='0.80' fill='%23fff6fc' opacity='0.84'/%3E%3Ccircle cx='184.1' cy='348.1' r='0.80' fill='%23ffffff' opacity='0.95'/%3E%3Ccircle cx='162.2' cy='369.9' r='0.98' fill='%23fffbe9' opacity='0.67'/%3E%3Ccircle cx='164.2' cy='653.4' r='0.72' fill='%23ffffff' opacity='0.85'/%3E%3Ccircle cx='43.7' cy='593.7' r='0.72' fill='%23fff6fc' opacity='0.60'/%3E%3Ccircle cx='28.5' cy='199.4' r='0.51' fill='%23fffbe9' opacity='0.78'/%3E%3Ccircle cx='86.7' cy='589.7' r='0.87' fill='%23f4fbff' opacity='0.98'/%3E%3Ccircle cx='195.6' cy='171.8' r='1.11' fill='%23f4fbff' opacity='0.76'/%3E%3Ccircle cx='232.7' cy='342.7' r='0.84' fill='%23fff6fc' opacity='0.61'/%3E%3Ccircle cx='302.5' cy='106.4' r='0.93' fill='%23fffbe9' opacity='0.71'/%3E%3Ccircle cx='255.8' cy='376.3' r='0.89' fill='%23ffffff' opacity='0.62'/%3E%3Ccircle cx='211.1' cy='386.7' r='0.50' fill='%23f4fbff' opacity='0.96'/%3E%3Ccircle cx='217.4' cy='274.1' r='1.09' fill='%23ffffff' opacity='0.70'/%3E%3Ccircle cx='109.5' cy='327.9' r='0.71' fill='%23fffbe9' opacity='0.95'/%3E%3Ccircle cx='74.0' cy='309.5' r='0.57' fill='%23fffbe9' opacity='0.93'/%3E%3Ccircle cx='15.9' cy='701.7' r='0.56' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='302.5' cy='272.4' r='0.57' fill='%23fff6fc' opacity='0.96'/%3E%3Ccircle cx='59.9' cy='423.5' r='0.74' fill='%23ffffff' opacity='0.81'/%3E%3Ccircle cx='118.0' cy='104.7' r='0.51' fill='%23ffffff' opacity='0.89'/%3E%3Ccircle cx='210.6' cy='144.5' r='1.11' fill='%23fff6fc' opacity='0.87'/%3E%3Ccircle cx='386.3' cy='82.8' r='0.46' fill='%23ffffff' opacity='0.70'/%3E%3Ccircle cx='261.4' cy='122.1' r='0.66' fill='%23ffffff' opacity='0.98'/%3E%3Ccircle cx='7.1' cy='608.3' r='0.60' fill='%23f4fbff' opacity='0.56'/%3E%3Ccircle cx='380.5' cy='556.4' r='1.14' fill='%23f4fbff' opacity='0.63'/%3E%3Ccircle cx='137.0' cy='333.1' r='0.53' fill='%23ffffff' opacity='0.82'/%3E%3Ccircle cx='198.9' cy='361.8' r='0.56' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='285.7' cy='480.6' r='0.95' fill='%23f4fbff' opacity='0.88'/%3E%3Ccircle cx='283.6' cy='360.5' r='0.73' fill='%23ffffff' opacity='0.75'/%3E%3Ccircle cx='25.8' cy='73.3' r='0.53' fill='%23ffffff' opacity='0.88'/%3E%3Ccircle cx='280.8' cy='455.8' r='0.47' fill='%23ffffff' opacity='0.92'/%3E%3Ccircle cx='210.8' cy='705.5' r='0.97' fill='%23f4fbff' opacity='0.78'/%3E%3Ccircle cx='279.6' cy='176.5' r='0.61' fill='%23f4fbff' opacity='0.72'/%3E%3Ccircle cx='207.7' cy='173.4' r='0.65' fill='%23ffffff' opacity='0.96'/%3E%3Ccircle cx='294.4' cy='670.8' r='1.14' fill='%23ffffff' opacity='0.83'/%3E%3Ccircle cx='36.9' cy='325.2' r='0.97' fill='%23fffbe9' opacity='0.93'/%3E%3Ccircle cx='206.3' cy='465.1' r='1.12' fill='%23ffffff' opacity='0.84'/%3E%3Ccircle cx='48.4' cy='369.9' r='0.72' fill='%23f4fbff' opacity='0.93'/%3E%3Ccircle cx='127.1' cy='237.5' r='0.88' fill='%23fffbe9' opacity='0.79'/%3E%3Ccircle cx='274.0' cy='281.9' r='0.92' fill='%23f4fbff' opacity='0.71'/%3E%3Ccircle cx='171.9' cy='373.2' r='0.82' fill='%23ffffff' opacity='0.67'/%3E%3Ccircle cx='32.6' cy='538.5' r='0.64' fill='%23fff6fc' opacity='0.90'/%3E%3Ccircle cx='248.3' cy='601.0' r='1.14' fill='%23ffffff' opacity='0.91'/%3E%3Ccircle cx='201.6' cy='228.6' r='1.07' fill='%23fff6fc' opacity='0.66'/%3E%3Ccircle cx='101.4' cy='208.7' r='0.80' fill='%23fff6fc' opacity='0.66'/%3E%3Ccircle cx='321.5' cy='445.7' r='1.03' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='47.0' cy='115.9' r='0.51' fill='%23ffffff' opacity='0.90'/%3E%3Ccircle cx='391.3' cy='665.9' r='1.00' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='80.2' cy='220.0' r='0.52' fill='%23fff6fc' opacity='0.94'/%3E%3Ccircle cx='357.3' cy='669.2' r='0.51' fill='%23f4fbff' opacity='0.71'/%3E%3Ccircle cx='386.5' cy='84.9' r='1.00' fill='%23ffffff' opacity='0.94'/%3E%3Ccircle cx='259.6' cy='289.0' r='1.03' fill='%23ffffff' opacity='0.88'/%3E%3Ccircle cx='238.7' cy='257.1' r='0.66' fill='%23ffffff' opacity='0.99'/%3E%3Ccircle cx='31.7' cy='652.1' r='1.09' fill='%23f4fbff' opacity='0.71'/%3E%3Ccircle cx='68.0' cy='213.3' r='0.72' fill='%23fff6fc' opacity='0.88'/%3E%3Ccircle cx='31.3' cy='403.4' r='0.51' fill='%23ffffff' opacity='0.70'/%3E%3Ccircle cx='83.2' cy='683.0' r='0.49' fill='%23fffbe9' opacity='0.63'/%3E%3Ccircle cx='72.2' cy='474.9' r='0.66' fill='%23ffffff' opacity='0.88'/%3E%3Ccircle cx='191.8' cy='422.7' r='1.11' fill='%23ffffff' opacity='0.97'/%3E%3Ccircle cx='57.5' cy='262.3' r='0.74' fill='%23ffffff' opacity='0.61'/%3E%3Ccircle cx='176.9' cy='512.5' r='0.76' fill='%23fffbe9' opacity='0.83'/%3E%3Ccircle cx='167.0' cy='676.8' r='0.85' fill='%23fffbe9' opacity='0.97'/%3E%3Ccircle cx='274.5' cy='708.7' r='0.79' fill='%23ffffff' opacity='0.88'/%3E%3Ccircle cx='308.5' cy='167.5' r='0.64' fill='%23fff6fc' opacity='0.92'/%3E%3Ccircle cx='331.5' cy='228.3' r='0.89' fill='%23f4fbff' opacity='0.79'/%3E%3Ccircle cx='369.5' cy='236.6' r='0.60' fill='%23f4fbff' opacity='0.73'/%3E%3Ccircle cx='58.3' cy='372.4' r='0.78' fill='%23ffffff' opacity='0.73'/%3E%3Ccircle cx='19.6' cy='292.6' r='1.11' fill='%23ffffff' opacity='0.72'/%3E%3Ccircle cx='16.7' cy='715.0' r='1.03' fill='%23ffffff' opacity='0.59'/%3E%3Ccircle cx='77.6' cy='434.3' r='0.54' fill='%23fff6fc' opacity='0.80'/%3E%3Ccircle cx='230.5' cy='636.5' r='0.71' fill='%23f4fbff' opacity='0.57'/%3E%3Ccircle cx='239.3' cy='486.0' r='1.14' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='130.1' cy='109.4' r='1.04' fill='%23fffbe9' opacity='0.66'/%3E%3Ccircle cx='147.7' cy='275.5' r='0.71' fill='%23fff6fc' opacity='0.72'/%3E%3Ccircle cx='249.9' cy='66.2' r='0.55' fill='%23fffbe9' opacity='0.85'/%3E%3Ccircle cx='258.5' cy='81.4' r='1.12' fill='%23f4fbff' opacity='0.71'/%3E%3Ccircle cx='148.2' cy='421.8' r='0.66' fill='%23fffbe9' opacity='0.67'/%3E%3Ccircle cx='14.8' cy='339.8' r='0.65' fill='%23fffbe9' opacity='0.67'/%3E%3Ccircle cx='332.5' cy='236.9' r='1.05' fill='%23fff6fc' opacity='0.85'/%3E%3Ccircle cx='40.6' cy='650.7' r='0.76' fill='%23ffffff' opacity='0.81'/%3E%3Ccircle cx='291.8' cy='285.7' r='0.87' fill='%23fff6fc' opacity='0.71'/%3E%3Ccircle cx='228.3' cy='178.2' r='0.82' fill='%23f4fbff' opacity='0.63'/%3E%3Ccircle cx='62.7' cy='599.8' r='0.51' fill='%23fffbe9' opacity='0.89'/%3E%3Ccircle cx='90.5' cy='472.5' r='0.63' fill='%23ffffff' opacity='0.98'/%3E%3Ccircle cx='11.4' cy='341.3' r='1.03' fill='%23ffffff' opacity='0.69'/%3E%3Ccircle cx='385.1' cy='540.5' r='0.97' fill='%23f4fbff' opacity='0.69'/%3E%3Ccircle cx='126.5' cy='70.1' r='0.60' fill='%23ffffff' opacity='0.93'/%3E%3Ccircle cx='166.8' cy='659.7' r='0.45' fill='%23fffbe9' opacity='0.59'/%3E%3Ccircle cx='204.3' cy='367.4' r='1.14' fill='%23fffbe9' opacity='0.92'/%3E%3Ccircle cx='169.6' cy='116.1' r='0.80' fill='%23ffffff' opacity='0.62'/%3E%3Ccircle cx='281.3' cy='686.9' r='0.92' fill='%23ffffff' opacity='0.97'/%3E%3Ccircle cx='175.3' cy='73.9' r='0.74' fill='%23fffbe9' opacity='0.64'/%3E%3Ccircle cx='16.8' cy='83.7' r='0.79' fill='%23fffbe9' opacity='0.62'/%3E%3Ccircle cx='27.4' cy='602.6' r='0.67' fill='%23ffffff' opacity='0.79'/%3E%3Ccircle cx='239.9' cy='316.1' r='0.60' fill='%23fffbe9' opacity='0.86'/%3E%3Ccircle cx='87.9' cy='116.1' r='0.99' fill='%23fff6fc' opacity='0.62'/%3E%3Ccircle cx='326.0' cy='202.4' r='1.08' fill='%23fff6fc' opacity='0.71'/%3E%3Ccircle cx='202.3' cy='642.2' r='0.93' fill='%23fff6fc' opacity='0.94'/%3E%3Ccircle cx='382.6' cy='460.0' r='0.88' fill='%23fff6fc' opacity='0.59'/%3E%3Ccircle cx='207.3' cy='269.0' r='1.11' fill='%23f4fbff' opacity='0.66'/%3E%3Ccircle cx='91.7' cy='531.4' r='0.87' fill='%23ffffff' opacity='0.70'/%3E%3Ccircle cx='55.8' cy='566.6' r='0.50' fill='%23ffffff' opacity='1.00'/%3E%3Ccircle cx='60.7' cy='200.9' r='0.87' fill='%23ffffff' opacity='0.96'/%3E%3Ccircle cx='160.9' cy='562.8' r='0.53' fill='%23fff6fc' opacity='0.86'/%3E%3Ccircle cx='364.8' cy='623.4' r='0.74' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='218.6' cy='641.2' r='1.13' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='11.9' cy='519.0' r='0.93' fill='%23ffffff' opacity='0.72'/%3E%3Ccircle cx='193.8' cy='434.9' r='0.88' fill='%23ffffff' opacity='0.57'/%3E%3Ccircle cx='178.6' cy='95.3' r='0.47' fill='%23ffffff' opacity='0.83'/%3E%3Ccircle cx='35.0' cy='268.0' r='0.72' fill='%23ffffff' opacity='0.97'/%3E%3Ccircle cx='240.9' cy='695.9' r='0.97' fill='%23ffffff' opacity='0.83'/%3E%3Ccircle cx='382.4' cy='686.1' r='0.78' fill='%23fff6fc' opacity='0.81'/%3E%3Ccircle cx='101.5' cy='587.2' r='1.14' fill='%23fffbe9' opacity='0.58'/%3E%3Ccircle cx='303.1' cy='482.1' r='1.11' fill='%23f4fbff' opacity='0.76'/%3E%3Ccircle cx='317.5' cy='148.7' r='0.53' fill='%23f4fbff' opacity='0.78'/%3E%3Ccircle cx='276.4' cy='662.7' r='0.97' fill='%23f4fbff' opacity='0.80'/%3E%3Ccircle cx='160.8' cy='118.6' r='0.84' fill='%23ffffff' opacity='0.62'/%3E%3Ccircle cx='313.4' cy='649.6' r='0.70' fill='%23f4fbff' opacity='0.58'/%3E%3Ccircle cx='161.3' cy='689.9' r='0.50' fill='%23ffffff' opacity='0.80'/%3E%3Ccircle cx='283.1' cy='508.1' r='0.76' fill='%23fffbe9' opacity='0.97'/%3E%3Ccircle cx='191.1' cy='84.9' r='0.49' fill='%23ffffff' opacity='0.58'/%3E%3Ccircle cx='159.2' cy='412.0' r='0.58' fill='%23fffbe9' opacity='0.77'/%3E%3Ccircle cx='226.6' cy='520.1' r='0.76' fill='%23fff6fc' opacity='0.56'/%3E%3Ccircle cx='141.1' cy='121.1' r='0.81' fill='%23f4fbff' opacity='0.57'/%3E%3Ccircle cx='42.7' cy='535.2' r='0.63' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='344.4' cy='328.6' r='0.77' fill='%23fffbe9' opacity='0.93'/%3E%3Ccircle cx='16.8' cy='125.8' r='0.76' fill='%23ffffff' opacity='0.85'/%3E%3Ccircle cx='359.7' cy='328.4' r='0.53' fill='%23fff6fc' opacity='0.76'/%3E%3Ccircle cx='268.4' cy='324.2' r='0.54' fill='%23ffffff' opacity='0.87'/%3E%3Ccircle cx='97.4' cy='176.8' r='0.87' fill='%23fffbe9' opacity='0.93'/%3E%3Ccircle cx='360.0' cy='184.1' r='0.82' fill='%23ffffff' opacity='0.99'/%3E%3Ccircle cx='147.7' cy='583.0' r='0.80' fill='%23f4fbff' opacity='0.92'/%3E%3Ccircle cx='167.7' cy='532.5' r='0.55' fill='%23fff6fc' opacity='0.96'/%3E%3Ccircle cx='235.7' cy='653.2' r='0.60' fill='%23ffffff' opacity='0.84'/%3E%3Ccircle cx='197.8' cy='634.6' r='0.83' fill='%23ffffff' opacity='0.75'/%3E%3Ccircle cx='118.1' cy='90.8' r='0.76' fill='%23fff6fc' opacity='0.75'/%3E%3Ccircle cx='193.8' cy='199.2' r='1.08' fill='%23ffffff' opacity='0.96'/%3E%3Ccircle cx='230.6' cy='109.1' r='0.84' fill='%23f4fbff' opacity='0.71'/%3E%3Ccircle cx='279.0' cy='48.5' r='0.63' fill='%23fffbe9' opacity='0.72'/%3E%3Ccircle cx='258.4' cy='160.0' r='0.50' fill='%23fff6fc' opacity='0.97'/%3E%3Ccircle cx='26.3' cy='51.7' r='0.96' fill='%23ffffff' opacity='0.69'/%3E%3Ccircle cx='102.9' cy='709.0' r='1.04' fill='%23ffffff' opacity='0.91'/%3E%3Ccircle cx='263.1' cy='284.0' r='0.51' fill='%23fffbe9' opacity='0.96'/%3E%3Ccircle cx='203.5' cy='231.0' r='0.89' fill='%23fff6fc' opacity='0.56'/%3E%3Ccircle cx='14.9' cy='559.1' r='0.67' fill='%23f4fbff' opacity='0.67'/%3E%3Ccircle cx='385.2' cy='674.9' r='1.07' fill='%23f4fbff' opacity='0.72'/%3E%3Ccircle cx='210.8' cy='623.9' r='0.67' fill='%23fffbe9' opacity='0.83'/%3E%3Ccircle cx='123.9' cy='54.0' r='0.64' fill='%23ffffff' opacity='0.79'/%3E%3Ccircle cx='247.9' cy='585.8' r='0.66' fill='%23ffffff' opacity='0.69'/%3E%3Ccircle cx='216.7' cy='180.9' r='0.55' fill='%23ffffff' opacity='0.87'/%3E%3Ccircle cx='301.4' cy='129.2' r='0.64' fill='%23fffbe9' opacity='0.98'/%3E%3Ccircle cx='107.1' cy='703.9' r='0.94' fill='%23fffbe9' opacity='0.95'/%3E%3Ccircle cx='58.6' cy='350.9' r='1.14' fill='%23fffbe9' opacity='0.65'/%3E%3Ccircle cx='208.7' cy='498.7' r='1.01' fill='%23ffffff' opacity='0.92'/%3E%3Ccircle cx='212.2' cy='691.4' r='0.98' fill='%23ffffff' opacity='0.94'/%3E%3Ccircle cx='138.9' cy='383.4' r='0.64' fill='%23ffffff' opacity='0.81'/%3E%3Ccircle cx='275.2' cy='707.0' r='1.12' fill='%23fffbe9' opacity='0.95'/%3E%3Ccircle cx='231.6' cy='176.4' r='0.46' fill='%23ffffff' opacity='0.61'/%3E%3Ccircle cx='249.0' cy='74.2' r='0.68' fill='%23ffffff' opacity='0.80'/%3E%3Ccircle cx='250.9' cy='566.0' r='0.84' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='299.0' cy='315.7' r='1.11' fill='%23f4fbff' opacity='0.81'/%3E%3Ccircle cx='342.6' cy='373.9' r='0.97' fill='%23ffffff' opacity='0.93'/%3E%3Ccircle cx='211.6' cy='329.2' r='1.03' fill='%23f4fbff' opacity='0.72'/%3E%3Ccircle cx='264.8' cy='688.9' r='1.03' fill='%23fffbe9' opacity='0.64'/%3E%3Ccircle cx='96.8' cy='148.7' r='0.74' fill='%23ffffff' opacity='0.67'/%3E%3Ccircle cx='136.7' cy='380.6' r='1.05' fill='%23ffffff' opacity='0.74'/%3E%3Ccircle cx='214.1' cy='614.5' r='0.68' fill='%23fff6fc' opacity='0.83'/%3E%3Ccircle cx='339.0' cy='659.8' r='0.70' fill='%23ffffff' opacity='0.94'/%3E%3Ccircle cx='68.2' cy='197.2' r='1.02' fill='%23fffbe9' opacity='0.84'/%3E%3Ccircle cx='227.4' cy='195.5' r='1.10' fill='%23ffffff' opacity='0.61'/%3E%3Ccircle cx='106.7' cy='63.3' r='0.93' fill='%23ffffff' opacity='0.71'/%3E%3Ccircle cx='44.4' cy='526.6' r='0.82' fill='%23fffbe9' opacity='0.60'/%3E%3Ccircle cx='231.3' cy='604.3' r='0.91' fill='%23ffffff' opacity='0.84'/%3E%3Ccircle cx='140.6' cy='278.7' r='0.64' fill='%23fffbe9' opacity='0.95'/%3E%3Ccircle cx='228.0' cy='636.3' r='0.89' fill='%23ffffff' opacity='0.89'/%3E%3Ccircle cx='9.4' cy='641.5' r='0.78' fill='%23ffffff' opacity='0.73'/%3E%3Ccircle cx='263.7' cy='284.6' r='0.92' fill='%23ffffff' opacity='0.69'/%3E%3Ccircle cx='218.7' cy='130.7' r='1.12' fill='%23ffffff' opacity='0.58'/%3E%3Ccircle cx='133.9' cy='542.5' r='0.73' fill='%23fff6fc' opacity='0.68'/%3E%3Ccircle cx='125.7' cy='260.0' r='0.64' fill='%23ffffff' opacity='0.55'/%3E%3Ccircle cx='171.9' cy='634.7' r='0.91' fill='%23ffffff' opacity='0.80'/%3E%3Ccircle cx='314.5' cy='609.8' r='0.78' fill='%23f4fbff' opacity='0.82'/%3E%3Ccircle cx='76.8' cy='340.3' r='1.05' fill='%23fffbe9' opacity='0.58'/%3E%3Ccircle cx='18.0' cy='216.5' r='0.49' fill='%23ffffff' opacity='0.59'/%3E%3Ccircle cx='148.5' cy='622.6' r='0.77' fill='%23ffffff' opacity='0.66'/%3E%3Ccircle cx='33.6' cy='338.9' r='0.48' fill='%23ffffff' opacity='0.75'/%3E%3Ccircle cx='220.4' cy='218.7' r='0.74' fill='%23fffbe9' opacity='0.60'/%3E%3Ccircle cx='278.0' cy='253.1' r='0.74' fill='%23fffbe9' opacity='0.94'/%3E%3Ccircle cx='314.5' cy='296.1' r='0.93' fill='%23f4fbff' opacity='0.58'/%3E%3Ccircle cx='158.3' cy='298.4' r='0.74' fill='%23ffffff' opacity='0.76'/%3E%3Ccircle cx='6.1' cy='208.2' r='0.63' fill='%23fffbe9' opacity='0.79'/%3E%3Ccircle cx='230.2' cy='583.4' r='0.47' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='359.1' cy='396.7' r='0.76' fill='%23ffffff' opacity='0.59'/%3E%3Ccircle cx='223.6' cy='254.4' r='0.79' fill='%23f4fbff' opacity='0.75'/%3E%3Ccircle cx='332.8' cy='239.0' r='0.58' fill='%23fff6fc' opacity='0.90'/%3E%3Ccircle cx='17.1' cy='513.5' r='0.46' fill='%23ffffff' opacity='0.86'/%3E%3Ccircle cx='219.7' cy='429.5' r='1.03' fill='%23f4fbff' opacity='0.59'/%3E%3Ccircle cx='364.7' cy='352.9' r='1.07' fill='%23ffffff' opacity='0.96'/%3E%3Ccircle cx='102.0' cy='299.0' r='0.74' fill='%23fff6fc' opacity='0.86'/%3E%3Ccircle cx='67.2' cy='41.3' r='0.93' fill='%23ffffff' opacity='0.93'/%3E%3Ccircle cx='143.9' cy='347.1' r='0.75' fill='%23ffffff' opacity='0.57'/%3E%3Ccircle cx='116.5' cy='587.4' r='1.07' fill='%23fff6fc' opacity='0.70'/%3E%3Ccircle cx='168.2' cy='68.5' r='0.46' fill='%23f4fbff' opacity='0.61'/%3E%3Ccircle cx='190.0' cy='592.7' r='0.96' fill='%23fff6fc' opacity='0.61'/%3E%3Ccircle cx='188.3' cy='549.9' r='0.72' fill='%23ffffff' opacity='0.92'/%3E%3Ccircle cx='230.7' cy='273.6' r='0.60' fill='%23ffffff' opacity='0.73'/%3E%3Ccircle cx='78.6' cy='251.5' r='0.48' fill='%23fff6fc' opacity='0.67'/%3E%3Ccircle cx='58.8' cy='460.7' r='0.75' fill='%23ffffff' opacity='0.83'/%3E%3Ccircle cx='347.4' cy='622.5' r='0.67' fill='%23ffffff' opacity='0.88'/%3E%3Ccircle cx='205.8' cy='424.8' r='0.93' fill='%23fff6fc' opacity='0.97'/%3E%3Ccircle cx='301.9' cy='592.4' r='1.00' fill='%23ffffff' opacity='0.83'/%3E%3Ccircle cx='302.2' cy='100.5' r='0.53' fill='%23ffffff' opacity='0.80'/%3E%3Ccircle cx='309.2' cy='488.7' r='1.11' fill='%23ffffff' opacity='0.77'/%3E%3Ccircle cx='302.7' cy='680.9' r='0.69' fill='%23ffffff' opacity='0.73'/%3E%3Ccircle cx='16.3' cy='335.8' r='0.81' fill='%23ffffff' opacity='0.56'/%3E%3Ccircle cx='95.1' cy='719.1' r='0.77' fill='%23ffffff' opacity='0.75'/%3E%3Ccircle cx='368.7' cy='68.5' r='0.78' fill='%23f4fbff' opacity='0.63'/%3E%3Ccircle cx='90.8' cy='607.0' r='0.54' fill='%23ffffff' opacity='0.98'/%3E%3Ccircle cx='274.7' cy='659.5' r='0.56' fill='%23ffffff' opacity='0.79'/%3E%3Ccircle cx='309.9' cy='91.1' r='1.03' fill='%23fffbe9' opacity='0.57'/%3E%3Ccircle cx='369.3' cy='143.2' r='0.58' fill='%23ffffff' opacity='0.87'/%3E%3Ccircle cx='251.0' cy='590.9' r='0.84' fill='%23ffffff' opacity='0.71'/%3E%3Ccircle cx='22.5' cy='652.1' r='0.69' fill='%23ffffff' opacity='0.81'/%3E%3Ccircle cx='197.0' cy='392.9' r='0.97' fill='%23ffffff' opacity='0.81'/%3E%3Ccircle cx='236.8' cy='462.4' r='1.11' fill='%23fff6fc' opacity='0.65'/%3E%3Ccircle cx='281.3' cy='717.8' r='1.13' fill='%23f4fbff' opacity='0.82'/%3E%3Ccircle cx='357.2' cy='283.6' r='0.53' fill='%23f4fbff' opacity='0.94'/%3E%3Ccircle cx='223.8' cy='544.7' r='0.75' fill='%23fffbe9' opacity='0.60'/%3E%3Ccircle cx='21.3' cy='162.6' r='0.72' fill='%23ffffff' opacity='0.60'/%3E%3Ccircle cx='131.2' cy='44.1' r='0.94' fill='%23fffbe9' opacity='0.93'/%3E%3Ccircle cx='22.2' cy='375.6' r='0.54' fill='%23f4fbff' opacity='0.91'/%3E%3Ccircle cx='263.9' cy='117.0' r='0.88' fill='%23fff6fc' opacity='0.99'/%3E%3Ccircle cx='110.5' cy='476.5' r='1.03' fill='%23f4fbff' opacity='0.69'/%3E%3Ccircle cx='31.5' cy='415.8' r='0.78' fill='%23ffffff' opacity='0.95'/%3E%3Ccircle cx='344.9' cy='313.7' r='0.83' fill='%23ffffff' opacity='0.95'/%3E%3Ccircle cx='317.8' cy='669.4' r='0.73' fill='%23ffffff' opacity='0.73'/%3E%3Ccircle cx='131.7' cy='165.0' r='0.48' fill='%23ffffff' opacity='0.98'/%3E%3Ccircle cx='214.6' cy='236.8' r='0.87' fill='%23ffffff' opacity='0.78'/%3E%3Ccircle cx='73.9' cy='354.6' r='0.71' fill='%23fffbe9' opacity='0.79'/%3E%3Ccircle cx='315.7' cy='202.3' r='1.12' fill='%23f4fbff' opacity='0.84'/%3E%3Ccircle cx='322.0' cy='249.9' r='4.8' fill='url(%23g)'/%3E%3Ccircle cx='322.0' cy='249.9' r='0.82' fill='%23fff'/%3E%3Ccircle cx='74.5' cy='89.6' r='4.6' fill='url(%23g)'/%3E%3Ccircle cx='74.5' cy='89.6' r='0.79' fill='%23fff'/%3E%3Ccircle cx='353.0' cy='279.6' r='5.9' fill='url(%23g)'/%3E%3Ccircle cx='353.0' cy='279.6' r='1.02' fill='%23fff'/%3E%3Ccircle cx='92.6' cy='448.0' r='6.7' fill='url(%23g)'/%3E%3Ccircle cx='92.6' cy='448.0' r='1.15' fill='%23fff'/%3E%3Ccircle cx='93.8' cy='637.3' r='4.8' fill='url(%23g)'/%3E%3Ccircle cx='93.8' cy='637.3' r='0.83' fill='%23fff'/%3E%3Ccircle cx='309.6' cy='137.0' r='6.1' fill='url(%23g)'/%3E%3Ccircle cx='309.6' cy='137.0' r='1.06' fill='%23fff'/%3E%3Ccircle cx='295.4' cy='297.8' r='4.4' fill='url(%23g)'/%3E%3Ccircle cx='295.4' cy='297.8' r='0.75' fill='%23fff'/%3E%3Ccircle cx='251.6' cy='660.4' r='6.7' fill='url(%23g)'/%3E%3Ccircle cx='251.6' cy='660.4' r='1.15' fill='%23fff'/%3E%3Ccircle cx='347.6' cy='477.5' r='5.4' fill='url(%23g)'/%3E%3Ccircle cx='347.6' cy='477.5' r='0.93' fill='%23fff'/%3E%3Ccircle cx='280.5' cy='516.2' r='6.2' fill='url(%23g)'/%3E%3Ccircle cx='280.5' cy='516.2' r='1.07' fill='%23fff'/%3E%3Ccircle cx='99.9' cy='402.0' r='6.6' fill='url(%23g)'/%3E%3Ccircle cx='99.9' cy='402.0' r='1.13' fill='%23fff'/%3E%3Ccircle cx='325.9' cy='153.5' r='6.5' fill='url(%23g)'/%3E%3Ccircle cx='325.9' cy='153.5' r='1.11' fill='%23fff'/%3E%3Ccircle cx='111.6' cy='632.2' r='5.4' fill='url(%23g)'/%3E%3Ccircle cx='111.6' cy='632.2' r='0.92' fill='%23fff'/%3E%3Ccircle cx='154.2' cy='517.5' r='5.9' fill='url(%23g)'/%3E%3Ccircle cx='154.2' cy='517.5' r='1.02' fill='%23fff'/%3E%3Ccircle cx='280.1' cy='635.7' r='6.7' fill='url(%23g)'/%3E%3Ccircle cx='280.1' cy='635.7' r='1.15' fill='%23fff'/%3E%3Ccircle cx='77.2' cy='313.1' r='6.3' fill='url(%23g)'/%3E%3Ccircle cx='77.2' cy='313.1' r='1.08' fill='%23fff'/%3E%3Ccircle cx='108.1' cy='198.6' r='5.6' fill='url(%23g)'/%3E%3Ccircle cx='108.1' cy='198.6' r='0.97' fill='%23fff'/%3E%3Ccircle cx='35.2' cy='655.3' r='6.4' fill='url(%23g)'/%3E%3Ccircle cx='35.2' cy='655.3' r='1.09' fill='%23fff'/%3E%3Ccircle cx='38.6' cy='581.8' r='5.4' fill='url(%23g)'/%3E%3Ccircle cx='38.6' cy='581.8' r='0.93' fill='%23fff'/%3E%3Ccircle cx='193.1' cy='694.0' r='6.7' fill='url(%23g)'/%3E%3Ccircle cx='193.1' cy='694.0' r='1.14' fill='%23fff'/%3E%3Ccircle cx='71.4' cy='467.2' r='4.7' fill='url(%23g)'/%3E%3Ccircle cx='71.4' cy='467.2' r='0.81' fill='%23fff'/%3E%3Ccircle cx='282.2' cy='362.0' r='5.9' fill='url(%23g)'/%3E%3Ccircle cx='282.2' cy='362.0' r='1.01' fill='%23fff'/%3E%3Ccircle cx='193.8' cy='640.6' r='4.2' fill='url(%23g)'/%3E%3Ccircle cx='193.8' cy='640.6' r='0.72' fill='%23fff'/%3E%3Ccircle cx='312.8' cy='144.3' r='6.4' fill='url(%23g)'/%3E%3Ccircle cx='312.8' cy='144.3' r='1.10' fill='%23fff'/%3E%3Ccircle cx='123.4' cy='239.9' r='4.6' fill='url(%23g)'/%3E%3Ccircle cx='123.4' cy='239.9' r='0.78' fill='%23fff'/%3E%3Ccircle cx='238.7' cy='503.4' r='6.2' fill='url(%23g)'/%3E%3Ccircle cx='238.7' cy='503.4' r='1.07' fill='%23fff'/%3E%3Ccircle cx='291.4' cy='540.6' r='4.8' fill='url(%23g)'/%3E%3Ccircle cx='291.4' cy='540.6' r='0.82' fill='%23fff'/%3E%3Ccircle cx='268.4' cy='169.9' r='5.2' fill='url(%23g)'/%3E%3Ccircle cx='268.4' cy='169.9' r='0.89' fill='%23fff'/%3E%3Ccircle cx='217.5' cy='436.5' r='6.0' fill='url(%23g)'/%3E%3Ccircle cx='217.5' cy='436.5' r='1.03' fill='%23fff'/%3E%3Ccircle cx='40.2' cy='170.3' r='5.4' fill='url(%23g)'/%3E%3Ccircle cx='40.2' cy='170.3' r='0.92' fill='%23fff'/%3E%3Ccircle cx='33.7' cy='307.9' r='6.4' fill='url(%23g)'/%3E%3Ccircle cx='33.7' cy='307.9' r='1.09' fill='%23fff'/%3E%3Ccircle cx='233.4' cy='649.4' r='4.3' fill='url(%23g)'/%3E%3Ccircle cx='233.4' cy='649.4' r='0.74' fill='%23fff'/%3E%3Ccircle cx='211.0' cy='151.6' r='5.3' fill='url(%23g)'/%3E%3Ccircle cx='211.0' cy='151.6' r='0.91' fill='%23fff'/%3E%3Ccircle cx='304.4' cy='699.0' r='4.2' fill='url(%23g)'/%3E%3Ccircle cx='304.4' cy='699.0' r='0.73' fill='%23fff'/%3E%3Ccircle cx='119.3' cy='647.5' r='6.6' fill='url(%23g)'/%3E%3Cpath d='M119.3 641.2Q119.3 647.5 125.6 647.5Q119.3 647.5 119.3 653.8Q119.3 647.5 113.0 647.5Q119.3 647.5 119.3 641.2Z' fill='%23fff' transform='rotate(45 119.3 647.5)'/%3E%3Ccircle cx='119.0' cy='479.4' r='10.3' fill='url(%23g)'/%3E%3Cpath d='M119.0 469.6Q119.0 479.4 128.9 479.4Q119.0 479.4 119.0 489.2Q119.0 479.4 109.2 479.4Q119.0 479.4 119.0 469.6Z' fill='%23fff' transform='rotate(0 119.0 479.4)'/%3E%3Ccircle cx='33.1' cy='419.0' r='5.8' fill='url(%23g)'/%3E%3Cpath d='M33.1 413.5Q33.1 419.0 38.6 419.0Q33.1 419.0 33.1 424.6Q33.1 419.0 27.5 419.0Q33.1 419.0 33.1 413.5Z' fill='%23fff' transform='rotate(0 33.1 419.0)'/%3E%3Ccircle cx='101.0' cy='265.6' r='10.4' fill='url(%23g)'/%3E%3Cpath d='M101.0 255.7Q101.0 265.6 110.9 265.6Q101.0 265.6 101.0 275.5Q101.0 265.6 91.1 265.6Q101.0 265.6 101.0 255.7Z' fill='%23fff' transform='rotate(0 101.0 265.6)'/%3E%3Ccircle cx='369.1' cy='194.6' r='8.7' fill='url(%23g)'/%3E%3Cpath d='M369.1 186.3Q369.1 194.6 377.5 194.6Q369.1 194.6 369.1 202.9Q369.1 194.6 360.8 194.6Q369.1 194.6 369.1 186.3Z' fill='%23fff' transform='rotate(0 369.1 194.6)'/%3E%3Ccircle cx='293.7' cy='155.7' r='9.5' fill='url(%23g)'/%3E%3Cpath d='M293.7 146.7Q293.7 155.7 302.7 155.7Q293.7 155.7 293.7 164.7Q293.7 155.7 284.7 155.7Q293.7 155.7 293.7 146.7Z' fill='%23fff' transform='rotate(0 293.7 155.7)'/%3E%3Ccircle cx='200.5' cy='478.7' r='8.7' fill='url(%23g)'/%3E%3Cpath d='M200.5 470.4Q200.5 478.7 208.8 478.7Q200.5 478.7 200.5 487.0Q200.5 478.7 192.2 478.7Q200.5 478.7 200.5 470.4Z' fill='%23fff' transform='rotate(0 200.5 478.7)'/%3E%3Ccircle cx='94.6' cy='210.4' r='6.8' fill='url(%23g)'/%3E%3Cpath d='M94.6 203.9Q94.6 210.4 101.1 210.4Q94.6 210.4 94.6 216.9Q94.6 210.4 88.1 210.4Q94.6 210.4 94.6 203.9Z' fill='%23fff' transform='rotate(45 94.6 210.4)'/%3E%3Ccircle cx='142.2' cy='114.1' r='4.8' fill='url(%23g)'/%3E%3Cpath d='M142.2 109.5Q142.2 114.1 146.8 114.1Q142.2 114.1 142.2 118.7Q142.2 114.1 137.6 114.1Q142.2 114.1 142.2 109.5Z' fill='%23fff' transform='rotate(0 142.2 114.1)'/%3E%3Ccircle cx='240.7' cy='597.4' r='6.4' fill='url(%23g)'/%3E%3Cpath d='M240.7 591.3Q240.7 597.4 246.8 597.4Q240.7 597.4 240.7 603.5Q240.7 597.4 234.6 597.4Q240.7 597.4 240.7 591.3Z' fill='%23fff' transform='rotate(0 240.7 597.4)'/%3E%3Ccircle cx='333.7' cy='72.1' r='8.3' fill='url(%23g)'/%3E%3Cpath d='M333.7 64.2Q333.7 72.1 341.6 72.1Q333.7 72.1 333.7 79.9Q333.7 72.1 325.8 72.1Q333.7 72.1 333.7 64.2Z' fill='%23fff' transform='rotate(45 333.7 72.1)'/%3E%3Ccircle cx='220.9' cy='683.0' r='6.5' fill='url(%23g)'/%3E%3Cpath d='M220.9 676.8Q220.9 683.0 227.1 683.0Q220.9 683.0 220.9 689.2Q220.9 683.0 214.7 683.0Q220.9 683.0 220.9 676.8Z' fill='%23fff' transform='rotate(45 220.9 683.0)'/%3E%3Ccircle cx='214.5' cy='201.0' r='6.3' fill='url(%23g)'/%3E%3Cpath d='M214.5 195.0Q214.5 201.0 220.5 201.0Q214.5 201.0 214.5 207.0Q214.5 201.0 208.5 201.0Q214.5 201.0 214.5 195.0Z' fill='%23fff' transform='rotate(0 214.5 201.0)'/%3E%3Ccircle cx='55.9' cy='418.7' r='6.5' fill='url(%23g)'/%3E%3Cpath d='M55.9 412.5Q55.9 418.7 62.1 418.7Q55.9 418.7 55.9 424.9Q55.9 418.7 49.8 418.7Q55.9 418.7 55.9 412.5Z' fill='%23fff' transform='rotate(0 55.9 418.7)'/%3E%3C/svg%3E"); }
/* ==========================================================================
   BOOSTER: the Genesis pack as a real foil bag
   Holographic film, glitter, pillow shading, heat-sealed crimps.
   Sizing: --w is the width, --ar the height/width ratio (1.75), --u one twentieth of the width.
   Every vertical position is written in --u so the art keeps its place whatever the ratio.
   Colors come from a colorway class (.cw-prism, .cw-gold, ...; generated in gen_css.py).
   Pointer vars (--mx, --my, --nx, --ny) come from whoever drives the light.
   ========================================================================== */
.bpc { --ar: 1.75; position: relative; width: var(--w, 280px); height: calc(var(--w, 280px) * var(--ar)); }
.bpc--show { perspective: 1100px; }
.bpc--show::before { content: ""; position: absolute; left: 10%; right: 10%; bottom: -5%; height: 9%; border-radius: 50%; background: radial-gradient(closest-side, rgba(0,0,0,.7), transparent); filter: blur(10px); }
.bp { --ar: 1.75; --u: calc(var(--w, 280px) / 20); position: absolute; left: 0; top: 0; width: var(--w, 280px); height: calc(var(--w, 280px) * var(--ar)); font-size: var(--u);
  --tooth: .62em; color: rgb(var(--ink-rgb)); isolation: isolate; user-select: none; -webkit-user-select: none; transform-style: flat;
  -webkit-mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--tooth) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--tooth) 51% repeat-x;
          mask: conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--tooth) 51% repeat-x, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--tooth) 51% repeat-x; }
.bp > * { position: absolute; pointer-events: none; }

/* film */
.bp__foil { inset: 0; background: var(--foil) 0 0 / 100% 100% no-repeat, var(--foil-bg); }
.bp__tint { inset: 0; background: var(--tint); mix-blend-mode: var(--tint-blend); opacity: var(--tint-op); }
.bp__holo { inset: 0; background: var(--holo); mix-blend-mode: var(--holo-blend); opacity: var(--holo-op);
  background-size: 280% 280%; background-position: calc(50% + var(--nx, 0) * 110%) calc(50% + var(--ny, 0) * 90%); }
.bp__glitter { inset: 0; background-size: 100% 100%; background-repeat: no-repeat; }
.bp__glitter--a { background-image: var(--glitter-a); animation: bp-twinkle 3.6s ease-in-out infinite; }
.bp__glitter--b { background-image: var(--glitter-b); animation: bp-twinkle 3.6s ease-in-out -1.8s infinite;
  -webkit-mask: radial-gradient(50% 32% at var(--mx, 40%) var(--my, 32%), #000 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.18) 100%);
          mask: radial-gradient(50% 32% at var(--mx, 40%) var(--my, 32%), #000 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,.18) 100%); }
@keyframes bp-twinkle { 0%, 100% { opacity: calc(.5 * var(--glit, 1)); } 50% { opacity: var(--glit, 1); } }

/* print (the bag is 20u wide and 35u tall) */
.bp__art { inset: 0; }
.bp__art > * { position: absolute; }
.bp__edition { left: 0; right: 0; top: calc(var(--u) * 4.1); text-align: center; font-family: var(--mono); font-size: .54em; font-weight: 500; letter-spacing: .34em; text-transform: uppercase; color: rgb(var(--ink-rgb) / .62); mix-blend-mode: var(--ink-blend); }
.bp__globe { left: 20.5%; top: calc(var(--u) * 6.5); width: 59%; aspect-ratio: 1; border-radius: 50%; box-shadow: var(--globe-shadow); }
.bp__globe-img, .bp__globe-shade { position: absolute; inset: 0; border-radius: 50%; }
.bp__globe-img { background-size: 112.9%; background-position: 50% 50%; background-color: #0b1a3a; }
.bp__globe-shade { background:
  radial-gradient(circle at 33% 27%, rgba(255,255,255,.62) 0%, rgba(255,255,255,.2) 16%, rgba(255,255,255,0) 40%),
  radial-gradient(circle at 50% 50%, rgba(0,0,0,0) 56%, rgba(8,18,52,.32) 84%, rgba(6,12,40,.62) 100%),
  radial-gradient(circle at 72% 80%, rgba(6,10,40,.35), rgba(6,10,40,0) 45%);
  box-shadow: inset 0 0 0 .08em rgba(255,255,255,.45), inset 0 0 .9em .1em rgba(150,200,255,.45); }
.bp__globe-shade::after { content: ""; position: absolute; left: 20%; top: 11%; width: 27%; height: 13%; border-radius: 50%; transform: rotate(-32deg); background: radial-gradient(closest-side, rgba(255,255,255,.95), rgba(255,255,255,0)); }
.bp__word { left: 0; right: 0; top: calc(var(--u) * 19.4); display: flex; justify-content: center; align-items: baseline; font-family: var(--serif); font-size: 2.9em; line-height: 1; letter-spacing: -.04em; color: rgb(var(--ink-rgb)); mix-blend-mode: var(--ink-blend); }
.bp__word b { font-weight: 650; }
.bp__word span { font-weight: 380; }
.bp__tag { left: 0; right: 0; top: calc(var(--u) * 23); text-align: center; font-family: var(--sans); font-size: .98em; font-weight: 450; letter-spacing: 0; color: rgb(var(--ink-rgb) / .8); mix-blend-mode: var(--ink-blend); }
.bp__cc { left: 7.75%; bottom: calc(var(--u) * 4.25); display: flex; flex-direction: column; gap: .5em; color: rgb(var(--ink-rgb) / .76); mix-blend-mode: var(--ink-blend); }
.bp__cc-mark { display: flex; align-items: center; gap: .32em; }
.bp__cc-mark i { width: 1.62em; height: 1.62em; border-radius: 50%; border: .11em solid currentColor; display: grid; place-items: center; font-style: normal; font-family: var(--sans); font-weight: 700; font-size: .9em; letter-spacing: -.06em; line-height: 1; padding-bottom: .04em; }
.bp__cc-mark b { font-family: var(--sans); font-weight: 600; font-size: .66em; line-height: 1; padding: .3em .42em .26em; border: .13em solid currentColor; border-radius: .22em; letter-spacing: .06em; }
.bp__cc-line { font-family: var(--sans); font-size: .62em; letter-spacing: .005em; white-space: nowrap; }
.bp__count { right: 7.75%; bottom: calc(var(--u) * 4.33); font-family: var(--mono); font-size: .58em; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: rgb(var(--ink-rgb) / .72); mix-blend-mode: var(--ink-blend); }
.bp__batch { left: 0; right: 0; bottom: calc(var(--u) * 2.95); text-align: center; font-family: var(--mono); font-size: .44em; letter-spacing: .2em; text-transform: uppercase; color: rgb(var(--ink-rgb) / .46); mix-blend-mode: var(--ink-blend); }

/* heat-sealed crimps, top and bottom */
.bp__seal { left: 0; right: 0; height: calc(var(--u) * 2.2);
  background:
    repeating-linear-gradient(180deg, rgb(255 255 255 / calc(.78 * var(--hi))) 0 .06em, rgb(255 255 255 / 0) .06em .17em, rgb(var(--shade) / .18) .17em .23em, rgb(255 255 255 / 0) .23em .31em),
    linear-gradient(180deg, rgb(255 255 255 / calc(.34 * var(--hi))), rgb(255 255 255 / calc(.14 * var(--hi))) 70%, rgb(255 255 255 / calc(.3 * var(--hi)))); }
.bp__seal--top { top: 0; }
.bp__seal--bot { bottom: 0; transform: scaleY(-1); }

/* the bag is puffy between the seals: rim light on the sides, pinch below each seal, broad volume */
.bp__pillow { inset: 0;
  background:
    linear-gradient(90deg, rgb(var(--shade) / .36) 0, rgb(var(--shade) / 0) 1.3%, rgb(255 255 255 / calc(.9 * var(--hi))) 2.7%, rgb(255 255 255 / calc(.2 * var(--hi))) 4.6%, rgb(255 255 255 / 0) 8%, rgb(255 255 255 / 0) 91.5%, rgb(255 255 255 / calc(.18 * var(--hi))) 95.2%, rgb(255 255 255 / calc(.78 * var(--hi))) 97.3%, rgb(var(--shade) / 0) 98.7%, rgb(var(--shade) / .38) 100%),
    linear-gradient(180deg, rgb(var(--shade) / 0) calc(var(--u) * 2.185), rgb(var(--shade) / .28) calc(var(--u) * 2.3), rgb(255 255 255 / calc(.96 * var(--hi))) calc(var(--u) * 2.64), rgb(255 255 255 / calc(.4 * var(--hi))) calc(var(--u) * 3.08), rgb(255 255 255 / 0) calc(var(--u) * 4.37),
      rgb(255 255 255 / 0) calc(100% - var(--u) * 4.37), rgb(255 255 255 / calc(.36 * var(--hi))) calc(100% - var(--u) * 3.08), rgb(255 255 255 / calc(.94 * var(--hi))) calc(100% - var(--u) * 2.64), rgb(var(--shade) / .26) calc(100% - var(--u) * 2.3), rgb(var(--shade) / 0) calc(100% - var(--u) * 2.185)),
    radial-gradient(125% 60% at 36% 42%, rgb(255 255 255 / calc(.16 * var(--hi))), rgb(255 255 255 / 0) 60%),
    radial-gradient(80% 50% at 84% 86%, rgb(var(--shade) / .18), rgb(var(--shade) / 0) 70%),
    radial-gradient(60% 40% at 8% 70%, rgb(var(--shade) / .12), rgb(var(--shade) / 0) 70%); }
/* pinch wrinkles where the film bunches into the seals */
.bp__pillow::before, .bp__pillow::after { content: ""; position: absolute; left: 0; right: 0; height: calc(var(--u) * 3.42); opacity: .55; filter: blur(.6px);
  background:
    linear-gradient(62deg, transparent 46%, rgb(255 255 255 / calc(.55 * var(--hi))) 48.5%, rgb(var(--shade) / .16) 50.5%, transparent 53%) 0 0 / 26% 100% no-repeat,
    linear-gradient(74deg, transparent 47%, rgb(255 255 255 / calc(.4 * var(--hi))) 49%, rgb(var(--shade) / .12) 50.5%, transparent 52.5%) 14% 0 / 18% 80% no-repeat,
    linear-gradient(-62deg, transparent 46%, rgb(255 255 255 / calc(.55 * var(--hi))) 48.5%, rgb(var(--shade) / .16) 50.5%, transparent 53%) 100% 0 / 26% 100% no-repeat,
    linear-gradient(-76deg, transparent 47%, rgb(255 255 255 / calc(.38 * var(--hi))) 49%, rgb(var(--shade) / .12) 50.5%, transparent 52.5%) 84% 0 / 18% 80% no-repeat; }
.bp__pillow::before { top: calc(var(--u) * 2.24); }
.bp__pillow::after { bottom: calc(var(--u) * 2.24); transform: scaleY(-1); }

/* light that follows the tilt */
.bp__gloss { inset: 0; mix-blend-mode: soft-light;
  background:
    radial-gradient(58% 34% at var(--mx, 38%) var(--my, 30%), rgba(255,255,255,.95), rgba(255,255,255,0) 72%),
    linear-gradient(104deg, rgba(255,255,255,0) calc(24% + var(--nx, 0) * 80%), rgba(255,255,255,.7) calc(36% + var(--nx, 0) * 80%), rgba(255,255,255,0) calc(47% + var(--nx, 0) * 80%)); }
.bp__spec { inset: 0; mix-blend-mode: screen; opacity: calc(.55 * var(--hi));
  background: linear-gradient(104deg, rgba(255,255,255,0) calc(31% + var(--nx, 0) * 80%), rgba(255,255,255,.55) calc(35.5% + var(--nx, 0) * 80%), rgba(255,255,255,0) calc(40% + var(--nx, 0) * 80%)); }

/* gift packs: a satin ribbon wrapped across the top-right corner.
   It crosses the top edge and the right edge at the same distance (7.4u) from the corner, so it reads as
   wrapped round the bag; its ends run past both edges and are cut by the bag's outline. */
.bp__sash { display: none; left: calc(var(--u) * 9.3); top: calc(var(--u) * 2.45); width: calc(var(--u) * 14); height: calc(var(--u) * 2.5);
  transform: rotate(45deg); transform-origin: 50% 50%; align-items: center; justify-content: center; color: var(--sash-ink, #fff3dc);
  background:
    linear-gradient(90deg, rgba(0,0,0,.3) 11%, rgba(0,0,0,0) 22%, rgba(0,0,0,0) 78%, rgba(0,0,0,.3) 89%),
    linear-gradient(180deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,0) 32%, rgba(0,0,0,0) 60%, rgba(0,0,0,.28) 100%),
    linear-gradient(90deg, rgba(255,255,255,0) calc(24% + var(--nx, 0) * 60%), rgba(255,255,255,.42) calc(38% + var(--nx, 0) * 60%), rgba(255,255,255,0) calc(52% + var(--nx, 0) * 60%)),
    var(--sash, linear-gradient(180deg, #8f1b3a, #b4284b 50%, #7c1430));
  box-shadow: 0 .4em .8em rgba(20,6,12,.38), 0 .1em .2em rgba(20,6,12,.3), inset 0 .07em 0 rgba(255,255,255,.35), inset 0 -.07em 0 rgba(0,0,0,.25); }
.bp__sash::before, .bp__sash::after { content: ""; position: absolute; left: 0; right: 0; height: 0; border-top: .07em dashed rgba(255,240,210,.55); }
.bp__sash::before { top: .3em; } .bp__sash::after { bottom: .3em; }
.bp__sash span { font-family: var(--mono); font-size: .56em; font-weight: 600; letter-spacing: .32em; text-transform: uppercase; white-space: nowrap; padding-left: .32em; }
.kind-gift .bp__sash { display: flex; }
.kind-gift .bp__edition { right: auto; left: 7.75%; text-align: left; }
/* welcome packs: a round paper sticker */
.bp__sticker { display: none; right: 5.5%; top: calc(var(--u) * 5.7); width: 5.7em; height: 5.7em; border-radius: 50%; flex-direction: column; align-items: center; justify-content: center; gap: .18em;
  transform: rotate(-11deg); color: #1d1a26;
  background: radial-gradient(circle at 35% 28%, #ffffff 0%, #f6f3ee 55%, #e7e1d6 100%);
  box-shadow: 0 .18em .45em rgba(20,14,40,.3), inset 0 0 0 .16em rgba(255,255,255,.9), inset 0 0 0 .24em var(--sticker-ring, #e3b85a); }
.bp__sticker b { font-family: var(--serif); font-weight: 700; font-size: 1.28em; line-height: 1; letter-spacing: -.03em; }
.bp__sticker span { font-family: var(--mono); font-size: .42em; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; padding-left: .2em; }
.kind-welcome .bp__sticker { display: flex; }

@media (prefers-reduced-motion: reduce) { .bp__glitter { animation: none; } }
.bp--strip .bp__art, .bp--strip .bp__seal--bot, .bp--strip .bp__sash { display: none; }

/* === COLORWAYS: one bag, many films (applied to .bp and to foil card backs) === */
.cw-prism { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='1.62 0 0 0 .1 0 1.5 0 0 .17 0 0 1.62 0 .1 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.4'/%3E %3C/svg%3E"); --foil-bg: #efe4f6; --ink-rgb: 31 23 51; --ink-blend: multiply; --shade: 58 44 96; --hi: 1; --holo: linear-gradient(118deg, #ff6fb8 0%, #ffcf5c 12%, #5ff0b8 24%, #5fc0ff 36%, #a383ff 48%, #ff6fb8 60%, #ffcf5c 72%, #5ff0b8 84%, #5fc0ff 100%); --holo-blend: soft-light; --holo-op: 0.95; --tint: radial-gradient(70% 38% at 18% 24%, rgba(255,170,220,.55), transparent 70%), radial-gradient(60% 40% at 86% 56%, rgba(160,200,255,.6), transparent 70%), radial-gradient(70% 36% at 30% 86%, rgba(200,170,255,.55), transparent 70%), radial-gradient(50% 30% at 78% 14%, rgba(255,230,160,.5), transparent 70%); --tint-blend: multiply; --tint-op: 0.5; --globe-shadow: 0 1em 1.8em -.3em rgb(var(--shade) / .45), 0 .2em .5em rgb(var(--shade) / .2), 0 0 1.6em .15em rgba(170,205,255,.55); }
.cw-gold { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='0.62 0.12 0 0 .47 1.0 0.1 0 0 .17 1.1 0 0.05 0 -.14 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.96 0 0 0 0 0.82 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.45'/%3E %3C/svg%3E"); --foil-bg: #d9b25a; --ink-rgb: 59 36 6; --ink-blend: multiply; --shade: 92 56 8; --hi: 0.95; --holo: linear-gradient(118deg, #fff3c4 0%, #ffcf5c 14%, #ffe9a8 28%, #f0a830 42%, #fff6d8 56%, #ffc65c 70%, #fff0c0 84%, #e9a93a 100%); --holo-blend: soft-light; --holo-op: 0.9; --tint: radial-gradient(60% 40% at 20% 30%, rgba(255,210,120,.5), transparent 70%), radial-gradient(60% 40% at 80% 72%, rgba(200,140,40,.38), transparent 70%); --tint-blend: multiply; --tint-op: 0.5; --globe-shadow: 0 1em 1.8em -.3em rgb(var(--shade) / .45), 0 .2em .5em rgb(var(--shade) / .2), 0 0 1.6em .15em rgba(170,205,255,.55); }
.cw-chrome { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='0.85 0 0.12 0 .3 0.85 0.08 0 0 .33 0.75 0 0.15 0 .4 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.5'/%3E %3C/svg%3E"); --foil-bg: #c9ced8; --ink-rgb: 20 23 31; --ink-blend: multiply; --shade: 30 36 52; --hi: 1; --holo: linear-gradient(118deg, #cfe6ff 0%, #ecdcff 16%, #d4fff0 32%, #ffffff 48%, #d2e2ff 64%, #f1d8ff 80%, #d6fff2 100%); --holo-blend: soft-light; --holo-op: 1; --tint: radial-gradient(60% 40% at 25% 30%, rgba(180,200,255,.35), transparent 70%), radial-gradient(60% 40% at 80% 75%, rgba(220,190,255,.3), transparent 70%); --tint-blend: multiply; --tint-op: 0.45; --globe-shadow: 0 1em 1.8em -.3em rgb(var(--shade) / .45), 0 .2em .5em rgb(var(--shade) / .2), 0 0 1.6em .15em rgba(170,205,255,.55); }
.cw-midnight { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='0.4 0.25 0 0 -.2 0.35 0 0.05 0 -.06 0.8 0 0.1 0 -.05 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 0.75 0 0 0 0 0.7 0 0 0 0 1 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.22'/%3E %3C/svg%3E"); --foil-bg: #141a3a; --ink-rgb: 243 213 138; --ink-blend: normal; --shade: 0 0 12; --hi: 0.5; --holo: linear-gradient(118deg, #6a5cff 0%, #2fa4ff 20%, #b46bff 40%, #5ee0ff 60%, #7a5cff 80%, #36a0ff 100%); --holo-blend: screen; --holo-op: 0.24; --tint: radial-gradient(60% 40% at 30% 30%, rgba(120,90,255,.4), transparent 70%), radial-gradient(50% 35% at 75% 75%, rgba(40,160,255,.32), transparent 70%); --tint-blend: screen; --tint-op: 0.6; --globe-shadow: 0 0 2.2em .25em rgba(110,160,255,.42), 0 0 0 1px rgba(255,255,255,.14); }
.cw-rose { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='0.55 0.1 0 0 .565 0.95 0 0.08 0 .175 0.85 0 0.1 0 .215 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.95 0 0 0 0 0.95 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.45'/%3E %3C/svg%3E"); --foil-bg: #f0c2c8; --ink-rgb: 72 16 36; --ink-blend: multiply; --shade: 110 40 60; --hi: 1; --holo: linear-gradient(118deg, #ffb3c7 0%, #ffd6a5 16%, #ff8fb1 32%, #ffe3ec 48%, #ffc2a8 64%, #ff9ec0 80%, #ffe0cf 100%); --holo-blend: soft-light; --holo-op: 0.9; --tint: radial-gradient(60% 40% at 25% 30%, rgba(255,160,190,.45), transparent 70%), radial-gradient(60% 40% at 80% 70%, rgba(255,200,160,.4), transparent 70%); --tint-blend: multiply; --tint-op: 0.5; --globe-shadow: 0 1em 1.8em -.3em rgb(var(--shade) / .45), 0 .2em .5em rgb(var(--shade) / .2), 0 0 1.6em .15em rgba(170,205,255,.55); --sash: linear-gradient(180deg, #b98b31, #f1cf7c 50%, #a97a24); --sash-ink: #3b2406; }
.cw-aurora { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='0 0.9 0 0 .2 0.6 0 0 0 .62 0 0 0.5 0 .7 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.35'/%3E %3C/svg%3E"); --foil-bg: #bfeee6; --ink-rgb: 10 48 58; --ink-blend: multiply; --shade: 12 60 70; --hi: 1; --holo: linear-gradient(118deg, #5ff0b8 0%, #5fc0ff 20%, #a383ff 40%, #5ff0d0 60%, #7fb8ff 80%, #b89bff 100%); --holo-blend: soft-light; --holo-op: 0.9; --tint: radial-gradient(60% 40% at 20% 25%, rgba(90,240,190,.45), transparent 70%), radial-gradient(60% 40% at 85% 65%, rgba(150,120,255,.45), transparent 70%); --tint-blend: multiply; --tint-op: 0.45; --globe-shadow: 0 1em 1.8em -.3em rgb(var(--shade) / .45), 0 .2em .5em rgb(var(--shade) / .2), 0 0 1.6em .15em rgba(170,205,255,.55); }
.cw-obsidian { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='0.28 0 0 0 -.03 0 0.26 0 0 -.03 0 0 0.32 0 -.03 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.12'/%3E %3C/svg%3E"); --foil-bg: #09090d; --ink-rgb: 244 239 230; --ink-blend: normal; --shade: 0 0 0; --hi: 0.45; --holo: linear-gradient(118deg, rgba(255,95,162,0) 0%, #ff5fa2 10%, #ffc94d 17%, #4dffb0 24%, #4dc3ff 31%, #9b6bff 38%, rgba(155,107,255,0) 48%, rgba(255,95,162,0) 58%, #ff5fa2 66%, #ffc94d 72%, #4dffb0 78%, #4dc3ff 84%, #9b6bff 90%, rgba(155,107,255,0) 100%); --holo-blend: screen; --holo-op: 0.2; --tint: none; --tint-blend: normal; --tint-op: 0; --globe-shadow: 0 0 2.2em .25em rgba(110,160,255,.42), 0 0 0 1px rgba(255,255,255,.14); --sash: linear-gradient(180deg, #b98b31, #f1cf7c 50%, #a97a24); --sash-ink: #3b2406; }
.cw-ruby { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='0.8 0 0 0 .28 0 0.35 0 0 -.05 0.1 0 0.35 0 .02 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 0.78 0 0 0 0 0.84 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.3'/%3E %3C/svg%3E"); --foil-bg: #8e1a2c; --ink-rgb: 255 238 226; --ink-blend: normal; --shade: 36 0 10; --hi: 0.7; --holo: linear-gradient(118deg, #ff8fb1 0%, #ffd27a 16%, #ff5f6d 32%, #ffc2d4 48%, #ff9a5f 64%, #ff6f91 80%, #ffe0a8 100%); --holo-blend: screen; --holo-op: 0.26; --tint: radial-gradient(60% 40% at 24% 28%, rgba(255,120,160,.42), transparent 70%), radial-gradient(55% 38% at 80% 74%, rgba(255,170,90,.3), transparent 70%); --tint-blend: screen; --tint-op: 0.55; --globe-shadow: 0 0 2.2em .25em rgba(255,140,165,.38), 0 0 0 1px rgba(255,255,255,.16); }
.cw-emerald { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='0.25 0 0 0 -.02 0 0.75 0 0 .1 0 0.08 0.45 0 .06 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 0.82 0 0 0 0 1 0 0 0 0 0.9 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.26'/%3E %3C/svg%3E"); --foil-bg: #0f5a3e; --ink-rgb: 243 213 138; --ink-blend: normal; --shade: 0 20 12; --hi: 0.62; --holo: linear-gradient(118deg, #5ff0b8 0%, #ffe08a 16%, #3fd0c0 32%, #b8ffd9 48%, #ffd36b 64%, #4fe0a0 80%, #a8fff0 100%); --holo-blend: screen; --holo-op: 0.24; --tint: radial-gradient(60% 40% at 26% 30%, rgba(90,255,190,.32), transparent 70%), radial-gradient(55% 38% at 78% 72%, rgba(255,215,120,.26), transparent 70%); --tint-blend: screen; --tint-op: 0.55; --globe-shadow: 0 0 2.2em .25em rgba(120,255,200,.32), 0 0 0 1px rgba(255,255,255,.14); }
.cw-pearl { --foil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='760' viewBox='0 0 400 760' preserveAspectRatio='none'%3E %3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.0046 .0036' numOctaves='3' seed='11'/%3E %3CfeColorMatrix values='0.3 0 0 0 .78 0 0.28 0 0 .8 0 0 0.32 0 .8 0 0 0 0 1'/%3E %3C/filter%3E %3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E %3CfeTurbulence type='fractalNoise' baseFrequency='.018 .011' numOctaves='2' seed='4'/%3E %3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1.6 0 0 0 -.62'/%3E %3C/filter%3E %3Crect width='400' height='760' filter='url(%23a)'/%3E %3Crect width='400' height='760' filter='url(%23b)' opacity='0.5'/%3E %3C/svg%3E"); --foil-bg: #f4f1f6; --ink-rgb: 35 32 48; --ink-blend: multiply; --shade: 70 66 90; --hi: 1; --holo: linear-gradient(118deg, #ffd1ec 0%, #fff1c7 16%, #d4ffef 32%, #d6ecff 48%, #eadcff 64%, #ffd1ec 80%, #fff1c7 100%); --holo-blend: soft-light; --holo-op: 0.75; --tint: radial-gradient(60% 40% at 25% 30%, rgba(255,200,230,.3), transparent 70%), radial-gradient(60% 40% at 80% 72%, rgba(190,220,255,.3), transparent 70%); --tint-blend: multiply; --tint-op: 0.35; --globe-shadow: 0 1em 1.8em -.3em rgb(var(--shade) / .45), 0 .2em .5em rgb(var(--shade) / .2), 0 0 1.6em .15em rgba(170,205,255,.55); }

/* ==========================================================================
   CARD BACKS IN FOIL: the same film as the pack (any colorway), emblem printed in ink.
   The classic back (navy and gold) stays the default.
   ========================================================================== */
.wc__back-foil, .wc__back-glitter { position: absolute; inset: 0; display: none; pointer-events: none; }
.wc__back.is-foil { background: var(--foil-bg); }
.wc__back.is-foil .wc__back-foil { display: block; background: var(--foil) 0 0 / 100% 100% no-repeat, var(--foil-bg); }
.wc__back.is-foil .wc__back-foil::before { content: ""; position: absolute; inset: 0; background: var(--tint); mix-blend-mode: var(--tint-blend); opacity: var(--tint-op); }
.wc__back.is-foil .wc__back-foil::after { content: ""; position: absolute; inset: 0; background: var(--holo); mix-blend-mode: var(--holo-blend); opacity: var(--holo-op);
  background-size: 280% 280%; background-position: calc(50% + var(--nx, 0) * 110%) calc(50% + var(--ny, 0) * 90%); }
.wc__back.is-foil .wc__back-glitter { display: block; background: var(--glitter-a) 0 0 / 100% 100% no-repeat; opacity: .85; }
.wc__back.is-foil svg { mix-blend-mode: var(--ink-blend); }
.wc__back.is-foil svg :where([stroke]:not([stroke="none"])) { stroke: rgb(var(--ink-rgb)); }
.wc__back.is-foil svg :where([fill]:not([fill="none"]):not([fill^="url"])) { fill: rgb(var(--ink-rgb)); }
.wc__back.is-foil svg circle[fill^="url"] { display: none; }
.wc__back.is-foil svg circle[fill="#0b1122"] { fill: var(--foil-bg); }
.wc__back.is-foil .wc__back-frame { border-color: rgb(var(--ink-rgb) / .4); box-shadow: inset 0 0 0 .22em rgb(255 255 255 / calc(.16 * var(--hi))), inset 0 0 0 calc(.22em + 1px) rgb(var(--ink-rgb) / .16); }
.wc__back.is-foil .wc__back-word { color: rgb(var(--ink-rgb)); mix-blend-mode: var(--ink-blend); font-weight: 650; letter-spacing: -.03em; }
.wc__back.is-foil .wc__back-word em { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: rgb(var(--ink-rgb)); font-weight: 380; font-style: normal; }
.wc__back.is-foil .wc__back-sub { color: rgb(var(--ink-rgb) / .62); mix-blend-mode: var(--ink-blend); }
.wc__back.is-foil .wc__back-sheen { mix-blend-mode: soft-light; opacity: calc(.35 + var(--act, 0) * .4);
  background: linear-gradient(calc(115deg + var(--nx, 0) * 50deg), transparent 35%, rgba(255,255,255,.6) 48%, rgba(255,255,255,.9) 50%, rgba(255,255,255,.55) 52%, transparent 65%); }

/* the wordmark and edition line sit inside the frame on every back (positions from the card width,
   since the two lines have different font sizes) */
.wc__back-word { bottom: calc(var(--w) * .118); line-height: 1; }
.wc__back-sub { bottom: calc(var(--w) * .058); line-height: 1.25; }

/* card art: posters and emblems sit on a light backdrop so dark marks stay readable */
.wc__art.is-poster { background: radial-gradient(circle at 50% 40%, #ffffff 0%, #f5f0e7 52%, #e4ddcf 100%); }
.wc__art.is-poster img { object-fit: contain; padding: .75em 0 .6em; }
.wc__art.is-poster::after { box-shadow: inset 0 0 0 1px rgba(0,0,0,.06), inset 0 -1.2em 1.6em -1.2em rgba(40,30,10,.18); background: none; }