/* Club 36 · the membership card — six finishes, cinematic flip, pointer-lit, set stone */
.mc{position:relative;display:block;width:min(520px,100%);aspect-ratio:1.585;container-type:inline-size;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left;--tx:0deg;--ty:0deg;--lx:50%;--ly:0%;--lit:0;--f-hot:rgba(255,255,255,.16);--f-edge:rgba(0,0,0,.55);--f-etch:0 1px 0 rgba(255,255,255,.1),0 -1px 0 rgba(0,0,0,.55);transform:perspective(1500px) rotateX(var(--ty)) rotateY(var(--tx));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.mc:hover{transition:transform .1s linear}
.mc:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:6cqw}
.mc-in{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.1s var(--spring)}
.mc.on .mc-in{transform:rotateY(180deg)}
/* ══ THE FLIP — a four-beat shot: press · throw · pass edge-on · land ══ */
.mc-halo{display:block;position:absolute;inset:-9%;z-index:0;border-radius:9cqw;pointer-events:none;opacity:0;transform:translateZ(-34px);background:radial-gradient(closest-side,var(--f-glow),transparent 72%);filter:blur(26px)}
.mc-edge{display:block;position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;mix-blend-mode:plus-lighter;background:linear-gradient(100deg,transparent 4%,rgba(255,255,255,.28) 34%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.28) 66%,transparent 96%)}
/* contact shadow on the felt */
.mc-drop{display:block;position:absolute;left:7%;right:7%;bottom:-4%;height:15%;z-index:0;border-radius:50%;pointer-events:none;transform:translateZ(-50px);background:radial-gradient(52% 58% at 50% 50%,rgba(0,0,0,.72),rgba(0,0,0,.28) 58%,transparent 76%);filter:blur(10px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
@media(prefers-reduced-motion:no-preference){
  .mc.mc[data-flip="in"] .mc-in{animation:mcFlipIn 1.45s forwards}
  .mc.mc[data-flip="out"] .mc-in{animation:mcFlipOut 1.45s forwards}
  /* the card is thrown, not hinged: compound axis, lift on Z, land with a compress */
  @keyframes mcFlipIn{
    0%{transform:translateZ(0) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1);animation-timing-function:cubic-bezier(.4,0,.75,.6)}
    8%{transform:translateZ(-14px) rotateY(-7deg) rotateX(2.6deg) rotateZ(-1.3deg) scale(.984);animation-timing-function:cubic-bezier(.16,.6,.3,1)}
    24%{transform:translateZ(64px) rotateY(26deg) rotateX(-3deg) rotateZ(2deg) scale(1.05);animation-timing-function:cubic-bezier(.35,0,.65,1)}
    48%{transform:translateZ(118px) rotateY(92deg) rotateX(-4.6deg) rotateZ(3.6deg) scale(1.076);animation-timing-function:cubic-bezier(.3,0,.6,1)}
    64%{transform:translateZ(90px) rotateY(140deg) rotateX(-2deg) rotateZ(2deg) scale(1.05);animation-timing-function:cubic-bezier(.3,0,.3,1)}
    84%{transform:translateZ(24px) rotateY(176.6deg) rotateX(1.4deg) rotateZ(-.8deg) scale(1.012);animation-timing-function:cubic-bezier(.4,0,.2,1)}
    93%{transform:translateZ(3px) rotateY(181.7deg) rotateX(-.5deg) rotateZ(.3deg) scale(.9965);animation-timing-function:cubic-bezier(.2,.9,.3,1)}
    100%{transform:translateZ(0) rotateY(180deg) rotateX(0deg) rotateZ(0deg) scale(1)}}
  @keyframes mcFlipOut{
    0%{transform:translateZ(0) rotateY(180deg) rotateX(0deg) rotateZ(0deg) scale(1);animation-timing-function:cubic-bezier(.4,0,.75,.6)}
    8%{transform:translateZ(-14px) rotateY(187deg) rotateX(2.6deg) rotateZ(1.3deg) scale(.984);animation-timing-function:cubic-bezier(.16,.6,.3,1)}
    24%{transform:translateZ(64px) rotateY(154deg) rotateX(-3deg) rotateZ(-2deg) scale(1.05);animation-timing-function:cubic-bezier(.35,0,.65,1)}
    48%{transform:translateZ(118px) rotateY(88deg) rotateX(-4.6deg) rotateZ(-3.6deg) scale(1.076);animation-timing-function:cubic-bezier(.3,0,.6,1)}
    64%{transform:translateZ(90px) rotateY(40deg) rotateX(-2deg) rotateZ(-2deg) scale(1.05);animation-timing-function:cubic-bezier(.3,0,.3,1)}
    84%{transform:translateZ(24px) rotateY(3.4deg) rotateX(1.4deg) rotateZ(.8deg) scale(1.012);animation-timing-function:cubic-bezier(.4,0,.2,1)}
    93%{transform:translateZ(3px) rotateY(-1.7deg) rotateX(-.5deg) rotateZ(-.3deg) scale(.9965);animation-timing-function:cubic-bezier(.2,.9,.3,1)}
    100%{transform:translateZ(0) rotateY(0deg) rotateX(0deg) rotateZ(0deg) scale(1)}}
  /* faces cut exactly at the 90° crossing — no transition guesswork */
  .mc[data-flip="in"] .mc-front,.mc[data-flip="out"] .mc-back{animation:mcCutOut 1.45s steps(1,end) both,mcBlur 1.45s linear both}
  .mc[data-flip="in"] .mc-back,.mc[data-flip="out"] .mc-front{animation:mcCutIn 1.45s steps(1,end) both,mcBlur 1.45s linear both}
  @keyframes mcCutOut{0%,47%{opacity:1}48%,100%{opacity:0}}
  @keyframes mcCutIn{0%,47%{opacity:0}48%,100%{opacity:1}}
  /* camera motion blur — peaks as the card goes edge-on */
  .mc[data-flip="in"] .mc-f,.mc[data-flip="out"] .mc-f{animation-duration:1.45s;animation-fill-mode:both}
  .mc[data-flip="in"] .mc-front,.mc[data-flip="out"] .mc-back{animation-name:mcCutOut,mcBlur}
  .mc[data-flip="in"] .mc-back,.mc[data-flip="out"] .mc-front{animation-name:mcCutIn,mcBlur}
  @keyframes mcBlur{0%{filter:blur(0)}24%{filter:blur(.8px)}48%{filter:blur(2.2px)}72%{filter:blur(.6px)}100%{filter:blur(0)}}
  /* the thickness of the card catching the room light as it passes */
  .mc[data-flip="in"] .mc-edge,.mc[data-flip="out"] .mc-edge{animation:mcEdge 1.45s ease-in-out both}
  @keyframes mcEdge{0%,18%{opacity:0}44%{opacity:.55}50%{opacity:1}58%{opacity:.5}78%,100%{opacity:0}}
  /* it glows while it is off the felt */
  .mc[data-flip="in"] .mc-halo,.mc[data-flip="out"] .mc-halo{animation:mcHalo 1.45s ease-in-out both}
  @keyframes mcHalo{0%{opacity:0}30%{opacity:.55}50%{opacity:.9}76%{opacity:.4}100%{opacity:0}}
  /* the shadow lets go, spreads, then hardens on landing */
  .mc[data-flip="in"] .mc-drop,.mc[data-flip="out"] .mc-drop{animation:mcDropFlight 1.45s cubic-bezier(.3,0,.3,1) both}
  @keyframes mcDropFlight{
    0%{opacity:1;transform:translateZ(-50px) translateX(0) scale(1);filter:blur(10px)}
    10%{opacity:1;transform:translateZ(-50px) translateX(0) scale(.97);filter:blur(8px)}
    48%{opacity:.32;transform:translateZ(-70px) translateX(4.5%) scale(1.18);filter:blur(24px)}
    84%{opacity:.86;transform:translateZ(-52px) translateX(.6%) scale(1.03);filter:blur(12px)}
    93%{opacity:1;transform:translateZ(-48px) translateX(0) scale(.99);filter:blur(9px)}
    100%{opacity:1;transform:translateZ(-50px) translateX(0) scale(1);filter:blur(10px)}}
  /* the stone throws a flare through the pass */
  .mc[data-flip="in"] .mc-flash,.mc[data-flip="out"] .mc-flash{animation:mcStoneFlare 1.45s ease-out both}
  @keyframes mcStoneFlare{0%{opacity:.8;transform:scale(1);filter:hue-rotate(0deg) saturate(1.4)}44%{opacity:1;transform:scale(1.14);filter:hue-rotate(34deg) saturate(2) brightness(1.85)}70%{opacity:.95;transform:scale(1.03);filter:hue-rotate(10deg) saturate(1.5) brightness(1.15)}100%{opacity:.85;transform:scale(1);filter:hue-rotate(0deg) saturate(1.4)}}
}
.mc-f{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:5.4cqw;overflow:hidden;isolation:isolate;background:var(--f-bg);box-shadow:var(--f-rail),inset 0 1.4px 0 var(--f-rim),inset 0 -6cqw 12cqw rgba(0,0,0,.22),0 1.5px 0 var(--f-edge),0 3px 6px rgba(0,0,0,.45),0 34px 74px -20px rgba(0,0,0,.86),0 0 46px -14px var(--f-glow)}
.mc-back{transform:rotateY(180deg)}
.mc-f{transition:opacity 0s linear .68s}
.mc-back{opacity:0}
.mc.on .mc-front{opacity:0}
.mc.on .mc-back{opacity:1}
/* engine-turned guilloché + weave + micro hairlines */
.mc-f::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--f-weave)}
/* top glass sheen */
.mc-f::after{content:'';position:absolute;left:0;right:0;top:0;height:46%;z-index:2;pointer-events:none;border-radius:5.4cqw 5.4cqw 14cqw 14cqw;background:linear-gradient(180deg,var(--f-gloss),transparent)}
.mc-grain{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.42;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");background-size:140px 140px}
.mc-hot{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--lit);transition:opacity .35s var(--ease);background:radial-gradient(30cqw 24cqw at var(--lx) var(--ly),var(--f-hot),transparent 72%)}
.mc-wm{display:block;position:absolute;right:-1.5cqw;bottom:-9cqw;text-align:right;white-space:nowrap;z-index:1;font-family:var(--display);font-weight:700;font-size:40cqw;line-height:.74;letter-spacing:-.03em;color:var(--f-wm);pointer-events:none;user-select:none}
.mc-web{display:block;position:absolute;right:-14cqw;bottom:-18cqw;width:58cqw;height:58cqw;z-index:1;pointer-events:none;opacity:.5;background:repeating-radial-gradient(circle at 50% 50%,var(--f-hair) 0 .5px,transparent .5px 1.6cqw),repeating-conic-gradient(from 0deg at 50% 50%,var(--f-hair) 0 .16deg,transparent .16deg 3deg)}
.mc-sheen{display:block;position:absolute;top:-30%;bottom:-30%;left:-40%;width:30%;z-index:3;pointer-events:none;transform:rotate(16deg) translateX(-160%);background:linear-gradient(90deg,transparent,var(--f-sheen-a) 36%,var(--f-sheen-b) 50%,var(--f-sheen-a) 64%,transparent)}
@media(prefers-reduced-motion:no-preference){
  /* idle life: the card breathes on its stand, its stone catches light */
  .mc-in{animation:mcIdleAdd 9.5s ease-in-out var(--idle,0s) infinite}
  .mc:hover .mc-in{animation-play-state:paused}
  .mc[data-flip="in"] .mc-in,.mc[data-flip="out"] .mc-in{animation-play-state:running}
  .mc-drop{animation:mcDropIdle 9.5s ease-in-out var(--idle,0s) infinite}
  @keyframes mcDropIdle{0%,100%{opacity:1;transform:translateZ(-50px) scale(1)}34%{opacity:.82;transform:translateZ(-50px) scale(1.045)}68%{opacity:.93;transform:translateZ(-50px) scale(1.015)}}
  .mc-stone{animation:mcStoneIdle 6.2s ease-in-out var(--idle,0s) infinite}
  @keyframes mcStoneIdle{0%,100%{transform:rotate(0deg) scale(1)}42%{transform:rotate(2.4deg) scale(1.035)}72%{transform:rotate(-1.2deg) scale(1.01)}}
  .mc-set-r::after{animation:mcRingIdle 11s linear var(--idle,0s) infinite}
  @keyframes mcRingIdle{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
  .mc-sheen{animation:mcSweep 9s cubic-bezier(.33,0,.2,1) 1.2s infinite}
  .mc:hover .mc-sheen{animation-duration:3.4s;animation-delay:0s}
  .mc-wm{animation:mcWmIdle 12s ease-in-out var(--idle,0s) infinite}
  @keyframes mcWmIdle{0%,100%{opacity:.85}50%{opacity:1.15}}
  .mc[data-flip="in"] .mc-sheen,.mc[data-flip="out"] .mc-sheen{animation:mcSweep 1.2s cubic-bezier(.3,0,.2,1)}
  @keyframes mcSweep{0%{transform:rotate(16deg) translateX(-170%)}22%{transform:rotate(16deg) translateX(560%)}100%{transform:rotate(16deg) translateX(560%)}}
}

/* ── crest face ── */
.mc-crest{text-align:center;position:relative;z-index:4;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.6cqw}
.mc-lock{display:flex;align-items:center;gap:3.2cqw}
.mc-lock svg{width:14.4cqw;height:14.4cqw;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}
.mc-wd{display:flex;flex-direction:column;align-items:flex-start;gap:.6cqw}
.mc-wd b{font-family:var(--display);font-weight:700;font-size:9.4cqw;line-height:.9;letter-spacing:.005em;background:var(--f-mark,linear-gradient(172deg,#FBEFC7 4%,#F4D03F 32%,#D4AF37 58%,#a8821c 92%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:var(--f-markf,drop-shadow(0 1.2px 0 rgba(0,0,0,.55)) drop-shadow(0 -.5px 0 rgba(255,248,220,.3)))}
.mc-wd small{font-size:3.1cqw;font-weight:700;letter-spacing:.52em;color:var(--f-sub);padding-left:.4em}
.mc-tap{display:block;font-size:2.7cqw;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--f-tap)}

/* ── member face ── */
.mc-mem{position:relative;z-index:4;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:6.2cqw 6.4cqw 5.6cqw}
.mc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:3cqw}
.mc-name{display:block;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:5.3cqw;line-height:1;letter-spacing:.03em;color:var(--f-ink);text-shadow:var(--f-emb)}
.mc-mid{display:block;align-self:center;padding-top:1.4cqw}
.mc-lbl{display:block;font-size:2.55cqw;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--f-lbl)}
.mc-balrow{display:flex;align-items:center;gap:2.4cqw;margin-top:1.6cqw}
.mc-bal{font-family:var(--display);font-weight:700;font-size:12.6cqw;line-height:.86;letter-spacing:-.016em;background:var(--f-num);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1.5px 1px rgba(0,0,0,.35))}
.mc-credit{display:flex;align-items:baseline;gap:1.8cqw;margin-top:2.4cqw}
.mc-clbl{font-size:2.25cqw;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--f-dim);white-space:nowrap}
.mc-cval{display:flex;align-items:center;gap:1.2cqw;font-family:var(--display);font-weight:700;font-size:4.2cqw;line-height:1;color:var(--f-ink);text-shadow:var(--f-emb);white-space:nowrap}
.mc-cval.nd{font-family:var(--display);font-style:italic;font-weight:600;font-size:3.5cqw;color:var(--f-lbl);text-shadow:none}
.mc-credit .entg{font-size:3.5cqw}
.mc-bot{display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw}
.mc-no{display:block;white-space:nowrap;font-family:var(--mono);font-size:3.05cqw;font-weight:500;letter-spacing:.26em;color:var(--f-dim);text-shadow:var(--f-etch)}
.mc-tier{display:block;font-size:3.85cqw;font-weight:700;letter-spacing:.012em;color:var(--f-tier);text-shadow:var(--f-emb)}

/* ENT glyph — struck serif E */
.entg{position:relative;display:inline-block;font-family:var(--display);font-weight:700;line-height:1;background:var(--f-ent,linear-gradient(168deg,#FBEFC7 8%,#F4D03F 36%,#D4AF37 62%,#8a6a14 96%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}
.entg::before,.entg::after{content:'';position:absolute;left:-16%;right:-12%;height:6.5%;min-height:1px;transform:rotate(-15deg);border-radius:2px;background:linear-gradient(90deg,#8f96a3,#f4f6fa 32%,#aeb6c4 56%,#e8ecf4 78%,#7d8492);box-shadow:0 .5px .5px rgba(0,0,0,.55)}
.entg::before{top:39%}
.entg::after{top:57%}
.mc-balrow .entg{font-size:9.6cqw}

/* ── the setting: milled bezel · seated well · faceted stone · glass dome ── */
.mc-set{position:relative;display:block;flex:none;width:16.6cqw;height:16.6cqw;border-radius:50%}
.mc-set-r{position:absolute;inset:0;border-radius:50%;background:var(--o-ring);box-shadow:inset 0 .34cqw .48cqw rgba(255,255,255,.8),inset 0 -.42cqw .62cqw rgba(0,0,0,.55),inset 0 0 0 .12cqw rgba(255,255,255,.22),0 .12cqw .3cqw rgba(255,255,255,.14),0 1.1cqw 2.6cqw rgba(0,0,0,.62),0 .3cqw .7cqw rgba(0,0,0,.45)}
.mc-set-r::before{content:'';position:absolute;inset:0;border-radius:50%;opacity:.5;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.24) 0 .5deg,rgba(0,0,0,.24) .5deg 1deg);-webkit-mask:radial-gradient(circle,transparent 0 62%,#000 66% 100%);mask:radial-gradient(circle,transparent 0 62%,#000 66% 100%)}
.mc-set-r::after{content:'';position:absolute;inset:0;border-radius:50%;opacity:.75;background:conic-gradient(from 196deg,transparent 0 10%,rgba(255,255,255,.55) 20%,transparent 32%,transparent 58%,rgba(255,255,255,.3) 70%,transparent 82%);-webkit-mask:radial-gradient(circle,transparent 0 63%,#000 67% 100%);mask:radial-gradient(circle,transparent 0 63%,#000 67% 100%)}
.mc-well{position:absolute;inset:1.75cqw;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 36% 26%,var(--o-g1),var(--o-g2) 56%,var(--o-g3) 100%);box-shadow:inset 0 0 0 .2cqw rgba(0,0,0,.62),inset 0 .9cqw 1.5cqw rgba(0,0,0,.85),inset 0 -.5cqw 1cqw rgba(255,255,255,.1)}
.mc-stone{position:absolute;inset:4%;display:grid;place-items:center;filter:drop-shadow(0 .34cqw .5cqw rgba(0,0,0,.75))}
.mc-stone svg{width:100%;height:100%;display:block}
[data-f="foyer"] .mc-stone{filter:drop-shadow(0 .34cqw .5cqw rgba(0,0,0,.8))}
[data-f="sterling"] .mc-stone,[data-f="platinum"] .mc-stone{filter:drop-shadow(0 .34cqw .5cqw rgba(0,0,0,.8)) drop-shadow(0 0 1.4cqw rgba(206,228,255,.45))}
[data-f="prestige"] .mc-stone{filter:drop-shadow(0 .34cqw .5cqw rgba(0,0,0,.8)) drop-shadow(0 0 1.5cqw rgba(244,208,63,.5))}
[data-f="ruby"] .mc-stone{filter:drop-shadow(0 .34cqw .5cqw rgba(0,0,0,.85)) drop-shadow(0 0 1.8cqw rgba(232,32,80,.65))}
[data-f="reserve"] .mc-stone{filter:drop-shadow(0 .34cqw .5cqw rgba(0,0,0,.8)) drop-shadow(0 0 1.6cqw rgba(23,200,140,.55))}
[data-f="prive"] .mc-stone{filter:drop-shadow(0 .34cqw .5cqw rgba(0,0,0,.85)) drop-shadow(0 0 1.7cqw rgba(226,240,255,.5))}
.mc-dome{position:absolute;inset:0;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(44% 32% at 30% 16%,rgba(255,255,255,.5),rgba(255,255,255,.1) 44%,transparent 62%),radial-gradient(38% 24% at 74% 88%,rgba(214,228,246,.15),transparent 66%)}

/* ══ FINISHES ══ */
[data-f="foyer"]{--f-bg:linear-gradient(158deg,#2b2e33 0%,#1e2126 34%,#16181c 66%,#0e0f12 100%);
  --f-weave:repeating-linear-gradient(45deg,rgba(255,255,255,.034) 0 1.5px,transparent 1.5px 9px),repeating-linear-gradient(-45deg,rgba(255,255,255,.026) 0 1.5px,transparent 1.5px 9px);
  --f-rail:inset 0 0 0 1.6px rgba(203,210,221,.5),inset 0 0 0 3.2px rgba(0,0,0,.42);--f-rim:rgba(255,255,255,.2);--f-gloss:rgba(255,255,255,.085);--f-glow:rgba(180,190,205,.14);
  --f-ink:#f2f5fa;--f-lbl:rgba(226,232,242,.64);--f-dim:rgba(226,232,242,.4);--f-tier:#f1f4f9;--f-sub:rgba(226,232,242,.5);--f-tap:rgba(255,255,255,.4);
  --f-num:linear-gradient(176deg,#ffffff 6%,#e2e7ef 42%,#aeb6c4 96%);--f-wm:rgba(255,255,255,.045);--f-hair:rgba(255,255,255,.08);--f-emb:0 1px 1px rgba(0,0,0,.5);--f-sheen-a:rgba(255,255,255,.05);--f-sheen-b:rgba(255,255,255,.11);
  --o-ring:conic-gradient(from 210deg,#6f7684,#f4f6fa 16%,#c3c9d3 32%,#8e95a2 50%,#eef1f6 70%,#7d8492 100%);--o-g1:#4c515b;--o-g2:#1e2128;--o-g3:#0a0b0e}
[data-f="sterling"]{--f-bg:linear-gradient(158deg,#fdfdfe 0%,#e7ebf1 26%,#f8fafc 48%,#c7cdd8 76%,#e3e8ef 100%);
  --f-weave:repeating-linear-gradient(96deg,rgba(20,24,32,.045) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(20,24,32,.02) 0 1px,transparent 1px 3px);
  --f-rail:inset 0 0 0 2.6px #D4AF37,inset 0 0 0 4.2px rgba(255,255,255,.92),inset 0 0 0 5.4px rgba(146,114,26,.5);--f-rim:rgba(255,255,255,.9);--f-gloss:rgba(255,255,255,.5);--f-glow:rgba(212,175,55,.3);
  --f-ink:#14171d;--f-lbl:rgba(20,23,29,.62);--f-dim:rgba(20,23,29,.44);--f-tier:#14171d;--f-sub:rgba(20,23,29,.5);--f-tap:rgba(20,24,32,.34);
  --f-num:linear-gradient(176deg,#4c525d 4%,#1b1e24 46%,#0b0d11 96%);--f-wm:rgba(20,24,32,.075);--f-hair:rgba(20,24,32,.07);--f-emb:0 1px 0 rgba(255,255,255,.7);--f-sheen-a:rgba(255,255,255,.28);--f-sheen-b:rgba(255,255,255,.6);
  --f-ent:linear-gradient(168deg,#e6c964 6%,#c9a63f 40%,#8a6a14 96%);--o-ring:conic-gradient(from 210deg,#7d8492,#ffffff 16%,#c9cfd9 34%,#9aa1ae 50%,#f4f6fa 70%,#868d9b 100%);--o-g1:#3a3f49;--o-g2:#15171c;--o-g3:#050608}
[data-f="prestige"]{--f-bg:radial-gradient(120% 90% at 14% 8%,rgba(255,252,226,.85),transparent 46%),radial-gradient(90% 80% at 96% 96%,rgba(96,66,8,.5),transparent 54%),linear-gradient(112deg,rgba(255,255,255,.28) 0 6%,transparent 12% 30%,rgba(255,255,255,.22) 38% 42%,transparent 50% 72%,rgba(120,86,12,.24) 82% 100%),linear-gradient(158deg,#fbf0bd 0%,#e6c465 24%,#f7e195 44%,#c79c33 66%,#8f6a15 86%,#d9b64f 100%);
  --f-weave:repeating-linear-gradient(96deg,rgba(84,60,8,.1) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(84,60,8,.05) 0 1px,transparent 1px 3px),radial-gradient(120% 100% at 50% 50%,transparent 52%,rgba(72,50,6,.3) 100%);
  --f-rail:inset 0 0 0 2.4px rgba(255,250,222,.95),inset 0 0 0 4px rgba(122,90,14,.85),inset 0 0 0 5.4px rgba(255,240,190,.35);--f-rim:rgba(255,252,232,.85);--f-gloss:rgba(255,252,232,.34);--f-glow:rgba(212,175,55,.42);
  --f-mark:linear-gradient(172deg,#6f5310 2%,#3d2c06 34%,#241902 66%,#5c4409 96%);--f-markf:drop-shadow(0 1px 0 rgba(255,250,214,.72)) drop-shadow(0 -.5px 0 rgba(60,42,4,.5));
  --f-ink:#241a03;--f-lbl:rgba(36,26,3,.78);--f-dim:rgba(36,26,3,.56);--f-tier:#241a03;--f-sub:rgba(36,26,3,.72);--f-tap:rgba(36,26,3,.62);
  --f-num:linear-gradient(176deg,#6b5210 3%,#332604 46%,#120c01 96%);--f-wm:rgba(72,50,6,.22);--f-hair:rgba(84,60,8,.14);--f-emb:0 1px 0 rgba(255,250,220,.62),0 -.5px 0 rgba(60,42,4,.35);--f-sheen-a:rgba(255,252,228,.3);--f-sheen-b:rgba(255,255,244,.66);
  --f-ent:linear-gradient(168deg,#6d5211 6%,#3d2d07 56%,#1c1402 96%);--o-ring:conic-gradient(from 210deg,#8a6a14,#F4D03F 14%,#FBEFC7 26%,#D4AF37 44%,#8a6a14 62%,#c9a63f 82%,#8a6a14 100%);--o-g1:#3d3a33;--o-g2:#171512;--o-g3:#060505}
[data-f="ruby"]{--f-bg:radial-gradient(120% 96% at 76% -14%,rgba(232,26,64,.44),transparent 50%),radial-gradient(90% 80% at 2% 110%,rgba(74,2,16,.7),transparent 58%),linear-gradient(158deg,#6d0f1e 0%,#4a0916 36%,#2b0510 68%,#120206 100%);
  --f-weave:repeating-linear-gradient(96deg,rgba(255,214,214,.03) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(236,120,120,.022) 0 1px,transparent 1px 3px);
  --f-rail:inset 0 0 0 2.6px #e6ae97,inset 0 0 0 4.2px rgba(126,52,42,.8),inset 0 0 0 5.6px rgba(0,0,0,.42);--f-rim:rgba(255,222,212,.42);--f-gloss:rgba(255,226,228,.09);--f-glow:rgba(226,58,92,.36);
  --f-ink:#fff8f6;--f-lbl:#EDA894;--f-dim:rgba(255,228,224,.46);--f-tier:#F3BCA6;--f-sub:rgba(255,228,224,.52);--f-tap:rgba(255,236,232,.44);
  --f-num:linear-gradient(176deg,#FFE7DC 4%,#F2BCA4 32%,#DB8C72 62%,#a4523c 96%);--f-wm:rgba(232,96,112,.085);--f-hair:rgba(236,140,120,.085);--f-emb:0 1px 2px rgba(0,0,0,.6);--f-sheen-a:rgba(255,228,226,.07);--f-sheen-b:rgba(255,242,240,.18);
  --f-ent:linear-gradient(168deg,#FFE7DC 8%,#F2BCA4 36%,#DB8C72 62%,#8d4530 96%);
  --o-ring:conic-gradient(from 210deg,#8d4c38,#f6cdb9 14%,#fff1e8 26%,#e0a48f 44%,#8d4c38 62%,#d99a83 82%,#8d4c38 100%);--o-g1:#4e1622;--o-g2:#26080f;--o-g3:#0b0104}
[data-f="reserve"]{--f-bg:radial-gradient(122% 100% at 78% -14%,rgba(30,96,70,.5),transparent 52%),linear-gradient(158deg,#123a2c 0%,#0d2b21 40%,#08201a 72%,#04120e 100%);
  --f-weave:repeating-linear-gradient(96deg,rgba(255,255,255,.028) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(212,175,55,.02) 0 1px,transparent 1px 3px);
  --f-rail:inset 0 0 0 2.8px #D4AF37,inset 0 0 0 4.4px rgba(120,92,18,.7),inset 0 0 0 5.6px rgba(0,0,0,.4);--f-rim:rgba(255,246,205,.4);--f-gloss:rgba(226,255,240,.075);--f-glow:rgba(212,175,55,.28);
  --f-ink:#ffffff;--f-lbl:#D9BA55;--f-dim:rgba(226,240,232,.44);--f-tier:#F4D03F;--f-sub:rgba(226,240,232,.5);--f-tap:rgba(230,245,238,.4);
  --f-num:linear-gradient(176deg,#FBEFC7 4%,#F4D03F 32%,#D4AF37 62%,#a8821c 96%);--f-wm:rgba(212,175,55,.08);--f-hair:rgba(212,175,55,.075);--f-emb:0 1px 2px rgba(0,0,0,.55);--f-sheen-a:rgba(226,255,240,.06);--f-sheen-b:rgba(240,255,246,.15);
  --o-ring:conic-gradient(from 210deg,#8a6a14,#F4D03F 14%,#FBEFC7 26%,#D4AF37 44%,#8a6a14 62%,#c9a63f 82%,#8a6a14 100%);--o-g1:#1c4a39;--o-g2:#0c2b21;--o-g3:#03110d}
[data-f="platinum"]{--f-bg:linear-gradient(158deg,#6b7280 0%,#454b57 28%,#5a616d 50%,#2c313a 78%,#4b515d 100%);
  --f-weave:repeating-linear-gradient(96deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(10,12,16,.07) 0 1px,transparent 1px 3px);
  --f-rail:inset 0 0 0 2.6px rgba(196,203,214,.82),inset 0 0 0 4.2px rgba(58,64,74,.8);--f-rim:rgba(226,232,240,.5);--f-gloss:rgba(255,255,255,.18);--f-glow:rgba(160,170,186,.22);
  --f-ink:#f8fafd;--f-lbl:rgba(248,250,253,.74);--f-dim:rgba(248,250,253,.56);--f-tier:#ffffff;--f-sub:rgba(248,250,253,.6);--f-tap:rgba(255,255,255,.5);
  --f-num:linear-gradient(176deg,#ffffff 4%,#eaeef4 40%,#b7becb 96%);--f-wm:rgba(255,255,255,.1);--f-hair:rgba(255,255,255,.1);--f-emb:0 1.5px 2px rgba(24,28,36,.5);--f-sheen-a:rgba(255,255,255,.14);--f-sheen-b:rgba(255,255,255,.34);
  --f-ent:linear-gradient(168deg,#ffffff 6%,#e2e8f1 42%,#9fa8b6 96%);--o-ring:conic-gradient(from 210deg,#8c93a1,#ffffff 14%,#d3d9e3 32%,#a6adba 50%,#f6f8fb 70%,#939aa8 100%);--o-g1:#3c414b;--o-g2:#16191f;--o-g3:#050608}
[data-f="prive"]{--f-bg:radial-gradient(130% 110% at 100% -14%,rgba(212,175,55,.12),transparent 42%),radial-gradient(96% 120% at 4% 110%,rgba(22,24,34,.62),transparent 58%),linear-gradient(158deg,#171717 0%,#0e0e0e 34%,#080808 64%,#030303 100%);
  --f-weave:repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(255,255,255,.011) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(212,175,55,.016) 0 1px,transparent 1px 7px);
  --f-rail:inset 0 0 0 1px rgba(255,246,205,.6),inset 0 0 0 2.3px rgba(120,92,20,.55),inset 0 0 0 3.4px rgba(0,0,0,.72),inset 0 1.2px 1px rgba(255,246,205,.28);--f-rim:rgba(255,246,205,.24);--f-gloss:rgba(255,246,214,.05);--f-glow:rgba(212,175,55,.34);
  --f-ink:#ffffff;--f-lbl:#C9A63F;--f-dim:rgba(255,255,255,.4);--f-tier:#F4D03F;--f-sub:rgba(255,255,255,.44);--f-tap:rgba(255,255,255,.34);
  --f-num:linear-gradient(176deg,#FBEFC7 4%,#F4D03F 32%,#D4AF37 62%,#a8821c 96%);--f-wm:rgba(212,175,55,.065);--f-hair:rgba(212,175,55,.075);--f-emb:0 1px 2px rgba(0,0,0,.7);--f-sheen-a:rgba(255,246,214,.06);--f-sheen-b:rgba(255,250,232,.16);
  --o-ring:conic-gradient(from 210deg,#8a6a14,#F4D03F 12%,#FBEFC7 24%,#D4AF37 42%,#7d5f10 60%,#e0c268 80%,#8a6a14 100%);--o-g1:#2f3238;--o-g2:#101114;--o-g3:#020203}

/* per-finish light response: pointer hot-spot · card edge · etched numerals */
[data-f="foyer"]{--f-hot:rgba(255,255,255,.2);--f-edge:rgba(0,0,0,.6);--f-etch:0 1px 0 rgba(255,255,255,.13),0 -1px 0 rgba(0,0,0,.6)}
[data-f="sterling"]{--f-hot:rgba(255,255,255,.5);--f-edge:rgba(126,134,146,.6);--f-etch:0 1px 0 rgba(255,255,255,.9),0 -.5px 0 rgba(20,24,32,.28)}
[data-f="prestige"]{--f-hot:rgba(255,252,225,.44);--f-edge:rgba(122,94,20,.62);--f-etch:0 1px 0 rgba(255,248,214,.62),0 -.5px 0 rgba(60,44,6,.3)}
[data-f="ruby"]{--f-hot:rgba(255,226,224,.2);--f-edge:rgba(0,0,0,.62);--f-etch:0 1px 0 rgba(236,150,130,.2),0 -1px 0 rgba(0,0,0,.62)}
[data-f="reserve"]{--f-hot:rgba(226,255,240,.16);--f-edge:rgba(0,0,0,.6);--f-etch:0 1px 0 rgba(212,175,55,.16),0 -1px 0 rgba(0,0,0,.6)}
[data-f="platinum"]{--f-hot:rgba(255,255,255,.42);--f-edge:rgba(58,64,74,.62);--f-etch:0 1px 0 rgba(255,255,255,.55),0 -.5px 0 rgba(24,28,36,.3)}
[data-f="prive"]{--f-hot:rgba(255,246,214,.14);--f-edge:rgba(0,0,0,.7);--f-etch:0 1px 0 rgba(212,175,55,.14),0 -1px 0 rgba(0,0,0,.7)}