/* v19z61 OmG's 7 Commandments card (generated by work/v19z61/cmd.py) */
.c7{padding:clamp(40px,6vw,72px) 20px;display:flex;flex-direction:column;align-items:center;background:#fff}
.c7 *{box-sizing:border-box}
.c7 .c7-face h2,.c7 .c7-face h3,.c7 .c7-face p,.c7 .c7-face ol{margin:0}

.c7 .c7-stage{perspective:1400px;width:min(560px,92vw)}
.c7 .c7-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--h:0deg;position:relative;aspect-ratio:1.586;border-radius:24px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s cubic-bezier(.2,.7,.2,1);cursor:pointer;outline:none}
.c7 .c7-card.c7-live{transition:transform .08s linear}
.c7 .c7-card.c7-flip{--flip:180deg}
.c7 .c7-face{position:absolute;inset:0;border-radius:24px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fbfbfd;box-shadow:0 30px 60px -20px rgba(30,30,60,.28),0 0 0 1px rgba(255,255,255,.8) inset}
.c7 .c7-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1)}
.c7 .c7-card.c7-flip .c7-inner{transform:rotateY(180deg)}
.c7 .c7-back{transform:rotateY(180deg)}
.c7 /* holographic foil: iridescent pastel bands,.c7 no gold */
.c7-foil{position:absolute;inset:0;mix-blend-mode:multiply;opacity:.55;
 background:
  repeating-linear-gradient(calc(115deg + var(--h)),#ffd6e8 0%,#d4ecff 7%,#e2d9ff 14%,#d2fbe9 21%,#ffe0f0 28%),
  radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.9),transparent 55%);
 background-size:220% 220%,100% 100%;background-position:var(--mx) var(--my),0 0;filter:saturate(1.25)}
.c7 .c7-glint{position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.85) 0,rgba(255,255,255,0) 38%);mix-blend-mode:screen;pointer-events:none}
.c7 .c7-grain{position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}
.c7 .c7-rim{position:absolute;inset:0;border-radius:24px;padding:2px;background:conic-gradient(from var(--h),#ff8fc3,#8fd3ff,#b9a6ff,#8ff0c8,#ff8fc3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.c7 .c7-c{position:relative;height:100%;padding:7% 8%;display:flex;flex-direction:column}
.c7 .c7-top{display:flex;justify-content:space-between;align-items:center}
.c7 .c7-brand{display:flex;align-items:center;gap:10px;font:800 15px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif}
.c7 .c7-brand img{height:30px;width:auto}
.c7 .c7-brand i{font:800 1em -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;font-style:normal;color:#DE1F7E}
.c7 .c7-chip{width:46px;height:34px;border-radius:7px;background:linear-gradient(135deg,#e9ecf2,#c9cfd9 45%,#f4f6f9 55%,#bfc6d1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.c7 .c7-mid{margin-top:auto}
.c7 .c7-mid small{font:600 12px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#C8106E}
.c7 .c7-mid h2{font:700 clamp(22px,4.6vw,34px)/1.1 -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;margin:6px 0 4px;letter-spacing:-.026em}
.c7 .c7-mid p{font:700 clamp(15px,2.6vw,19px)/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;margin:0;color:#6e6e73;letter-spacing:-.02em}
.c7 .c7-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:6%;font:600 clamp(10px,1.8vw,12px) -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;letter-spacing:.06em;color:#6e6e73;text-transform:uppercase}
.c7 .c7-foot b{font:700 clamp(16px,3vw,20px) -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;color:#1d1d1f;letter-spacing:0}
.c7 .c7-back .c7-c{padding:6% 7%}
.c7 .c7-back ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(4px,1.2vw,10px) clamp(10px,2.4vw,22px);font-size:clamp(10px,1.85vw,13.5px);line-height:1.25}
.c7 .c7-back li{display:flex;gap:8px;align-items:baseline}
.c7 .c7-back li span{font:700 1em -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;color:#C8106E;min-width:1.6em}
.c7 .c7-back li b{font-weight:700}
.c7 .c7-back li:last-child{grid-column:1/-1}
.c7 .c7-back h3{font:700 clamp(13px,2.4vw,16px) -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;margin:0 0 4%;display:flex;justify-content:space-between}
.c7 .c7-back h3 em{font:700 1em -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;font-style:normal;color:#6e6e73}
.c7 .c7-lot{position:absolute;top:50%;width:58%;aspect-ratio:800/480;pointer-events:none;--pc1:#FFF3F8;--pc2:#FADDEB;--pc3:#EFCFF2;--pc4:#DDBDF0}
.c7 .c7-lot svg{width:100%;height:100%;display:block;overflow:visible}
.c7 .c7-lot{-webkit-mask:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%)}
.c7 .c7-lot.c7-l{left:0;transform:translate(-25%,-50%) rotate(90deg)}
.c7 .c7-lot.c7-r{right:0;transform:translate(25%,-50%) rotate(-90deg)}
.c7 .c7-back .c7-lot{opacity:.75}
.c7 .c7-hint{margin-top:22px;font-size:13px;color:#6e6e73;text-align:center}
.c7 button.c7-tilt{margin-top:14px;font:600 13px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;border:0;border-radius:999px;padding:10px 18px;background:#1d1d1f;color:#fff;cursor:pointer;display:none}
@media (prefers-reduced-motion:reduce){.c7-card,.c7-inner{transition:none}
.c7 .c7-card{transform:none!important}}

