.market-card-focus-back>.fb-card-back-art{display:none}.market-card-lift[data-kind="card"] [data-market-card-back="card"],.market-card-lift[data-kind="role"] [data-market-card-back="role"],.market-card-lift[data-kind="event"] [data-market-card-back="event"]{display:block}
html.rulebook-web-root{background:#0b0d10}
body.rulebook-web{display:flex;min-width:0;min-height:100vh;align-items:center;flex-direction:column;gap:24px;padding:24px 16px 56px;overflow-x:hidden}
/* The booklet's pages are a fixed 1056px wide (11in), so the web route scales
   them to fit. The ladder below is the CSS-only floor for that: CSS cannot
   divide a length by a length to get the unitless number \`zoom\` needs, so an
   exact fit has to come from script \u2014 but the ladder guarantees a page never
   renders WIDER than the viewport if that script is late, blocked, or broken.
   Before it existed the fallback was \`1\`, which put a 1056px page in a 375px
   phone and let \`overflow-x:hidden\` clip two thirds of every page away.
   Each step is sized for the SMALLEST width it governs, not the largest \u2014 a
   max-width rule stays active down to the next breakpoint, and sizing it for
   its own breakpoint is how the ladder still overflowed at 320/360/390. */
:root{--rulebook-scale:1}
@media (max-width:1088px){:root{--rulebook-scale:.91}}
@media (max-width:1000px){:root{--rulebook-scale:.82}}
@media (max-width:900px){:root{--rulebook-scale:.72}}
@media (max-width:800px){:root{--rulebook-scale:.63}}
@media (max-width:700px){:root{--rulebook-scale:.53}}
@media (max-width:600px){:root{--rulebook-scale:.44}}
@media (max-width:500px){:root{--rulebook-scale:.36}}
@media (max-width:420px){:root{--rulebook-scale:.33}}
@media (max-width:380px){:root{--rulebook-scale:.29}}
@media (max-width:340px){:root{--rulebook-scale:.23}}
.rulebook-web .page{flex:none;zoom:var(--rulebook-scale,.23);box-shadow:0 18px 48px #0009}
/* The rise rides \`translate\`, not \`transform\`: a card in a fan already carries a rotation the booklet laid out, and replacing it would snap the card out of the fan. */
.rulebook-web [data-rulebook-card]{cursor:zoom-in;transition:translate .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s cubic-bezier(.22,.61,.36,1),filter .22s cubic-bezier(.22,.61,.36,1)}
.rulebook-web [data-rulebook-card]:hover,.rulebook-web [data-rulebook-card]:focus-visible{translate:0 -3px;filter:brightness(1.06);box-shadow:0 0 0 1px color-mix(in srgb,#e6b94d 45%,transparent),0 8px 20px rgb(0 0 0 / 32%)}
.rulebook-web [data-rulebook-card]:focus-visible{outline:3px solid #e6b94d;outline-offset:4px}
@media (prefers-reduced-motion:reduce){.rulebook-web [data-rulebook-card]{transition:none}.rulebook-web [data-rulebook-card]:hover,.rulebook-web [data-rulebook-card]:focus-visible{translate:none}}
.market-card-lift{position:fixed;inset:0;z-index:1800;pointer-events:none}
.market-card-lift[hidden]{display:none}
.market-card-lift-dismiss{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0;padding:0;background:rgb(7 13 19 / 72%);pointer-events:auto}
.market-card-inspector{--market-card-aspect:5/7;--market-card-width:320px;position:absolute;left:50%;top:50%;z-index:1;display:flex;width:var(--market-card-width);transform:translate(-50%,-50%);flex-direction:column;align-items:center;gap:12px;pointer-events:auto;filter:drop-shadow(0 24px 28px rgb(0 0 0 / 58%))}
.market-card-step{position:absolute;top:50%;z-index:3;display:grid;width:48px;height:64px;padding:0;transform:translateY(-50%);place-items:center;border:1px solid #e6b94db8;border-radius:999px;background:#12161aeb;box-shadow:0 12px 30px #0008;color:#f5f1e8;font:500 23px/1 system-ui,sans-serif;cursor:pointer;pointer-events:auto;transition:border-color .18s,background .18s,color .18s,opacity .18s}.market-card-step-previous{right:calc(100% + 22px)}.market-card-step-next{left:calc(100% + 22px)}.market-card-step:hover{border-color:#e6b94d;background:#e6b94d;color:#0b0d10}.market-card-step:focus-visible{outline:2px solid #f5f1e8;outline-offset:4px}.market-card-lift[data-phase="opening"] .market-card-step,.market-card-lift[data-phase="closing"] .market-card-step{opacity:0;pointer-events:none}
.market-card-flight,.market-card-float,.market-card-focus{display:flex;width:100%;aspect-ratio:var(--market-card-aspect)}
.market-card-flight{justify-content:center;transform-origin:center}
.market-card-focus{position:relative;border:0;padding:0;background:transparent;color:inherit;cursor:grab;touch-action:none;user-select:none;transform:perspective(900px) rotateX(var(--fb-focus-rx,0deg)) rotateY(var(--fb-focus-ry,0deg));transform-style:preserve-3d}
.market-card-focus-front,.market-card-focus-back{display:flex;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.market-card-focus-back{position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)}
.market-card-focus img{width:100%;height:100%;object-fit:contain;border-radius:6px;-webkit-user-drag:none}
.market-card-focus-back img{display:none}.market-card-lift[data-kind="card"] [data-market-card-back="card"],.market-card-lift[data-kind="role"] [data-market-card-back="role"],.market-card-lift[data-kind="event"] [data-market-card-back="event"]{display:block}

.market-card-focus-back>.fb-card-back-art{display:none}.market-card-lift[data-kind="card"] [data-market-card-back="card"],.market-card-lift[data-kind="role"] [data-market-card-back="role"],.market-card-lift[data-kind="event"] [data-market-card-back="event"]{display:block}
.market-card-parallax-plane{position:absolute;inset:0;display:none;overflow:hidden;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;clip-path:inset(11% 2% 31% 2%)}
.market-card-lift[data-parallax="true"] .market-card-parallax-plane{display:flex}
.market-card-lift[data-kind="role"] .market-card-parallax-plane{clip-path:inset(10% 2% 16% 2%)}
.market-card-lift[data-kind="event"] .market-card-parallax-plane{clip-path:inset(13% 1% 15% 1%)}
.market-card-parallax-plane img{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;transform:translate(var(--fb-art-x,0%),var(--fb-art-y,0%)) scale(var(--fb-art-zoom,1.24));transition:transform 260ms cubic-bezier(.2,.8,.2,1)}
.market-card-focus[data-grabbing="true"] .market-card-parallax-plane img{transition:none}
.market-card-lift[data-live-face="true"] .market-card-parallax-plane{display:none}
.market-live-face{position:relative;display:block;width:100%;aspect-ratio:var(--showcase-aspect,5/7);overflow:hidden;border-radius:inherit;container-type:inline-size}
.market-card-face-slot{display:none}.market-card-virtual-placeholder{display:block;width:100%;height:auto;object-fit:contain}
.showcase-card-trigger,[data-rulebook-card]{content-visibility:auto;contain-intrinsic-block-size:auto 420px;user-select:none;-webkit-user-select:none}[data-showcase-kind="event"]{contain-intrinsic-block-size:auto 280px}
.market-live-face-render{position:absolute;top:0;left:0;display:block;width:var(--market-face-width);height:var(--market-face-height);zoom:calc(100cqw / var(--market-face-width));pointer-events:none}
.showcase-card-trigger>.market-live-face{background:transparent}
.market-card-focus-front .market-live-face{width:100%;height:100%;aspect-ratio:auto}
.market-card-lift[data-kind="role"] .market-card-focus-front>.market-live-face{border-radius:4.8%}
.market-card-lift[data-kind="event"] .market-card-focus-front>.market-live-face{border-radius:2.5%}
.market-card-lift[data-phase="cycling"] .market-card-inspector{z-index:3}

  [data-card-focus-interaction] [data-feature-art-window] > * {
    transform: translate(var(--fb-art-x, 0%), var(--fb-art-y, 0%)) scale(var(--fb-art-zoom, 1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-feature-art-window] > * {
    transition: none;
  }
  
  [data-card-focus-interaction] [data-card-focus-back] {
    overflow: hidden;
    border-radius: var(--fb-card-back-radius, calc(18px + 1.5%));
    background: #000;
  }
  .market-card-focus-back > .fb-card-back-art {
    position: absolute;
    inset: 0;
    display: none;
    overflow: hidden;
    border-radius: inherit;
  }
  .market-card-focus-back > .fb-card-back-art img {
    display: block;
  }
  .fb-card-back-art[data-parallax-enabled="true"] > [data-card-back-flat],
  .market-card-lift[data-parallax="true"] .fb-card-back-art > [data-card-back-flat] {
    display: none;
  }
  .fb-card-back-art[data-parallax-enabled="false"] > [data-card-back-parallax],
  .market-card-lift:not([data-parallax="true"]) .fb-card-back-art > [data-card-back-parallax] {
    display: none;
  }
  .market-card-lift:not([data-parallax="true"]) .fb-card-back-art > [data-card-back-flat] {
    display: block;
  }
  [data-card-focus-interaction] [data-card-back-parallax] {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    border-radius: inherit;
  }
  [data-card-focus-interaction] [data-card-back-parallax] [data-card-back-layer] {
    position: absolute;
    inset: 0;
    display: block;
    transform-origin: center;
  }
  [data-card-focus-interaction] [data-card-back-parallax] [data-card-back-layer="base"] {
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
    transform:
      translate(calc(var(--fb-art-x, 0%) * .35), calc(var(--fb-art-y, 0%) * .35))
      scale(1.14);
  }
  [data-card-focus-interaction] [data-card-back-parallax] [data-card-back-layer="foreground"] {
    filter: drop-shadow(0 4px 6px rgb(0 0 0 / 62%));
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-card-back-parallax] [data-card-back-layer="base"] {
    transition: none;
  }

  
  [data-card-focus-interaction] [data-card-id="a3"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-card-id="a3"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/a3-far.webp") center / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-card-id="a3"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-card-id="a3"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/a3-near-mask.png");
    mask-image: url("/veiledsky/demo/a3-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
  }


  [data-card-focus-interaction] [data-card-id="b1"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-card-id="b1"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/b1-far.webp") center / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-card-id="b1"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-card-id="b1"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/b1-near-mask.png");
    mask-image: url("/veiledsky/demo/b1-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
  }


  [data-card-focus-interaction] [data-role-rank="1"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-role-rank="1"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/role-1-far.webp") 50% 0% / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-role-rank="1"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-role-rank="1"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/role-1-near-mask.png");
    mask-image: url("/veiledsky/demo/role-1-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: 50% 0%;
    mask-position: 50% 0%;
  }


  [data-card-focus-interaction] [data-role-rank="2"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-role-rank="2"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/role-2-far.webp") 50% 0% / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-role-rank="2"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-role-rank="2"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/role-2-near-mask.png");
    mask-image: url("/veiledsky/demo/role-2-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: 50% 0%;
    mask-position: 50% 0%;
  }


  [data-card-focus-interaction] [data-role-rank="3"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-role-rank="3"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/role-3-far.webp") 50% 0% / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-role-rank="3"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-role-rank="3"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/role-3-near-mask.png");
    mask-image: url("/veiledsky/demo/role-3-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: 50% 0%;
    mask-position: 50% 0%;
  }


  [data-card-focus-interaction] [data-role-rank="4"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-role-rank="4"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/role-4-far.webp") 50% 0% / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-role-rank="4"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-role-rank="4"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/role-4-near-mask.png");
    mask-image: url("/veiledsky/demo/role-4-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: 50% 0%;
    mask-position: 50% 0%;
  }


  [data-card-focus-interaction] [data-role-rank="5"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-role-rank="5"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/role-5-far.webp") 50% 0% / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-role-rank="5"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-role-rank="5"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/role-5-near-mask.png");
    mask-image: url("/veiledsky/demo/role-5-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: 50% 0%;
    mask-position: 50% 0%;
  }


  [data-card-focus-interaction] [data-role-rank="6"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-role-rank="6"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/role-6-far.webp") 50% 0% / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-role-rank="6"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-role-rank="6"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/role-6-near-mask.png");
    mask-image: url("/veiledsky/demo/role-6-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: 50% 0%;
    mask-position: 50% 0%;
  }


  [data-card-focus-interaction] [data-role-rank="7"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-role-rank="7"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/role-7-far.webp") 50% 0% / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-role-rank="7"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-role-rank="7"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/role-7-near-mask.png");
    mask-image: url("/veiledsky/demo/role-7-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: 50% 0%;
    mask-position: 50% 0%;
  }


  [data-card-focus-interaction] [data-role-rank="8"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-role-rank="8"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/role-8-far.webp") 50% 0% / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-role-rank="8"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-role-rank="8"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/role-8-near-mask.png");
    mask-image: url("/veiledsky/demo/role-8-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: 50% 0%;
    mask-position: 50% 0%;
  }


  [data-card-focus-interaction] [data-role-rank="9"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-role-rank="9"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/role-9-far.webp") 50% 0% / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-role-rank="9"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-role-rank="9"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/role-9-near-mask.png");
    mask-image: url("/veiledsky/demo/role-9-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: 50% 0%;
    mask-position: 50% 0%;
  }


  [data-card-focus-interaction] [data-event-id="e10-requisition"] [data-feature-art-window] {
    position: relative;
  }
  [data-card-focus-interaction] [data-event-id="e10-requisition"] [data-feature-art-window]::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: url("/veiledsky/demo/twist-t07-a-far.webp") center / cover;
    transform:
      translate(calc(var(--fb-art-x, 0%) * 2), calc(var(--fb-art-y, 0%) * 2))
      scale(calc(var(--fb-art-zoom, 1) * 1.1));
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-event-id="e10-requisition"] [data-feature-art-window]::before {
    transition: none;
  }
  [data-card-focus-interaction] [data-event-id="e10-requisition"] [data-feature-art-window] > * {
    position: relative;
    z-index: 1;
    /* cover plus the art's own anchor, so matte and paint stay registered
       after the window crops them. */
    -webkit-mask-image: url("/veiledsky/demo/twist-t07-a-near-mask.png");
    mask-image: url("/veiledsky/demo/twist-t07-a-near-mask.png");
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
  }



  [data-card-focus-interaction] [data-card-focus-back] {
    overflow: hidden;
    border-radius: var(--fb-card-back-radius, calc(18px + 1.5%));
    background: #000;
  }
  .market-card-focus-back > .fb-card-back-art {
    position: absolute;
    inset: 0;
    display: none;
    overflow: hidden;
    border-radius: inherit;
  }
  .market-card-focus-back > .fb-card-back-art img {
    display: block;
  }
  .fb-card-back-art[data-parallax-enabled="true"] > [data-card-back-flat],
  .market-card-lift[data-parallax="true"] .fb-card-back-art > [data-card-back-flat] {
    display: none;
  }
  .fb-card-back-art[data-parallax-enabled="false"] > [data-card-back-parallax],
  .market-card-lift:not([data-parallax="true"]) .fb-card-back-art > [data-card-back-parallax] {
    display: none;
  }
  .market-card-lift:not([data-parallax="true"]) .fb-card-back-art > [data-card-back-flat] {
    display: block;
  }
  [data-card-focus-interaction] [data-card-back-parallax] {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    border-radius: inherit;
  }
  [data-card-focus-interaction] [data-card-back-parallax] [data-card-back-layer] {
    position: absolute;
    inset: 0;
    display: block;
    transform-origin: center;
  }
  [data-card-focus-interaction] [data-card-back-parallax] [data-card-back-layer="base"] {
    transition: transform var(--fb-art-ease, 280ms) cubic-bezier(0.22, 1, 0.36, 1);
    transform:
      translate(calc(var(--fb-art-x, 0%) * .35), calc(var(--fb-art-y, 0%) * .35))
      scale(1.14);
  }
  [data-card-focus-interaction] [data-card-back-parallax] [data-card-back-layer="foreground"] {
    filter: drop-shadow(0 4px 6px rgb(0 0 0 / 62%));
  }
  [data-card-focus-interaction][data-grabbing="true"] [data-card-back-parallax] [data-card-back-layer="base"] {
    transition: none;
  }



@keyframes fb-focused-card-float{0%,100%{transform:translate3d(0,-4px,0) rotateZ(-.35deg)}50%{transform:translate3d(0,5px,0) rotateZ(.35deg)}}
[data-card-focus-float][data-active="true"]{animation:fb-focused-card-float 4.8s ease-in-out infinite}
[data-card-focus-interaction][data-grabbing="true"]{cursor:grabbing!important}

.market-card-inspector-hint{margin:0;color:#f5f1e8;font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.12em;text-align:center;text-transform:uppercase;text-shadow:0 2px 10px #000}
.market-card-lift[data-phase="opening"] .market-card-inspector-hint,.market-card-lift[data-phase="closing"] .market-card-inspector-hint{opacity:0}
@media(max-width:720px){.market-card-step{top:auto;bottom:-52px;width:42px;height:42px;transform:none}.market-card-step-previous{right:calc(50% + 7px)}.market-card-step-next{left:calc(50% + 7px)}.market-card-inspector-hint{margin-bottom:42px}}
@media(prefers-reduced-motion:reduce){.market-card-step{transition:none}}