/* Vestra's Gambit — slate card system. 378 x 528 px = 63 x 88 mm at 6 px/mm. */
.vg-card{--gilt:linear-gradient(135deg,#f3dfa2 0%,#c8a24f 22%,#8c6a2c 45%,#e6cb84 62%,#a9853a 80%,#efd99a 100%);--gold:#d6bb78;--chalk:#e4dccb;
  position:relative;width:378px;height:528px;border-radius:18px;overflow:hidden;isolation:isolate;flex:none;
  background:var(--base);color:var(--chalk);font-family:'EB Garamond',Georgia,serif;text-align:left;
  box-shadow:0 26px 48px -14px rgba(0,0,0,.7),0 4px 10px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.04)}
.vg-card *{box-sizing:border-box}
.vg-card p,.vg-card h3{margin:0}

/* quarries: each biome is cut from its own slate */
.vg-q-coast{--base:#1f2a29;--inlay:#74b3a3}
.vg-q-forest{--base:#222a20;--inlay:#98b87f}
.vg-q-plains{--base:#2e281f;--inlay:#d9ae5c}
.vg-q-ruins{--base:#29232e;--inlay:#b6a3d4}
.vg-q-ocean{--base:#171d27;--inlay:#7599dc}
.vg-q-volcanic{--base:#2d1f1c;--inlay:#dd7a50}
.vg-q-neutral{--base:#232529;--inlay:#bdb6a6}
.vg-q-obsidian{--base:#121316;--inlay:#e6cb84}

/* the stone */
.vg-stone{position:absolute;inset:0;width:100%;height:100%;z-index:0;mix-blend-mode:overlay;opacity:.62}
.vg-stone .vg-grain{opacity:.1}
.vg-stone .vg-mottle{opacity:.55}
.vg-stone .vg-vein{fill:none;stroke:#fff;stroke-width:.7;opacity:.075}
.vg-shade{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
   radial-gradient(130% 95% at 34% 22%,rgba(255,255,255,.07) 0,transparent 46%,rgba(0,0,0,.46) 100%),
   linear-gradient(113deg,transparent 0 33%,rgba(255,255,255,.028) 33% 47%,transparent 47% 71%,rgba(255,255,255,.02) 71% 72%,transparent 72%)}
.vg-frame{position:absolute;inset:11px;border-radius:11px;z-index:1;pointer-events:none;
  border:1px solid rgba(0,0,0,.6);box-shadow:0 1px 0 rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.05)}
.vg-frame::after{content:"";position:absolute;inset:4px;border-radius:8px;border:.75px solid rgba(201,162,78,.5)}

/* medallions */
.vg-med{position:absolute;top:24px;width:46px;height:46px;border-radius:50%;padding:1.5px;background:var(--gilt);z-index:3;
  box-shadow:0 0 0 3px rgba(0,0,0,.32),0 0 0 4px rgba(255,255,255,.04),0 3px 5px rgba(0,0,0,.55)}
.vg-med>div{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--base) 80%,#000) 0,#08090b 92%);box-shadow:inset 0 2px 5px rgba(0,0,0,.85)}
.vg-cost{left:24px}
.vg-cost b{font-family:'Cormorant',Georgia,serif;font-weight:700;font-size:29px;line-height:1;margin-top:-3px;color:#f0dba3;text-shadow:0 1px 0 #000,0 0 10px rgba(240,219,163,.18);font-variant-numeric:lining-nums}
.vg-speed{right:24px}
.vg-speed svg{width:22px;height:22px;fill:none;stroke:#e7cf8f;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #000)}
.vg-speed.is-channel svg{stroke:#b9b09c}

.vg-name{position:absolute;left:78px;right:78px;top:22px;height:50px;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:'Cormorant SC',Georgia,serif;font-weight:700;letter-spacing:.045em;line-height:.98;text-wrap:balance;color:#ede3c9;
  text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(255,255,255,.035)}
.vg-n1{font-size:23px}.vg-n2{font-size:19px}.vg-n3{font-size:17px}

/* the arch (creatures) */
.vg-arch-rim{position:absolute;left:26px;right:26px;top:84px;height:208px;z-index:2;padding:1.25px;background:var(--gilt);
  border-radius:163px 163px 6px 6px/112px 112px 6px 6px;
  box-shadow:0 0 0 4px rgba(0,0,0,.28),0 0 0 5px rgba(255,255,255,.045),0 6px 14px rgba(0,0,0,.5)}
.vg-arch{position:relative;width:100%;height:100%;overflow:hidden;border-radius:162px 162px 5px 5px/111px 111px 5px 5px;
  background:radial-gradient(58% 52% at 50% 74%,color-mix(in srgb,var(--inlay) 40%,transparent) 0,transparent 72%),
             radial-gradient(130% 90% at 50% 0%,color-mix(in srgb,var(--inlay) 15%,#14171b) 0,#07080a 88%);
  box-shadow:inset 0 8px 16px rgba(0,0,0,.85),inset 0 -1px 0 rgba(255,255,255,.05)}
.vg-deco{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c9a24e;stroke-width:.6;opacity:.2}
.vg-floor{position:absolute;left:20%;right:20%;bottom:7%;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent)}
.vg-fig{position:absolute;left:7%;right:7%;top:12%;bottom:9%}
.vg-fig img,.vg-giltfig{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%}
.vg-a-render .vg-fig img{filter:saturate(.9) contrast(1.04) drop-shadow(0 8px 9px rgba(0,0,0,.55))}
/* chalk etching: the model pressed into the stone */
.vg-a-etched .vg-arch{background:radial-gradient(70% 60% at 50% 70%,color-mix(in srgb,var(--base) 70%,#fff 6%) 0,color-mix(in srgb,var(--base) 55%,#000) 100%)}
.vg-a-etched .vg-fig img{filter:grayscale(1) sepia(.25) contrast(1.35) brightness(1.9);mix-blend-mode:screen;opacity:1}
.vg-a-etched .vg-floor{opacity:.4}
/* gilt relief: gold leaf cut to the silhouette, shaded by the model */
.vg-a-gilt .vg-fig{filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.8)) drop-shadow(0 0 14px rgba(214,187,120,.22))}
.vg-giltfig{background:linear-gradient(160deg,#f6e4ac 0%,#d2ad5a 30%,#8e6b2c 58%,#e3c57c 80%,#9c7a33 100%);
  -webkit-mask:var(--m) 50% 100%/contain no-repeat;mask:var(--m) 50% 100%/contain no-repeat}
.vg-a-gilt .vg-fig img{filter:grayscale(1) contrast(1.4) brightness(1.1);mix-blend-mode:overlay;opacity:.9}
/* unillustrated: a carved monogram */
.vg-mono{position:absolute;inset:0;display:grid;place-items:center;padding-top:22px;font-family:'Cormorant',Georgia,serif;font-weight:600;font-size:168px;line-height:1;
  background:var(--gilt);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.85))}
.vg-a-bare .vg-arch{background:radial-gradient(60% 55% at 50% 60%,color-mix(in srgb,var(--inlay) 22%,transparent) 0,transparent 75%),radial-gradient(130% 90% at 50% 0%,color-mix(in srgb,var(--base) 70%,#000) 0,#07080a 90%)}
.vg-a-bare .vg-deco{opacity:.3}
.vg-max{position:absolute;right:16px;bottom:9px;font-family:'Cormorant SC',Georgia,serif;font-weight:600;font-size:14px;letter-spacing:.06em;color:#d9c386;text-shadow:0 1px 0 #000}

/* the roundel (biomes, hexes, rites, overloads) */
.vg-roundel{position:absolute;left:50%;top:80px;width:216px;height:216px;margin-left:-108px;z-index:2}
.vg-disc{position:absolute;inset:6px;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--inlay) 26%,transparent) 0,transparent 100%),radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--base) 75%,#000) 0,#07080a 95%);
  box-shadow:inset 0 6px 14px rgba(0,0,0,.85),0 0 0 3px rgba(0,0,0,.28),0 0 0 4px rgba(255,255,255,.045)}
.vg-roundel svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.vg-roundel .r-line{fill:none;stroke:#c9a24e}
.vg-roundel .r-tick{fill:none;stroke:#c9a24e;stroke-width:.7;opacity:.75}
.vg-roundel .r-text{font-family:'Cormorant SC',Georgia,serif;font-weight:600;font-size:9.5px;fill:#d6bb78}
.vg-roundel .r-glyph{fill:none;stroke:#e9d197;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.vg-roundel .r-shadow{fill:none;stroke:#000;stroke-opacity:.75;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.vg-t-hex .vg-roundel .r-glyph{stroke:color-mix(in srgb,var(--inlay) 45%,#f2dca2)}
.vg-rays{position:absolute;inset:0;width:100%;height:100%;z-index:1;fill:none;stroke:#c9a24e;stroke-width:.55;opacity:.22}

/* type line + rule */
.vg-type{position:absolute;left:30px;right:30px;top:302px;height:18px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:8px;
  font-family:'Cormorant SC',Georgia,serif;font-weight:600;font-size:13.5px;letter-spacing:.15em;color:var(--gold);text-shadow:0 1px 0 #000;white-space:nowrap}
.vg-type-long{letter-spacing:.07em;font-size:12.5px}
.vg-biome{display:flex;align-items:center;gap:7px;color:#b9b09c}
.vg-gem{width:8px;height:8px;transform:rotate(45deg);flex:none;
  background:linear-gradient(135deg,color-mix(in srgb,var(--inlay) 45%,#fff) 0,var(--inlay) 45%,color-mix(in srgb,var(--inlay) 55%,#000) 100%);
  box-shadow:0 0 0 1px rgba(0,0,0,.7),0 0 7px color-mix(in srgb,var(--inlay) 55%,transparent)}
.vg-rule{position:absolute;left:12px;right:12px;top:327px;height:1px;z-index:3;background:linear-gradient(90deg,transparent 0,rgba(201,162,78,.7) 9%,rgba(201,162,78,.7) 91%,transparent 100%);box-shadow:0 1px 0 rgba(0,0,0,.6)}
.vg-rule::after{content:"";position:absolute;left:50%;top:-3.5px;width:7px;height:7px;margin-left:-3.5px;transform:rotate(45deg);background:var(--base);border:1px solid #c9a24e}

/* rules text — a fixed box; the copy is fitted, never scrolled */
.vg-text{position:absolute;left:32px;right:32px;top:336px;height:140px;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:6px;
  font-size:15px;line-height:1.25;color:var(--chalk);text-shadow:0 1px 0 rgba(0,0,0,.55);overflow:hidden}
.vg-fit-s .vg-text{font-size:14px;gap:5px}
.vg-kw{font-family:'Cormorant SC',Georgia,serif;font-weight:700;font-size:16.5px;letter-spacing:.035em;color:var(--gold)}
.vg-p b{font-weight:600;font-variant:small-caps;letter-spacing:.03em;color:#f3ead6}
.vg-anchor{padding-top:6px;border-top:.75px solid rgba(201,162,78,.3)}
.vg-anchor b{color:var(--gold)}
.vg-flavor{font-style:italic;font-size:14px;line-height:1.2;color:#a79d89;text-align:center}
.vg-fit-s .vg-flavor{font-size:13px}

/* footer */
.vg-stat{position:absolute;bottom:24px;z-index:3;display:flex;align-items:center;gap:9px;
  font-family:'Cormorant SC',Georgia,serif;font-weight:600;font-size:10.5px;letter-spacing:.18em;color:#9d9482}
.vg-atk{left:24px}.vg-def{right:24px;flex-direction:row-reverse}
.vg-dia{width:28px;height:28px;transform:rotate(45deg);padding:1.25px;background:var(--gilt);box-shadow:0 0 0 2.5px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.6)}
.vg-dia>div{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--base) 80%,#000),#08090b);box-shadow:inset 0 2px 4px rgba(0,0,0,.8)}
.vg-dia b{transform:rotate(-45deg);font-family:'Cormorant',Georgia,serif;font-weight:700;font-size:20px;line-height:1;margin-top:-2px;color:#f0dba3;text-shadow:0 1px 0 #000;font-variant-numeric:lining-nums;letter-spacing:0}
.vg-note{position:absolute;left:40px;right:40px;bottom:36px;z-index:3;text-align:center;font-family:'Cormorant SC',Georgia,serif;font-weight:600;font-size:11.5px;letter-spacing:.2em;color:var(--gold)}
.vg-coll{position:absolute;left:64px;right:64px;bottom:22px;z-index:3;display:flex;justify-content:center;align-items:center;gap:9px;font-family:'Cormorant SC',Georgia,serif;font-weight:500;font-size:9.5px;letter-spacing:.14em;color:#8a8272;white-space:nowrap}
.vg-coll .c-rn{display:inline-flex;align-items:center;gap:5px;color:#a79d89}
.vg-t-creature .vg-coll{bottom:29px}

/* overload: obsidian, gilt everything */
.vg-t-overload .vg-frame::after{border:1.25px solid #c9a24e;inset:3.5px}
.vg-t-overload .vg-name{background:var(--gilt);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #000)}
.vg-t-overload .vg-roundel{width:236px;height:236px;margin-left:-118px;top:72px}
.vg-t-overload .vg-roundel .r-glyph{stroke:#f3dfa2;stroke-width:1.6}

/* art masks (gilt relief) */
.m-deer{--m:url(/_blob/b7aa6d85c83349ca5de3a3bc67ea5fc1)}
.m-goblin{--m:url(/_blob/2e3152c0163abf29cfc98ef4ae19a40d)}
.m-goblin_archer{--m:url(/_blob/db9c47945933b671c15106678c90b059)}
.m-goblin_archer_ashen{--m:url(/_blob/5223b145404e3aba968dc822e9b5505a)}
.m-goblin_ashen{--m:url(/_blob/82737884b7117acfd8646eca201cc1e2)}
.m-goblin_shieldbearer{--m:url(/_blob/b350fd5aab636668c1ba2bfb56b8cb88)}
.m-goblin_shieldbearer_ashen{--m:url(/_blob/c1aa8fc22f824b74125e9dd74acd3ee9)}
.m-sardine{--m:url(/_blob/a167246936ba85eaad5d975bd5d330e9)}
.m-shore_crab{--m:url(/_blob/dc49a37724d00d977e713b229e1a3b7a)}
.m-squirrel{--m:url(/_blob/4550effd1d777ffc8cf8b43763befc21)}

/* card back */
.vg-back{--base:#121316;--inlay:#e6cb84}
.vg-back .vg-frame::after{border:1.25px solid #c9a24e;inset:3.5px}
.vg-back-seal{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;z-index:2}
.vg-back-seal svg{width:100%;height:100%;overflow:visible}
.vg-back-word{position:absolute;left:0;right:0;z-index:3;text-align:center;font-family:'Cormorant SC',Georgia,serif;font-weight:700;letter-spacing:.3em;
  background:var(--gilt);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #000)}

/* ================= OPTIONAL LAYERS (hidden unless a layout/surface asks) ================= */
.vg-riven,.vg-surf,.vg-surf2,.vg-orn g,.vg-field,.vg-panel,.vg-dentil,.vg-pil{display:none}
.vg-orn{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible}
.vg-surf,.vg-surf2,.vg-field,.vg-panel,.vg-dentil,.vg-pil{position:absolute;pointer-events:none}
.vg-surf{inset:0;z-index:0}

/* ================= LAYOUT: WINDOW (full-bleed art, name on the art) ================= */
.vg-l-window .vg-field{display:block;left:12px;right:12px;top:12px;height:288px;z-index:2;border-radius:11px 11px 2px 2px;
  background:radial-gradient(60% 50% at 50% 46%,color-mix(in srgb,var(--inlay) 30%,transparent) 0,transparent 75%),radial-gradient(130% 90% at 50% 0%,color-mix(in srgb,var(--inlay) 14%,#14171b) 0,#07080a 90%);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 -80px 60px -40px rgba(4,5,7,.9)}
.vg-l-window .vg-field::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:var(--gilt)}
.vg-l-window .vg-arch-rim{left:12px;right:12px;top:12px;height:288px;padding:0;background:none;border-radius:11px 11px 2px 2px;box-shadow:none}
.vg-l-window .vg-arch{border-radius:11px 11px 2px 2px;box-shadow:none}
.vg-l-window .vg-arch::after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(transparent,rgba(4,5,7,.92))}
.vg-l-window .vg-deco{opacity:.08}
.vg-l-window .vg-fig{left:5%;right:5%;top:19%;bottom:15%}
.vg-l-window .vg-floor{bottom:14%}
.vg-l-window .vg-max{right:auto;left:50%;transform:translateX(-50%);top:30px;bottom:auto}
.vg-l-window .vg-name{left:26px;right:26px;top:244px;height:50px}
.vg-l-window .vg-n1{font-size:28px}.vg-l-window .vg-n2{font-size:23px}.vg-l-window .vg-n3{font-size:20px}
.vg-l-window .vg-roundel{top:42px;width:196px;height:196px;margin-left:-98px}
.vg-l-window.vg-t-overload .vg-roundel{top:36px;width:206px;height:206px;margin-left:-103px}
.vg-l-window .vg-rays{clip-path:inset(12px 12px 228px 12px round 11px)}

/* ================= LAYOUT: CAMEO (portrait medallion, captioned) ================= */
.vg-l-cameo .vg-arch-rim{left:50%;right:auto;width:196px;height:196px;margin-left:-98px;top:40px;padding:2px;border-radius:50%}
.vg-l-cameo .vg-arch{border-radius:50%}
.vg-l-cameo .vg-arch-rim::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:2.5px dotted rgba(214,187,120,.75)}
.vg-l-cameo .vg-arch-rim::after,.vg-l-cameo .vg-roundel::after{content:"";position:absolute;top:50%;left:-86px;right:-86px;height:7px;margin-top:-3.5px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#c9a24e) left center/72px 1px no-repeat,linear-gradient(90deg,#c9a24e,transparent) right center/72px 1px no-repeat}
.vg-l-cameo .vg-fig{left:11%;right:11%;top:15%;bottom:13%}
.vg-l-cameo .vg-floor{bottom:11%;left:24%;right:24%}
.vg-l-cameo .vg-deco{opacity:.12}
.vg-l-cameo .vg-max{right:auto;left:50%;transform:translateX(-50%);bottom:7px}
.vg-l-cameo .vg-mono{font-size:124px;padding-top:12px}
.vg-l-cameo .vg-name{left:30px;right:30px;top:246px;height:48px}
.vg-l-cameo .vg-n1{font-size:27px}.vg-l-cameo .vg-n2{font-size:22px}.vg-l-cameo .vg-n3{font-size:19.5px}
.vg-l-cameo .vg-roundel{top:38px;width:200px;height:200px;margin-left:-100px}

/* ================= LAYOUT: TEMPLE (pediment, pilasters, frieze) ================= */
.vg-l-temple .vg-orn .o-ped{display:inline}
.vg-l-temple .vg-name{left:84px;right:84px;top:44px;height:32px;white-space:nowrap;letter-spacing:.03em}
.vg-l-temple .vg-n1{font-size:21px}.vg-l-temple .vg-n2{font-size:16.5px}.vg-l-temple .vg-n3{font-size:13.5px;letter-spacing:.015em}
.vg-l-temple .vg-med{top:58px}
.vg-l-temple .vg-cost{left:12px}.vg-l-temple .vg-speed{right:12px}
.vg-l-temple .vg-dentil{display:block;left:26px;right:26px;top:90px;height:6px;z-index:2;
  background:repeating-linear-gradient(90deg,rgba(201,162,78,.55) 0 5px,transparent 5px 9px);-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.vg-l-temple .vg-pil{display:block;top:104px;height:190px;width:18px;z-index:2;
  background:repeating-linear-gradient(90deg,rgba(0,0,0,.45) 0 1px,rgba(255,255,255,.08) 1px 2px,transparent 2px 4.5px),color-mix(in srgb,var(--base) 80%,#000);
  box-shadow:0 0 0 1px rgba(201,162,78,.55),0 3px 6px rgba(0,0,0,.5)}
.vg-l-temple .vg-pil::before,.vg-l-temple .vg-pil::after{content:"";position:absolute;left:-4px;right:-4px;height:5px;background:var(--gilt)}
.vg-l-temple .vg-pil::before{top:-6px}.vg-l-temple .vg-pil::after{bottom:-6px}
.vg-l-temple .vg-pil-l{left:22px}.vg-l-temple .vg-pil-r{right:22px}
.vg-l-temple .vg-arch-rim{left:50px;right:50px;top:104px;height:190px;border-radius:2px}
.vg-l-temple .vg-arch{border-radius:1px}
.vg-l-temple .vg-fig{top:9%}
.vg-l-temple .vg-roundel{top:100px;width:196px;height:196px;margin-left:-98px}
.vg-l-temple .vg-rays{opacity:.14}

/* ================= SURFACE: RIVEN (natural cleft face, stepped laminations) ================= */
.vg-s-riven{--base2:color-mix(in srgb,var(--base) 55%,#58626a);background:var(--base2)}
.vg-s-riven .vg-riven{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0;mix-blend-mode:overlay;opacity:.6}
.vg-s-riven .vg-stone{opacity:.35}
.vg-s-riven .vg-orn .o-riven{display:inline}
.vg-s-riven .vg-surf{display:block;background:
  linear-gradient(177deg,rgba(0,0,0,.14) 0 20%,rgba(255,255,255,.035) 20% 36%,rgba(0,0,0,.1) 36% 52%,rgba(255,255,255,.03) 52% 70%,rgba(0,0,0,.16) 70%)}
.vg-s-riven .vg-text,.vg-s-riven .vg-type,.vg-s-riven .vg-name{text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.5)}
.vg-s-riven .vg-rule::after{background:var(--base2)}

/* ================= SURFACE: GLASS (soul-shard crystal, silver) ================= */
.vg-s-glass{--base:#0f1520;--gilt:linear-gradient(135deg,#f4fcff 0%,#a9d6e2 24%,#56778c 48%,#e2f6fb 64%,#8db4c5 82%,#f0fbff 100%);--gold:#bfe4ee;--chalk:#e2eef2}
.vg-s-glass .vg-stone{opacity:.14}
.vg-s-glass .vg-orn .o-facet{display:inline}.vg-s-glass .vg-vein{display:none}
.vg-s-glass .vg-surf{display:block;background:
  conic-gradient(from 12deg at 26% 18%,rgba(134,240,255,.13) 0 38deg,transparent 38deg 92deg,rgba(255,255,255,.045) 92deg 148deg,transparent 148deg 226deg,rgba(170,130,255,.12) 226deg 284deg,transparent 284deg),
  conic-gradient(from 200deg at 78% 72%,rgba(134,240,255,.11) 0 52deg,transparent 52deg 120deg,rgba(255,255,255,.04) 120deg 170deg,transparent 170deg 250deg,rgba(170,130,255,.1) 250deg 300deg,transparent 300deg),
  conic-gradient(from 90deg at 60% 38%,transparent 0 60deg,rgba(255,255,255,.03) 60deg 100deg,transparent 100deg),
  radial-gradient(90% 60% at 50% 0,rgba(90,170,210,.14),transparent 70%)}
.vg-s-glass .vg-frame{border-color:rgba(160,220,235,.35);box-shadow:0 0 12px rgba(134,240,255,.12),inset 0 0 12px rgba(134,240,255,.08)}
.vg-s-glass .vg-frame::after{border-color:rgba(190,235,245,.55)}
.vg-s-glass .vg-name{color:#f2fbff;text-shadow:0 0 10px rgba(134,240,255,.35),0 1px 0 #000}
.vg-s-glass .vg-cost b,.vg-s-glass .vg-dia b{color:#e9f9ff;text-shadow:0 0 8px rgba(134,240,255,.5),0 1px 0 #000}
.vg-s-glass .vg-speed svg{stroke:#bfeaf5}
.vg-s-glass .vg-arch{background:radial-gradient(58% 52% at 50% 74%,rgba(134,240,255,.18),transparent 72%),radial-gradient(130% 90% at 50% 0,#172336,#05070b 88%)}
.vg-s-glass .vg-deco,.vg-s-glass .vg-roundel .r-line,.vg-s-glass .vg-roundel .r-tick,.vg-s-glass .vg-rays,.vg-s-glass .vg-orn .o-ped path{stroke:#9fd6e4}
.vg-s-glass .vg-roundel .r-text{fill:#bfe4ee}.vg-s-glass .vg-roundel .r-glyph{stroke:#dff7ff}
.vg-s-glass .vg-rule{background:linear-gradient(90deg,transparent,rgba(160,220,235,.7) 9%,rgba(160,220,235,.7) 91%,transparent)}
.vg-s-glass .vg-rule::after{border-color:#bfe4ee}
.vg-s-glass .vg-dentil{background:repeating-linear-gradient(90deg,rgba(160,220,235,.5) 0 5px,transparent 5px 9px)}
.vg-s-glass .vg-pil{box-shadow:0 0 0 1px rgba(160,220,235,.5)}
.vg-s-glass .vg-l-cameo .vg-arch-rim::before,.vg-s-glass.vg-l-cameo .vg-arch-rim::before{border-color:rgba(190,235,245,.7)}

/* ================= SURFACE: VELLUM (illuminated manuscript: parchment, lapis, gold, rubric) ================= */
.vg-s-vellum{--base:#e9dbbd;--gold:#8a6420;--chalk:#2b2219;--lapis:radial-gradient(circle at 50% 30%,#2f4d90 0,#101b3e 92%)}
.vg-s-vellum .vg-stone{mix-blend-mode:multiply;opacity:.22}.vg-s-vellum .vg-vein{display:none}.vg-s-vellum .vg-grain{opacity:0}
.vg-s-vellum .vg-surf{display:block;background:
  radial-gradient(3px 3px at 22% 14%,rgba(140,90,40,.25),transparent),radial-gradient(4px 4px at 81% 33%,rgba(140,90,40,.2),transparent),radial-gradient(2px 2px at 64% 88%,rgba(140,90,40,.25),transparent),
  radial-gradient(40% 30% at 70% 20%,rgba(255,250,235,.35),transparent 70%)}
.vg-s-vellum .vg-shade{background:radial-gradient(125% 100% at 50% 45%,transparent 52%,rgba(124,82,32,.38) 100%)}
.vg-s-vellum .vg-frame{border-color:#9c742a;box-shadow:none}
.vg-s-vellum .vg-frame::after{border-color:rgba(163,48,28,.55)}
.vg-s-vellum .vg-med>div,.vg-s-vellum .vg-dia>div{background:var(--lapis)}
.vg-s-vellum .vg-name{color:#2e1d12;text-shadow:none}
.vg-s-vellum .vg-type{text-shadow:none}.vg-s-vellum .vg-biome{color:#6d5c47}
.vg-s-vellum .vg-rule{background:linear-gradient(90deg,transparent,#a88235 9%,#a88235 91%,transparent);box-shadow:none}
.vg-s-vellum .vg-rule::after{background:#e9dbbd;border-color:#9c742a}
.vg-s-vellum .vg-text{text-shadow:none}
.vg-s-vellum .vg-kw,.vg-s-vellum .vg-anchor b{color:#a3301c}
.vg-s-vellum .vg-p b{color:#2e1d12}
.vg-s-vellum .vg-p.vg-anchor b{color:#a3301c}
.vg-s-vellum .vg-anchor{border-top-color:rgba(156,116,42,.45)}
.vg-s-vellum .vg-flavor{color:#6d5b45}
.vg-s-vellum .vg-coll{color:#7d6c55}.vg-s-vellum .vg-note{color:#8a6420}
.vg-s-vellum .vg-arch{background:radial-gradient(58% 52% at 50% 74%,rgba(255,226,150,.2),transparent 72%),radial-gradient(130% 90% at 50% 0,#2f4d90 0,#0e1733 90%);box-shadow:inset 0 6px 14px rgba(0,0,0,.6)}
.vg-s-vellum.vg-a-etched .vg-arch,.vg-s-vellum.vg-a-bare .vg-arch{background:radial-gradient(130% 90% at 50% 0,#2f4d90 0,#0e1733 90%)}
.vg-s-vellum .vg-deco{stroke:#e2c26f;opacity:.3}
.vg-s-vellum .vg-disc{background:radial-gradient(circle at 50% 35%,#2f4d90 0,#0e1733 95%);box-shadow:inset 0 4px 10px rgba(0,0,0,.6),0 0 0 3px rgba(156,116,42,.25)}
.vg-s-vellum .vg-rays{stroke:#9c742a;opacity:.3}
.vg-s-vellum .vg-arch-rim,.vg-s-vellum .vg-med,.vg-s-vellum .vg-dia{box-shadow:0 2px 4px rgba(80,50,20,.35)}
.vg-s-vellum .vg-field{background:radial-gradient(130% 90% at 50% 0,#2f4d90 0,#0e1733 90%)}
.vg-s-vellum .vg-pil{background:repeating-linear-gradient(90deg,rgba(120,80,30,.35) 0 1px,rgba(255,255,255,.4) 1px 2px,transparent 2px 4.5px),#e3d2ae;box-shadow:0 0 0 1px #9c742a}
.vg-s-vellum .vg-orn .o-ped path:first-child{fill:rgba(47,77,144,.92)}
.vg-s-vellum.vg-l-temple .vg-name{color:#f3e3b0}
.vg-s-vellum .vg-dentil{background:repeating-linear-gradient(90deg,#9c742a 0 5px,transparent 5px 9px)}
.vg-s-vellum.vg-l-window .vg-name,.vg-s-vellum.vg-l-window .vg-max{color:#f3e3b0}

.vg-s-glass .vg-field{background:radial-gradient(60% 50% at 50% 46%,rgba(134,240,255,.16),transparent 75%),radial-gradient(130% 90% at 50% 0,#172336,#05070b 90%)}

/* ================= STATS PRESENTATIONS ================= */
.vg-crest,.vg-ledger,.vg-pipbox{display:none}
/* crest: one plaque, blade | shield */
.vg-st-crest .vg-stat{display:none}
.vg-st-crest .vg-crest{display:block;position:absolute;left:50%;bottom:18px;width:128px;height:32px;margin-left:-64px;z-index:3;padding:1.25px;background:var(--gilt);
  clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.vg-crest .cr-in{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:11px;
  background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--base) 80%,#000),#08090b);clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%)}
.vg-crest .cr-a,.vg-crest .cr-d{display:flex;align-items:center;gap:5px}
.vg-crest b{font-family:'Cormorant',Georgia,serif;font-weight:700;font-size:21px;line-height:1;margin-top:-2px;color:#f0dba3;text-shadow:0 1px 0 #000;font-variant-numeric:lining-nums}
.vg-crest svg{width:15px;height:15px;fill:none;stroke:#cdb57a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vg-crest .cr-sep{width:1px;height:17px;background:rgba(201,162,78,.6)}
.vg-st-crest.vg-t-creature .vg-coll{left:26px;right:26px;bottom:26px;justify-content:flex-start}
.vg-st-crest.vg-t-creature .vg-coll .c-set{margin-left:auto}
.vg-st-crest.vg-t-creature .vg-coll .c-rn{margin-right:auto}
/* ledger: a labelled band, every number named */
.vg-st-ledger .vg-stat,.vg-st-ledger.vg-t-creature .vg-coll,.vg-st-ledger .vg-max{display:none}
.vg-st-ledger .vg-ledger{display:grid;position:absolute;left:22px;right:22px;bottom:18px;height:33px;z-index:3;grid-template-columns:1fr 1fr 1fr 1.3fr;
  border-top:.75px solid rgba(201,162,78,.55);border-bottom:.75px solid rgba(201,162,78,.55)}
.vg-ledger .lg-c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-left:.75px solid rgba(201,162,78,.3)}
.vg-ledger .lg-c:first-child{border-left:0}
.vg-ledger em{font-style:normal;font-family:'Cormorant SC',Georgia,serif;font-weight:600;font-size:9.5px;letter-spacing:.15em;color:#9d9482;display:flex;align-items:center;gap:4px;white-space:nowrap}
.vg-ledger b{font-family:'Cormorant',Georgia,serif;font-weight:700;font-size:18px;line-height:1;color:#f0dba3;text-shadow:0 1px 0 #000;font-variant-numeric:lining-nums}
.vg-ledger .lg-set b{font-family:'Cormorant SC',Georgia,serif;font-weight:500;font-size:10.5px;letter-spacing:.14em;color:#a79d89}
/* pips: numbers plus a pip track; DEF pips are sockets a damage marker can sit on */
.vg-st-pips .vg-stat{display:none}
.vg-st-pips .vg-pipbox{display:flex;position:absolute;bottom:21px;align-items:center;gap:7px;z-index:3}
.vg-pip-a{left:26px}.vg-pip-d{right:26px}
.vg-pipbox b{font-family:'Cormorant',Georgia,serif;font-weight:700;font-size:23px;line-height:1;color:#f0dba3;text-shadow:0 1px 0 #000;font-variant-numeric:lining-nums}
.vg-pipbox .pips{display:grid;grid-template-columns:repeat(5,8px);gap:5px 4px}
.vg-pip-d .pips{direction:rtl}
.vg-pipbox .pips i{width:6px;height:6px;margin:.5px;transform:rotate(45deg);background:var(--gilt);box-shadow:0 1px 1px rgba(0,0,0,.6)}
.vg-pip-d .pips i{background:radial-gradient(circle,#08090b,#1a1c1f);box-shadow:0 0 0 1px #c9a24e,inset 0 1px 2px #000}
.vg-st-pips.vg-t-creature .vg-coll .c-set{display:none}
.vg-st-pips.vg-t-creature .vg-coll{bottom:24px}

/* ================= RARITY ================= */
.vg-rar{display:inline-block;width:6px;height:6px;flex:none}
.vg-r-normal .vg-rar{width:7px;height:7px;border:1px solid #a79d89;border-radius:50%}
.vg-r-rare .vg-rar{transform:rotate(45deg);background:linear-gradient(135deg,#f6f9fb,#9aa6ae 50%,#e3e9ed);box-shadow:0 0 5px rgba(220,235,245,.55)}
.vg-r-rare .vg-coll .c-rn,.vg-r-rare .vg-ledger .lg-set em{color:#d8e2e8}
.vg-r-rare:not(.vg-rs-mark) .vg-frame::after{border-color:rgba(214,226,234,.8)}
.vg-r-rare:not(.vg-rs-mark) .vg-name{color:#f3f7f9;text-shadow:0 0 9px rgba(200,222,236,.4),0 1px 0 #000}
.vg-r-legendary .vg-rar{width:10px;height:10px;background:var(--gilt);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);filter:drop-shadow(0 0 3px rgba(240,210,130,.8))}
.vg-r-legendary .vg-coll .c-rn,.vg-r-legendary .vg-ledger .lg-set em{color:#e6cb84}
.vg-r-legendary:not(.vg-rs-mark)::after{content:"";position:absolute;inset:0;border-radius:18px;z-index:4;pointer-events:none;
  box-shadow:inset 0 0 0 3.5px #c9a24e,inset 0 0 0 4.5px rgba(0,0,0,.55),inset 0 0 22px rgba(240,210,130,.22);
  background:linear-gradient(118deg,transparent 28%,rgba(255,238,196,.06) 42%,rgba(255,255,255,.12) 50%,rgba(255,238,196,.06) 58%,transparent 72%)}
.vg-r-legendary:not(.vg-rs-mark) .vg-name{background:var(--gilt);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.9))}

/* ================= SURFACE: COMPASS SLATE (the HUD band's painted slate, gold edge, ice ink) ================= */
.vg-s-hud,.vg-s-tablet{--base:#29313a;--gold:#cfe6ec;background:#29313a url(../assets/surface/hud_slate.webp) center/cover}
.vg-s-hud .vg-stone,.vg-s-tablet .vg-stone{opacity:.2}
.vg-s-hud .vg-vein,.vg-s-tablet .vg-vein{display:none}
.vg-s-hud .vg-shade,.vg-s-tablet .vg-shade{background:radial-gradient(130% 95% at 40% 25%,transparent 40%,rgba(5,8,12,.5) 100%),linear-gradient(rgba(12,16,22,.24),rgba(12,16,22,.24))}
.vg-s-hud .vg-cost b,.vg-s-hud .vg-dia b,.vg-s-hud .vg-crest b,.vg-s-hud .vg-ledger b,.vg-s-hud .vg-pipbox b,
.vg-s-tablet .vg-cost b,.vg-s-tablet .vg-dia b,.vg-s-tablet .vg-crest b,.vg-s-tablet .vg-ledger b,.vg-s-tablet .vg-pipbox b{color:#e8f4f6;text-shadow:0 0 8px rgba(160,220,235,.35),0 1px 0 #000}
.vg-s-hud .vg-speed svg,.vg-s-tablet .vg-speed svg{stroke:#dbeef2}
.vg-s-hud .vg-anchor b,.vg-s-tablet .vg-anchor b{color:#cfe6ec}
.vg-s-hud .vg-text,.vg-s-tablet .vg-text,.vg-s-hud .vg-type,.vg-s-tablet .vg-type{text-shadow:0 1px 2px rgba(0,0,0,.9)}
.vg-s-hud .vg-deco,.vg-s-tablet .vg-deco,.vg-s-hud .vg-roundel .r-tick,.vg-s-tablet .vg-roundel .r-tick{stroke:#dbeef2}
.vg-s-hud .vg-roundel .r-text,.vg-s-tablet .vg-roundel .r-text{fill:#cfe6ec}
.vg-s-hud .vg-roundel .r-glyph,.vg-s-tablet .vg-roundel .r-glyph{stroke:#eaf6f8}
.vg-s-hud .vg-arch,.vg-s-tablet .vg-arch,.vg-s-hud .vg-field,.vg-s-tablet .vg-field{background:radial-gradient(58% 52% at 50% 74%,color-mix(in srgb,var(--inlay) 30%,transparent),transparent 72%),radial-gradient(130% 90% at 50% 0,#1a2129,#070a0d 88%)}
.vg-s-hud .vg-disc,.vg-s-tablet .vg-disc{background:radial-gradient(closest-side,color-mix(in srgb,var(--inlay) 22%,transparent),transparent),radial-gradient(circle at 50% 35%,#1a2129,#070a0d 95%)}
.vg-s-hud .vg-rule::after,.vg-s-tablet .vg-rule::after{background:#29313a}
.vg-s-hud .vg-crest svg,.vg-s-tablet .vg-crest svg{stroke:#cfe6ec}
/* RUNE TABLET: the HUD slate's own rocky frame as the card border */
.vg-s-tablet .vg-surf2{display:block;inset:0;z-index:1;border-radius:18px;border:25px solid transparent;border-image:url(/_blob/ddc998cd1e96727c5c237dfbd3673c45) 72 round;filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}
.vg-s-tablet .vg-frame{inset:25px;border-radius:3px;border-color:rgba(0,0,0,.55)}
.vg-s-tablet .vg-frame::after{inset:3px;border-radius:2px}
.vg-s-tablet .vg-rule{left:26px;right:26px}
.vg-s-tablet .vg-coll{bottom:30px}.vg-s-tablet .vg-note{bottom:44px}
.vg-s-tablet.vg-l-window .vg-field,.vg-s-tablet.vg-l-window .vg-arch-rim{left:26px;right:26px;top:26px;height:274px;border-radius:2px}
.vg-s-tablet.vg-l-window .vg-arch{border-radius:2px}
.vg-s-tablet.vg-l-temple .vg-pil-l{left:30px}.vg-s-tablet.vg-l-temple .vg-pil-r{right:30px}
.vg-s-tablet.vg-l-temple .vg-arch-rim{left:56px;right:56px}
.vg-s-tablet.vg-st-ledger .vg-ledger{left:28px;right:28px;bottom:28px}
.vg-s-tablet.vg-st-crest .vg-crest{bottom:26px}
.vg-s-tablet.vg-st-pips .vg-pipbox{bottom:30px}.vg-s-tablet .vg-pip-a{left:32px}.vg-s-tablet .vg-pip-d{right:32px}
.vg-s-tablet .vg-stat{bottom:30px}.vg-s-tablet .vg-atk{left:30px}.vg-s-tablet .vg-def{right:30px}
.vg-s-tablet .vg-cost{left:28px;top:28px}.vg-s-tablet .vg-speed{right:28px;top:28px}
.vg-s-tablet.vg-l-temple .vg-cost{left:18px;top:58px}.vg-s-tablet.vg-l-temple .vg-speed{right:18px;top:58px}

/* ================= SURFACE: PIETRA DURA (polished stone, inlaid mosaic border in the biome's stone) ================= */
.vg-s-pietra{background:color-mix(in srgb,var(--base) 55%,#0d120f)}
.vg-s-pietra .vg-rule::after{background:color-mix(in srgb,var(--base) 55%,#0d120f)}
.vg-s-pietra .vg-stone{opacity:.3}
.vg-s-pietra .vg-vein{opacity:.22;stroke-width:1}
.vg-s-pietra .vg-grain{opacity:.04}
.vg-s-pietra .vg-shade{background:linear-gradient(118deg,transparent 0 36%,rgba(255,255,255,.075) 43%,rgba(255,255,255,.02) 51%,transparent 57%),radial-gradient(130% 95% at 34% 22%,rgba(255,255,255,.06) 0,transparent 46%,rgba(0,0,0,.45) 100%)}
.vg-s-pietra .vg-surf2{display:block;inset:9px;z-index:1;border-radius:11px;padding:6px;
  background:radial-gradient(120% 60% at 30% 20%,color-mix(in srgb,var(--inlay) 70%,#fff) 0,var(--inlay) 35%,color-mix(in srgb,var(--inlay) 55%,#000) 100%);
  -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)}
.vg-s-pietra .vg-surf2::before{content:"";position:absolute;inset:0;border-radius:11px;box-shadow:inset 0 0 0 1.25px #c9a24e,inset 0 0 0 2px rgba(0,0,0,.4)}
.vg-s-pietra .vg-surf2::after{content:"";position:absolute;inset:5px;border-radius:6px;border:1.25px solid #c9a24e}
.vg-s-pietra .vg-frame{inset:20px;border-radius:4px}
.vg-s-pietra .vg-frame::after{inset:3px;border-radius:2px}
.vg-s-pietra .vg-rule{left:17px;right:17px}

/* ================= SURFACE: EBONY & NACRE (ebony, mother-of-pearl inlay) ================= */
.vg-s-nacre{--base:#15100d;--gilt:linear-gradient(115deg,#f7eef2 0%,#bfe7ea 16%,#efcfe2 32%,#f6e7bf 48%,#c3e8d8 64%,#dccff3 80%,#f7eef2 100%);--gold:#e8dfd2;--chalk:#ece5da}
.vg-s-nacre .vg-stone{opacity:.16}.vg-s-nacre .vg-vein{display:none}
.vg-s-nacre .vg-surf{display:block;background:repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 2px,transparent 2px 5px,rgba(0,0,0,.2) 5px 6px,transparent 6px 11px),radial-gradient(130% 95% at 34% 22%,rgba(140,90,55,.14) 0,transparent 60%)}
.vg-s-nacre .vg-surf2{display:block;inset:10px;z-index:1;border-radius:11px;padding:3px;opacity:.95;background:conic-gradient(from 30deg at 40% 45%,#f4d7e6,#cfeef0,#f8ecc8,#d9d0f4,#c9ecdc,#f6d5dd,#f4d7e6);
  -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)}
.vg-s-nacre .vg-frame{inset:18px;border-radius:6px;border-color:rgba(0,0,0,.5)}
.vg-s-nacre .vg-frame::after{border-color:rgba(233,224,240,.45)}
.vg-s-nacre .vg-name{color:#f5efe6}
.vg-s-nacre .vg-cost b,.vg-s-nacre .vg-dia b,.vg-s-nacre .vg-crest b,.vg-s-nacre .vg-ledger b,.vg-s-nacre .vg-pipbox b{color:#f5efe6;text-shadow:0 0 7px rgba(230,215,255,.35),0 1px 0 #000}
.vg-s-nacre .vg-speed svg,.vg-s-nacre .vg-crest svg{stroke:#e6dcef}
.vg-s-nacre .vg-kw,.vg-s-nacre .vg-anchor b{color:#e2d7ee}
.vg-s-nacre .vg-arch,.vg-s-nacre .vg-field{background:radial-gradient(58% 52% at 50% 74%,rgba(225,215,245,.14),transparent 72%),radial-gradient(130% 90% at 50% 0,#211a16,#070504 88%)}
.vg-s-nacre .vg-disc{background:radial-gradient(closest-side,rgba(225,215,245,.12),transparent),radial-gradient(circle at 50% 35%,#211a16,#070504 95%)}
.vg-s-nacre .vg-deco,.vg-s-nacre .vg-roundel .r-line,.vg-s-nacre .vg-roundel .r-tick,.vg-s-nacre .vg-rays,.vg-s-nacre .vg-orn .o-ped path{stroke:#e9e0f0}
.vg-s-nacre .vg-roundel .r-text{fill:#e6dcef}.vg-s-nacre .vg-roundel .r-glyph{stroke:#f5efe6}
.vg-s-nacre .vg-rule{background:linear-gradient(90deg,transparent,rgba(230,222,240,.7) 9%,rgba(230,222,240,.7) 91%,transparent)}
.vg-s-nacre .vg-rule::after{background:#15100d;border-color:#e9e0f0}
.vg-s-nacre .vg-ledger,.vg-s-nacre .vg-ledger .lg-c{border-color:rgba(233,224,240,.35)}
.vg-s-nacre .vg-dentil{background:repeating-linear-gradient(90deg,rgba(233,224,240,.55) 0 5px,transparent 5px 9px)}
.vg-s-nacre .vg-pil{box-shadow:0 0 0 1px rgba(233,224,240,.55)}

.vg-s-pietra .vg-pip-a,.vg-s-nacre .vg-pip-a{left:32px}.vg-s-pietra .vg-pip-d,.vg-s-nacre .vg-pip-d{right:32px}
.vg-s-pietra .vg-atk,.vg-s-nacre .vg-atk{left:30px}.vg-s-pietra .vg-def,.vg-s-nacre .vg-def{right:30px}
.vg-s-pietra .vg-stat,.vg-s-nacre .vg-stat{bottom:28px}
.vg-s-pietra .vg-st-ledger .vg-ledger,.vg-s-pietra.vg-st-ledger .vg-ledger,.vg-s-nacre.vg-st-ledger .vg-ledger{left:26px;right:26px;bottom:24px}
.vg-s-pietra.vg-st-crest .vg-crest,.vg-s-nacre.vg-st-crest .vg-crest{bottom:23px}
.vg-s-pietra.vg-st-crest.vg-t-creature .vg-coll,.vg-s-nacre.vg-st-crest.vg-t-creature .vg-coll{left:30px;right:30px;bottom:30px}

.m-elder_dragon{--m:url(/_blob/c602a183de85e98302a6d584def042d8)}
.m-training_dummy{--m:url(/_blob/9a9c773a5a69acd960097992a12d92d3)}
.m-archery_butt{--m:url(/_blob/ac587f86d18f9e3da6e4f4929abf4995)}
.m-stag{--m:url(/_blob/108153edeb93bb4f45068798ccd7edc4)}

/* ================= ROUND 4: backdrops, vista, oval, open, pop-out, rarity systems, bigger ×N ================= */
.vg-arch-bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.vg-vista{display:none;position:absolute;pointer-events:none}
.vg-vista-in{inset:0;width:100%;height:100%}
.vg-key,.vg-foil{display:none}

/* summon count: bigger, on its own little plaque */
.vg-max{font-size:17px;letter-spacing:.04em;padding:1px 8px 2px;border-radius:9px;background:rgba(5,6,8,.62);box-shadow:0 0 0 1px rgba(201,162,78,.65);color:#f0dba3;right:12px;bottom:8px;z-index:3}

/* backdrops inside the window */
.vg-bd-clean .vg-deco{display:none}
.vg-bd-vista .vg-deco,.vg-bd-engraved .vg-deco{display:none}
.vg-bd-vista .vg-vista-in,.vg-bd-engraved .vg-vista-in{display:block}
.vg-bd-vista .vg-floor{opacity:.55;bottom:8%}
.vg-bd-vista .vg-arch-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgba(0,0,0,.45) 100%)}
.vg-bd-engraved .vg-vista .vs-sky{fill:transparent}
.vg-bd-engraved .vg-vista path,.vg-bd-engraved .vg-vista circle{fill:none;stroke:#d6bb78;stroke-width:1.2;opacity:.85}
.vg-bd-engraved .vg-vista .vs-fx{opacity:.35}

/* full-card vista surfaces */
.vg-s-vista .vg-vista-card,.vg-s-fade .vg-vista-card{display:block;left:0;right:0;top:0;height:340px;width:100%;z-index:0}
.vg-s-vista .vg-stone{opacity:.3}
.vg-s-vista .vg-panel{display:block;left:14px;right:14px;top:294px;bottom:14px;z-index:1;border-radius:6px 6px 10px 10px;
  background:radial-gradient(120% 90% at 40% 20%,color-mix(in srgb,var(--base) 88%,#fff 4%),color-mix(in srgb,var(--base) 78%,#000));
  box-shadow:0 -1px 0 rgba(255,255,255,.07),0 -8px 18px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.5),inset 0 0 0 4px color-mix(in srgb,var(--base) 90%,#000),inset 0 0 0 4.75px rgba(201,162,78,.5)}
.vg-s-vista .vg-rule{left:20px;right:20px}
.vg-s-fade .vg-vista-card{-webkit-mask:linear-gradient(#000 0 50%,transparent 88%);mask:linear-gradient(#000 0 50%,transparent 88%)}
.vg-s-vista .vg-name,.vg-s-fade .vg-name{text-shadow:0 1px 2px #000,0 0 12px rgba(0,0,0,.85)}
.vg-s-vista .vg-type,.vg-s-fade .vg-type{text-shadow:0 1px 2px #000,0 0 8px rgba(0,0,0,.8)}
.vg-s-vista .vg-shade,.vg-s-fade .vg-shade{background:radial-gradient(130% 95% at 40% 30%,transparent 50%,rgba(0,0,0,.45) 100%)}
.vg-s-vista .vg-disc,.vg-s-fade .vg-disc{background:radial-gradient(closest-side,rgba(0,0,0,.35),rgba(0,0,0,.72));backdrop-filter:blur(1px)}

/* OPEN layout: no window, the creature stands in the card's own scene */
.vg-l-open .vg-arch-rim{left:12px;right:12px;top:12px;height:288px;padding:0;background:none;box-shadow:none;border-radius:0}
.vg-l-open .vg-arch{background:none;box-shadow:none;border-radius:0}
.vg-l-open .vg-deco{display:none}
.vg-l-open .vg-fig{left:8%;right:8%;top:24%;bottom:5%}
.vg-l-open .vg-floor{bottom:4%;opacity:.8}
.vg-l-open .vg-max{bottom:8px;right:12px}
.vg-l-open .vg-roundel{top:78px}

/* OVAL cameo: a wide medallion for long bodies */
.vg-l-oval .vg-arch-rim{left:50%;right:auto;width:300px;height:190px;margin-left:-150px;top:46px;padding:2px;border-radius:50%}
.vg-l-oval .vg-arch{border-radius:50%}
.vg-l-oval .vg-arch-rim::before{content:"";position:absolute;inset:-9px;border-radius:50%;border:2.5px dotted rgba(214,187,120,.75)}
.vg-l-oval .vg-fig{left:8%;right:8%;top:13%;bottom:12%}
.vg-l-oval .vg-floor{bottom:9%;left:24%;right:24%}
.vg-l-oval .vg-deco{opacity:.12}
.vg-l-oval .vg-max{right:auto;left:50%;transform:translateX(-50%);bottom:6px}
.vg-l-oval .vg-mono{font-size:124px;padding-top:12px}
.vg-l-oval .vg-name{left:30px;right:30px;top:246px;height:48px}
.vg-l-oval .vg-n1{font-size:27px}.vg-l-oval .vg-n2{font-size:22px}.vg-l-oval .vg-n3{font-size:19.5px}
.vg-l-oval .vg-roundel{top:38px;width:200px;height:200px;margin-left:-100px}

/* POP-OUT: the creature breaks the top of its frame */
.vg-pop .vg-arch{overflow:visible}
.vg-pop .vg-fig{top:-13%;bottom:9%;z-index:2}
.vg-pop.vg-l-cameo .vg-fig,.vg-pop.vg-l-oval .vg-fig{top:-20%;bottom:11%;left:2%;right:2%}
.vg-pop .vg-fig img{filter:saturate(.9) contrast(1.04) drop-shadow(0 8px 9px rgba(0,0,0,.55)) drop-shadow(0 -2px 6px rgba(0,0,0,.4))}

/* RARITY system: METAL — bronze / silver / gold decides every rim */
.vg-rs-metal.vg-r-normal{--gilt:linear-gradient(135deg,#e6a57a 0%,#9c5530 24%,#4a2412 48%,#c77e4e 66%,#6c351a 84%,#d9936a 100%);--gold:#cf9068}
.vg-rs-metal.vg-r-rare{--gilt:linear-gradient(135deg,#ffffff 0%,#c3ccd3 24%,#6f7a83 48%,#e8eef2 66%,#9aa6ae 84%,#f6f9fb 100%);--gold:#d5dee4}
.vg-rs-metal.vg-r-normal .vg-frame::after{border-color:rgba(185,128,78,.6)}
.vg-rs-metal.vg-r-normal .vg-cost b,.vg-rs-metal.vg-r-normal .vg-crest b,.vg-rs-metal.vg-r-normal .vg-dia b{color:#f1c9a1}
.vg-rs-metal.vg-r-rare .vg-cost b,.vg-rs-metal.vg-r-rare .vg-crest b,.vg-rs-metal.vg-r-rare .vg-dia b{color:#eef3f6}
.vg-rs-metal.vg-r-normal .vg-crest svg{stroke:#d8a97d}.vg-rs-metal.vg-r-rare .vg-crest svg{stroke:#d5dee4}

/* RARITY system: KEYSTONE GEM set in the top of the window */
.vg-rs-gem .vg-key{display:block;position:absolute;left:50%;top:-9px;width:17px;height:17px;margin-left:-8.5px;transform:rotate(45deg);z-index:4;border-radius:2px;
  box-shadow:0 0 0 1.5px #c9a24e,0 0 0 3px rgba(0,0,0,.55),0 3px 6px rgba(0,0,0,.6)}
.vg-rs-gem .vg-roundel .vg-key{top:-2px}
.vg-rs-gem.vg-r-normal .vg-key{background:radial-gradient(circle at 35% 30%,#b7c0c6,#4e575e 60%,#1e2327)}
.vg-rs-gem.vg-r-rare .vg-key{background:radial-gradient(circle at 35% 30%,#cfe0ff,#3f6fd6 55%,#142a66);box-shadow:0 0 0 1.5px #c9a24e,0 0 0 3px rgba(0,0,0,.55),0 0 12px rgba(90,140,255,.65)}
.vg-rs-gem.vg-r-legendary .vg-key{width:21px;height:21px;margin-left:-10.5px;top:-11px;background:radial-gradient(circle at 35% 30%,#ffd6d6,#d8283a 55%,#5a0a14);box-shadow:0 0 0 1.5px #e6cb84,0 0 0 3px rgba(0,0,0,.55),0 0 16px rgba(255,80,90,.7)}

/* RARITY system: FOIL — nothing, a prismatic rim, a full holographic face */
.vg-rs-foil.vg-r-rare{--gilt:linear-gradient(115deg,#f6d7e0 0%,#cdeef4 20%,#f5efc2 40%,#d6d1f5 60%,#c6f0dc 80%,#f6d7e0 100%)}
.vg-rs-foil.vg-r-rare .vg-name{background:linear-gradient(115deg,#f6d7e0,#cdeef4 30%,#f5efc2 55%,#d6d1f5 80%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 1px 0 #000)}
.vg-rs-foil.vg-r-legendary .vg-foil{display:block;position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:18px;mix-blend-mode:soft-light;opacity:.55;
  background:linear-gradient(125deg,rgba(255,120,160,.0) 0%,rgba(255,120,160,.55) 16%,rgba(120,220,255,.55) 32%,rgba(255,240,140,.55) 48%,rgba(160,130,255,.55) 64%,rgba(120,255,190,.55) 80%,rgba(255,120,160,0) 100%),
             repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 2px,transparent 2px 6px)}

.vg-st-crest.vg-t-creature .vg-coll .c-set{display:none}
.vg-st-crest.vg-t-creature .vg-coll .c-rn{margin-right:0;margin-left:auto}

/* ================= ROUND 5: the locked back, polished; glass oval over the biome scene ================= */
/* the wordmark on a recessed, gold-bordered tablet */
.vg-wm{position:absolute;left:38px;right:38px;top:150px;bottom:150px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;
  border-radius:3px;background:radial-gradient(120% 90% at 50% 40%,rgba(22,28,34,.86) 0,rgba(6,9,12,.92) 100%);
  box-shadow:inset 0 3px 12px rgba(0,0,0,.8),inset 0 -1px 0 rgba(255,255,255,.05),0 0 0 1px #c9a24e,0 0 0 5px rgba(6,9,12,.55),0 0 0 6px rgba(201,162,78,.45),0 10px 24px rgba(0,0,0,.55)}
.vg-wm .wm-c{position:absolute;width:9px;height:9px;transform:rotate(45deg);background:var(--gilt);box-shadow:0 0 0 1.5px rgba(6,9,12,.9)}
.vg-wm .wm-tl{left:-5px;top:-5px}.vg-wm .wm-tr{right:-5px;top:-5px}.vg-wm .wm-bl{left:-5px;bottom:-5px}.vg-wm .wm-br{right:-5px;bottom:-5px}
.vg-wm .wm-small{font-family:'Cormorant SC',Georgia,serif;font-weight:700;font-size:20px;letter-spacing:.5em;margin-right:-.5em;color:#ecd9a0;text-shadow:0 1px 0 #000}
.vg-wm .wm-big{font-family:'Cormorant SC',Georgia,serif;font-weight:700;font-size:64px;line-height:.86;letter-spacing:.06em;margin-right:-.06em;
  background:linear-gradient(180deg,#fff1c6 0%,#e8c877 38%,#b88d3b 62%,#f0d894 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 rgba(0,0,0,.95)) drop-shadow(0 0 14px rgba(230,200,120,.25))}
.vg-wm .wm-rule{position:relative;width:74%;height:1px;background:linear-gradient(90deg,transparent,#c9a24e 18%,#c9a24e 82%,transparent)}
.vg-wm .wm-rule i{position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;transform:rotate(45deg);background:#0b0f13;border:1px solid #e6cb84}
.vg-wm .wm-sub{font-family:'Cormorant SC',Georgia,serif;font-weight:700;font-size:13px;letter-spacing:.36em;margin-right:-.36em;color:#e4eef1;text-shadow:0 1px 0 #000}
/* "Vestra Coda" on dark cartouches, readable over any stone */
.vg-back-cart{position:absolute;left:0;right:0;z-index:3;display:flex;justify-content:center}
.vg-back-cart-b{transform:rotate(180deg)}
.vg-back-cart span{font-family:'Cormorant SC',Georgia,serif;font-weight:700;font-size:14px;letter-spacing:.34em;padding:5px 12px 5px calc(12px + .34em);color:#ecd9a0;text-shadow:0 1px 0 #000;border-radius:3px;
  background:rgba(6,9,12,.82);box-shadow:0 0 0 1px rgba(201,162,78,.8),0 0 0 3px rgba(6,9,12,.55),0 4px 10px rgba(0,0,0,.5)}

/* the oval medallion floating over a biome scene: dark glass, the land faintly behind it */
.vg-s-vista.vg-l-oval .vg-arch,.vg-s-fade.vg-l-oval .vg-arch,.vg-s-vista.vg-l-cameo .vg-arch,.vg-s-fade.vg-l-cameo .vg-arch{
  background:radial-gradient(60% 55% at 50% 72%,color-mix(in srgb,var(--inlay) 28%,transparent) 0,transparent 70%),radial-gradient(closest-side,rgba(8,10,12,.5),rgba(4,6,8,.82));
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:inset 0 6px 14px rgba(0,0,0,.7)}
.vg-s-vista.vg-l-oval .vg-name,.vg-s-fade.vg-l-oval .vg-name{top:248px}
.vg-s-vista.vg-r-legendary:not(.vg-rs-mark) .vg-name,.vg-s-fade.vg-r-legendary:not(.vg-rs-mark) .vg-name{background:linear-gradient(180deg,#fff3cc 0%,#f0d186 45%,#d4a84e 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 4px rgba(0,0,0,.95)) drop-shadow(0 0 10px rgba(0,0,0,.8))}
.vg-rs-gem.vg-l-open .vg-key{top:58px}
.vg-s-vista.vg-l-oval .vg-arch,.vg-s-fade.vg-l-oval .vg-arch{background:radial-gradient(60% 55% at 50% 72%,color-mix(in srgb,var(--inlay) 18%,transparent) 0,transparent 70%),radial-gradient(closest-side,rgba(10,12,14,.62),rgba(4,6,8,.88))}
.vg-r-legendary:not(.vg-rs-mark) .vg-name,.vg-rs-foil.vg-r-rare .vg-name{text-shadow:none!important}

/* ================= ROUND 6: card-back wordmark styles (A = classic = as locked) ================= */
.vg-wmo{position:absolute;left:34px;right:34px;top:142px;bottom:142px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-family:'Cormorant SC',Georgia,serif}
.vg-wmo .wmo-ring{display:none}
.vg-wmo .wmo-rule{position:relative;width:100%;height:1px;background:linear-gradient(90deg,transparent,#c9a24e 20%,#c9a24e 80%,transparent)}
.vg-wmo .wmo-rule i{display:none}
.vg-wmo .wmo-small,.vg-wmo .wmo-big,.vg-bw span{font-weight:700;background:var(--gilt);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #000)}
.vg-wmo .wmo-small{font-size:19px;letter-spacing:.55em;margin-right:-.55em}
.vg-wmo .wmo-big{font-size:62px;letter-spacing:.08em;margin-right:-.08em;line-height:.9}
.vg-wmo .wmo-sub{font-size:11px;font-weight:600;letter-spacing:.32em;margin-right:-.32em;color:#b9ad90}
.vg-bw{position:absolute;left:0;right:0;z-index:3;text-align:center;font-family:'Cormorant SC',Georgia,serif}
.vg-bw-t{top:38px}.vg-bw-b{bottom:38px;transform:rotate(180deg)}
.vg-bw span{font-size:13px;letter-spacing:.3em;margin-right:-.3em;display:inline-block}

/* shared: a soft dark glow behind the wordmark, lettering lifted off the stone */
.vg-bk-lifted .vg-wmo::before,.vg-bk-banded .vg-wmo::before,.vg-bk-pills .vg-wmo::before,.vg-bk-ice .vg-wmo::before,.vg-bk-rules .vg-wmo::before,.vg-bk-minimal .vg-wmo::before{
  content:"";position:absolute;left:-26px;right:-26px;top:-10px;bottom:-10px;z-index:-1;background:radial-gradient(closest-side,rgba(5,8,11,.66) 0,rgba(5,8,11,.4) 55%,transparent 100%)}
.vg-bk-lifted .wmo-small,.vg-bk-banded .wmo-small,.vg-bk-pills .wmo-small,.vg-bk-rules .wmo-small,.vg-bk-seal .wmo-small,.vg-bk-minimal .wmo-small{filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 5px rgba(0,0,0,.95))}
.vg-bk-lifted .wmo-big,.vg-bk-banded .wmo-big,.vg-bk-pills .wmo-big,.vg-bk-rules .wmo-big,.vg-bk-seal .wmo-big,.vg-bk-minimal .wmo-big{filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 12px rgba(0,0,0,.85))}
.vg-bk-lifted .wmo-sub,.vg-bk-banded .wmo-sub,.vg-bk-pills .wmo-sub,.vg-bk-rules .wmo-sub,.vg-bk-seal .wmo-sub{font-size:12.5px;font-weight:700;color:#e2ecef;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.95)}

/* B · lifted: no boxes, the words on a dark halo */
.vg-bk-lifted .vg-bw span,.vg-bk-rules .vg-bw span,.vg-bk-seal .vg-bw span,.vg-bk-minimal .vg-bw span{font-size:15px;background:none;color:#f0dca2;filter:none;text-shadow:0 1px 0 #000,0 0 5px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.8)}

/* C · banded: the words on a thin dark band between two gold hairlines */
.vg-bk-banded .vg-bw{left:16px;right:16px;height:28px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(90deg,transparent,rgba(5,8,11,.78) 14%,rgba(5,8,11,.78) 86%,transparent);
  border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,#c9a24e 18%,#c9a24e 82%,transparent) 1}
.vg-bk-banded .vg-bw-t{top:30px}.vg-bk-banded .vg-bw-b{bottom:30px}
.vg-bk-banded .vg-bw span{font-size:14.5px;background:none;color:#ecd9a0;filter:none;text-shadow:0 1px 0 #000}

/* D · pills: soft dark pills, no border */
.vg-bk-pills .vg-bw span{font-size:14.5px;padding:5px 14px 5px calc(14px + .3em);border-radius:14px;background:rgba(5,8,11,.62);color:#ecd9a0;filter:none;text-shadow:0 1px 0 #000;-webkit-background-clip:border-box;background-clip:border-box}

/* E · ice: the HUD ink, silver-ice lettering, gold only in the rules */
.vg-bk-ice .wmo-small,.vg-bk-ice .wmo-big,.vg-bk-ice .vg-bw span{background:linear-gradient(180deg,#ffffff 0%,#dcecf1 40%,#9fbcc6 62%,#eef7f9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.vg-bk-ice .wmo-small{filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 5px rgba(0,0,0,.95))}
.vg-bk-ice .wmo-big{filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 12px rgba(0,0,0,.85)) drop-shadow(0 0 16px rgba(160,220,235,.18))}
.vg-bk-ice .vg-bw span{font-size:15px;filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 5px rgba(0,0,0,.95))}
.vg-bk-ice .wmo-sub{font-size:12.5px;font-weight:700;color:#e8c877;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.95)}

/* F · rules: double gold rules ending in diamonds, a larger wordmark */
.vg-bk-rules .wmo-rule{width:94%;height:4px;background:none;border-top:1px solid #c9a24e;border-bottom:1px solid #c9a24e}
.vg-bk-rules .wmo-rule i,.vg-bk-rules .wmo-rule::after{display:block;content:"";position:absolute;top:-3.5px;width:9px;height:9px;transform:rotate(45deg);background:var(--gilt);box-shadow:0 0 0 1.5px rgba(5,8,11,.8)}
.vg-bk-rules .wmo-rule i{left:-6px}.vg-bk-rules .wmo-rule::after{right:-6px}
.vg-bk-rules .wmo-small{font-size:21px}.vg-bk-rules .wmo-big{font-size:68px}

/* G · seal: a gold oval ring around the wordmark */
.vg-bk-seal .vg-wmo{top:128px;bottom:128px;left:22px;right:22px}
.vg-bk-seal .wmo-ring{display:block;position:absolute;inset:0;border-radius:50%;z-index:-1;border:1.25px solid #c9a24e;
  background:radial-gradient(closest-side,rgba(5,8,11,.72),rgba(5,8,11,.45) 80%,rgba(5,8,11,.2));
  box-shadow:0 0 0 5px rgba(5,8,11,.35),0 0 0 6px rgba(201,162,78,.45),0 10px 24px rgba(0,0,0,.45)}
.vg-bk-seal .wmo-rule{width:62%}

/* H · minimal: Vestra's + GAMBIT, nothing else in the centre */
.vg-bk-minimal .wmo-sub,.vg-bk-minimal .wmo-rule{display:none}
.vg-bk-minimal .wmo-small{font-size:17px}.vg-bk-minimal .wmo-big{font-size:74px}

.vg-bd-engraved .vg-vista .vs-haze,.vg-bd-engraved .vg-vista .vs-cl,.vg-bd-engraved .vg-vista .vs-stars{display:none}
.vg-a-bare .vg-vista-card .vs-sun{display:none}
.vg-l-open.vg-a-bare .vg-mono{padding-top:40px;font-size:150px}

/* ================= ROUND 7: wordmark lockups — Vestra's tucked beside the tall G ================= */
.wmo-lock{display:none}
.vg-lg-tuck .wmo-small,.vg-lg-tuck .wmo-big,.vg-lg-tuckitalic .wmo-small,.vg-lg-tuckitalic .wmo-big,.vg-lg-dropcap .wmo-small,.vg-lg-dropcap .wmo-big,
.vg-lg-bookends .wmo-small,.vg-lg-bookends .wmo-big,.vg-lg-inline .wmo-small,.vg-lg-inline .wmo-big{display:none}
.vg-lg-tuck .wmo-lock,.vg-lg-tuckitalic .wmo-lock,.vg-lg-dropcap .wmo-lock,.vg-lg-bookends .wmo-lock,.vg-lg-inline .wmo-lock{display:grid;justify-content:center;align-items:end;margin:4px 0 2px}
/* every glyph run shares one line-height that puts the line box bottom on the baseline, so sizes can differ and still sit on one line */
.wmo-lock span{font-family:'Cormorant SC',Georgia,serif;font-weight:700;line-height:.637;display:block;align-self:end;
  background:linear-gradient(180deg,#fff1c6 0%,#e8c877 40%,#b88d3b 64%,#f0d894 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 10px rgba(0,0,0,.85))}
.wmo-lock .wl-g{grid-area:g}.wmo-lock .wl-w{grid-area:w}.wmo-lock .wl-t{grid-area:t}.wmo-lock .wl-v{grid-area:v}
.wmo-lock .wl-v{line-height:1;align-self:end;justify-self:center;filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 5px rgba(0,0,0,.95))}

/* 1 · Tucked: VESTRA'S in spaced capitals above AMBIT, inside the G's overhang */
.vg-lg-tuck .wmo-lock{grid-template-areas:"g v v" "g w t"}
.vg-lg-tuck .wl-g{font-size:112px;margin-right:2px}
.vg-lg-tuck .wl-w,.vg-lg-tuck .wl-t{font-size:74px}
.vg-lg-tuck .wl-v{font-size:15.5px;letter-spacing:.52em;margin-right:-.52em;margin-bottom:9px;justify-self:stretch;text-align:center}

/* 2 · Tucked italic: a calligraphic Vestra's resting on AMBIT */
.vg-lg-tuckitalic .wmo-lock{grid-template-areas:"g v v" "g w t"}
.vg-lg-tuckitalic .wl-g{font-size:112px;margin-right:2px}
.vg-lg-tuckitalic .wl-w,.vg-lg-tuckitalic .wl-t{font-size:74px}
.vg-lg-tuckitalic .wl-v{font-family:'Cormorant',Georgia,serif;font-style:italic;font-weight:600;font-size:30px;letter-spacing:.02em;margin-bottom:3px;justify-self:start;margin-left:6px}

/* 3 · Drop cap: one tall G holding two lines, VESTRA'S over AMBIT */
.vg-lg-dropcap .wmo-lock{grid-template-areas:"g v v" "g w t";column-gap:0}
.vg-lg-dropcap .wl-g{font-size:150px;margin-right:4px}
.vg-lg-dropcap .wl-w,.vg-lg-dropcap .wl-t{font-size:66px}
.vg-lg-dropcap .wl-v{font-size:22px;letter-spacing:.34em;margin-right:-.34em;margin-bottom:12px;justify-self:start;margin-left:2px}

/* 4 · Bookends: tall G and tall T frame AMBI, VESTRA'S sits between them */
.vg-lg-bookends .wmo-lock{grid-template-areas:"g v t" "g w t"}
.vg-lg-bookends .wl-g,.vg-lg-bookends .wl-t{font-size:104px}
.vg-lg-bookends .wl-t{text-transform:uppercase;margin-left:1px}
.vg-lg-bookends .wl-w{font-size:72px}
.vg-lg-bookends .wl-v{font-size:14px;letter-spacing:.46em;margin-right:-.46em;margin-bottom:9px}

/* 5 · Inline: an italic Vestra's leading into GAMBIT on one baseline */
.vg-lg-inline .wmo-lock{grid-template-areas:"v g w t"}
.vg-lg-inline .wl-v{font-family:'Cormorant',Georgia,serif;font-style:italic;font-weight:600;font-size:32px;line-height:.637;margin-right:10px;align-self:end}
.vg-lg-inline .wl-g{font-size:86px}
.vg-lg-inline .wl-w,.vg-lg-inline .wl-t{font-size:60px}
.vg-lg-bookends .wl-v{margin-left:-40px;margin-right:calc(-40px - .46em);text-align:center}
.vg-lg-bookends .wl-t{margin-left:-11px}

/* ================= ROUND 8: tucked-italic refinements — smaller G, larger Vestra's ================= */
.vg-lg-ti-a .wmo-small,.vg-lg-ti-a .wmo-big,.vg-lg-ti-b .wmo-small,.vg-lg-ti-b .wmo-big,.vg-lg-ti-c .wmo-small,.vg-lg-ti-c .wmo-big,.vg-lg-ti-d .wmo-small,.vg-lg-ti-d .wmo-big{display:none}
.vg-lg-ti-a .wmo-lock,.vg-lg-ti-b .wmo-lock,.vg-lg-ti-c .wmo-lock,.vg-lg-ti-d .wmo-lock{display:grid;justify-content:center;align-items:end;margin:4px 0 2px;grid-template-areas:"g v v" "g w t"}
.vg-lg-ti-a .wl-v,.vg-lg-ti-b .wl-v,.vg-lg-ti-c .wl-v,.vg-lg-ti-d .wl-v{font-family:'Cormorant',Georgia,serif;font-style:italic;font-weight:600;letter-spacing:.01em;line-height:1}
/* a · balanced: G 96, Vestra's 38 */
.vg-lg-ti-a .wl-g{font-size:96px;margin-right:2px}
.vg-lg-ti-a .wl-w,.vg-lg-ti-a .wl-t{font-size:70px}
.vg-lg-ti-a .wl-v{font-size:38px;margin-bottom:0;justify-self:start;margin-left:4px}
/* b · nestled: G 90, Vestra's 42 tucked under the G's arm */
.vg-lg-ti-b .wl-g{font-size:90px;margin-right:2px}
.vg-lg-ti-b .wl-w,.vg-lg-ti-b .wl-t{font-size:66px}
.vg-lg-ti-b .wl-v{font-size:42px;margin-bottom:-3px;justify-self:start;margin-left:-8px}
/* c · resting: G 100, Vestra's 44 settling onto AMBIT */
.vg-lg-ti-c .wl-g{font-size:100px;margin-right:2px}
.vg-lg-ti-c .wl-w,.vg-lg-ti-c .wl-t{font-size:70px}
.vg-lg-ti-c .wl-v{font-size:44px;margin-bottom:-8px;justify-self:center}
/* d · right-hung: G 94, Vestra's 40 ending over the T */
.vg-lg-ti-d .wl-g{font-size:94px;margin-right:2px}
.vg-lg-ti-d .wl-w,.vg-lg-ti-d .wl-t{font-size:68px}
.vg-lg-ti-d .wl-v{font-size:40px;margin-bottom:-2px;justify-self:end;margin-right:-4px}

/* ================= ROUND 9: 2B-size GAMBIT with 2c-size Vestra's, set lower ================= */
.vg-lg-tl-1 .wmo-small,.vg-lg-tl-1 .wmo-big,.vg-lg-tl-2 .wmo-small,.vg-lg-tl-2 .wmo-big,.vg-lg-tl-3 .wmo-small,.vg-lg-tl-3 .wmo-big,.vg-lg-tl-4 .wmo-small,.vg-lg-tl-4 .wmo-big{display:none}
.vg-lg-tl-1 .wmo-lock,.vg-lg-tl-2 .wmo-lock,.vg-lg-tl-3 .wmo-lock,.vg-lg-tl-4 .wmo-lock{display:grid;justify-content:center;align-items:end;margin:4px 0 2px;grid-template-areas:"g v v" "g w t"}
.vg-lg-tl-1 .wl-g,.vg-lg-tl-2 .wl-g,.vg-lg-tl-3 .wl-g,.vg-lg-tl-4 .wl-g{font-size:90px;margin-right:2px}
.vg-lg-tl-1 .wl-w,.vg-lg-tl-1 .wl-t,.vg-lg-tl-2 .wl-w,.vg-lg-tl-2 .wl-t,.vg-lg-tl-3 .wl-w,.vg-lg-tl-3 .wl-t,.vg-lg-tl-4 .wl-w,.vg-lg-tl-4 .wl-t{font-size:66px}
/* Vestra's line box ends on its own baseline (.637), so margin-bottom is the true gap to AMBIT's line */
.vg-lg-tl-1 .wl-v,.vg-lg-tl-2 .wl-v,.vg-lg-tl-3 .wl-v,.vg-lg-tl-4 .wl-v{font-family:'Cormorant',Georgia,serif;font-style:italic;font-weight:600;letter-spacing:.01em;line-height:.637;font-size:44px;justify-self:center}
.vg-lg-tl-1 .wl-v{margin-bottom:-2px}
.vg-lg-tl-2 .wl-v{margin-bottom:-5px}
.vg-lg-tl-3 .wl-v{margin-bottom:-2px;justify-self:start;margin-left:-6px}
.vg-lg-tl-4 .wl-v{margin-bottom:-5px;justify-self:end;margin-right:-2px}
.vg-text .vg-anchor:first-child{border-top:0;padding-top:0}