/* WORLD ORDER v039 · Founder Edition finish.
   The founder's copy of the Founder card (Peace of Westphalia, D20) keeps every Legendary layer and turns its frame, plate and stat bar
   to black lacquer with gold lines; a FOUNDER tab sits on the top edge (on the large card it also carries the edition: "1648", or
   "No. 0042 / 1648" when the wallet layer gives a serial). The art is the same for every copy. Anyone else's copy stays the printed
   Legendary. The Codex, the inspector and the Arsenal say who the card belongs to. */

/* ---------------------------------------------------------------- frame, plate, stats */
.face.fin-founder{--frame:#0b0906;background:#060504}
.face.fin-founder::after{border-image:linear-gradient(160deg,#fbe9bf 0%,#c99a45 7%,#120d07 16%,#050403 50%,#120d07 84%,#c99a45 93%,#fbe9bf 100%) 1;
  box-shadow:inset 0 0 0 max(1px,.55cqw) #d4aa5b,inset 0 0 0 max(2px,1.05cqw) #050403e6,inset 0 0 10cqw #d4aa5b2e}
.face.fin-founder .face-plate{background:repeating-radial-gradient(circle at 50% 150%,#e7c47c1c 0 1px,#0000 1px 2px,#00000040 2px 3px,#0000 3px 6px),
  radial-gradient(ellipse at 50% 112%,#2b2214f5,#0d0a06f8 56%,#040302fb);border-top-color:#d4aa5b;box-shadow:inset 0 1px 0 #f3d48e99,0 -2cqw 5cqw #000c}
.face.fin-founder .face-name>span{color:#f6dc9c;text-shadow:0 1px 2px #000,0 0 9px #d4aa5b66}
.face.fin-founder :is(.face-stats,.face-kind){background:repeating-radial-gradient(circle at 50% 170%,#e7c47c12 0 1px,#0000 1px 5px),linear-gradient(180deg,#0e0b06,#040302);box-shadow:inset 0 1px 0 #e7c47c}
.face.fin-founder .chip{background:#0b0906e6;border-color:#d4aa5b99;color:#f3d48e}
.face.fin-founder .face-glare{background:radial-gradient(circle at var(--gx,50%) var(--gy,22%),#fff2c96b 0,#d4aa5b2e 26%,transparent 58%)}

/* ---------------------------------------------------------------- FOUNDER tab on the top edge */
.face-founder{position:absolute;left:50%;top:0;z-index:10;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:.5cqw;pointer-events:none;
  padding:max(2px,1cqw) max(5px,3.4cqw) max(2px,1.2cqw);background:linear-gradient(180deg,#14100a,#050403);border:max(1px,.5cqw) solid #d4aa5b;border-top:0;
  border-radius:0 0 max(3px,1.8cqw) max(3px,1.8cqw);box-shadow:0 max(1px,.6cqw) max(3px,2cqw) #000c,inset 0 -1px 0 #f3d48e55}
.face-founder b{font:700 max(6px,4.6cqw)/1 var(--wo-title);letter-spacing:.2em;padding-left:.2em;color:#f3d48e;text-shadow:0 0 6px #d4aa5b66;white-space:nowrap}
.face-founder small{font:600 max(6px,3.3cqw)/1 var(--wo-text);letter-spacing:.12em;color:#e9d3a2;opacity:.9;white-space:nowrap;font-variant-numeric:tabular-nums}
.face-large .face-founder{padding:1.2cqw 4.2cqw 1.5cqw;gap:.9cqw}
.face-large .face-founder b{font-size:max(9px,4.2cqw)}

/* ---------------------------------------------------------------- inspector and large card */
.inspected-card .card-model.fin-founder{box-shadow:0 0 0 1px #d4aa5bcc,0 0 0 4px #050403,0 0 0 5px #d4aa5b88,0 0 34px #d4aa5b55,0 15px 35px #000a}
.inspect-edition,.cdx-edition{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px;padding:6px 10px;width:fit-content;max-width:100%;
  background:linear-gradient(180deg,#14100a,#050403);border:1px solid #d4aa5b;border-radius:0;box-shadow:inset 0 1px 0 #f3d48e44}
.inspect-edition b,.cdx-edition b{font:700 12px/1 var(--wo-title);letter-spacing:.16em;text-transform:uppercase;color:#f3d48e}
.inspect-edition span,.cdx-edition span{font:600 12px/1.2 var(--wo-text);letter-spacing:.06em;color:#e9d3a2;font-variant-numeric:tabular-nums}

@media (prefers-reduced-motion:no-preference){
  html:not(.wo-reduced-motion) .face.fin-founder .face-founder{animation:wo-founder-tab 4.8s ease-in-out infinite}
}
@keyframes wo-founder-tab{0%,100%{box-shadow:0 max(1px,.6cqw) max(3px,2cqw) #000c,inset 0 -1px 0 #f3d48e55}50%{box-shadow:0 max(1px,.6cqw) max(3px,2cqw) #000c,0 0 max(4px,3cqw) #d4aa5b66,inset 0 -1px 0 #f3d48e99}}

/* inspector and Codex detail: the Legendary foil stays, softer, over a black and gold ring */
.inspected-card .card-model.fin-founder::before{box-shadow:inset 0 0 0 1.5px #d4aa5bd9,inset 0 0 0 4px #050403cc,inset 0 0 30px #d4aa5b2e;opacity:.6}
html:not(.wo-reduced-motion) .inspected-card .card-model.fin-founder{animation:wo-founder-aura 4.2s ease-in-out infinite}
@keyframes wo-founder-aura{0%,100%{box-shadow:0 0 0 1px #d4aa5bcc,0 0 0 4px #050403,0 0 0 5px #d4aa5b88,0 0 24px #d4aa5b44,0 15px 35px #000a}50%{box-shadow:0 0 0 1px #f3d48eee,0 0 0 4px #050403,0 0 0 5px #d4aa5bcc,0 0 46px #d4aa5b88,0 15px 35px #000a}}

/* OPTIONS on short screens (720 px): the Founder card (dev) row adds a line, so rows and groups tighten a little more than in v038 */
@media (max-height:760px){
  .options-dialog .opt-group{padding-top:6px;padding-bottom:7px}
  .options-dialog .opt-row{min-height:29px}
  .options-dialog .opt-seg button{height:23px}
}