/* CryptoMon — animated card chrome (shared by every animation_url HTML) */
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:transparent;
  display:grid;place-items:center;min-height:100vh;font-family:"Outfit",system-ui,sans-serif;padding:18px;
  -webkit-font-smoothing:antialiased}
.card{--c1:#62d98a;--c2:#36b86a;--c3:#1f8f54;--aura:#46d17a;--acc:#d6ff5c;
  width:380px;border-radius:24px;padding:13px;position:relative;isolation:isolate;
  background:linear-gradient(150deg,var(--c1),var(--c3) 55%,#11131a 130%);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 24px 60px -18px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.4);
  animation:float 5.5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-10px) rotate(.2deg)}}
@media(prefers-reduced-motion:reduce){.card{animation:none}}
.card.holo::before{content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;z-index:6;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.5) 38%,rgba(255,255,255,0) 46%,transparent 60%);
  background-size:300% 300%;mix-blend-mode:overlay;animation:sheen 4.5s linear infinite}
@keyframes sheen{0%{background-position:140% 0}100%{background-position:-40% 0}}
.inner{background:linear-gradient(180deg,#15171f,#0e1016);border-radius:16px;padding:14px 14px 12px;position:relative;overflow:hidden}
.chead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}
.cname{font-weight:800;font-size:23px;letter-spacing:.2px;line-height:1;color:#eef0f5}
.cstage{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#8b90a0;margin-top:5px;font-weight:600}
.chp{display:flex;align-items:center;gap:7px;white-space:nowrap}
.chp .lbl{font-size:11px;color:#8b90a0;font-weight:700;letter-spacing:.5px}
.chp .num{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:21px;color:#eef0f5}
.emblem{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#0b0c11;
  background:radial-gradient(circle at 35% 30%,#fff6,transparent 60%),var(--c1);box-shadow:0 0 12px var(--aura),0 1px 2px rgba(0,0,0,.5) inset}
.art{border-radius:12px;overflow:hidden;position:relative;border:2px solid rgba(255,255,255,.08);background:#0a0b10;aspect-ratio:36/30}
.art canvas{width:100%;height:100%;display:block}
.art .frameband{position:absolute;left:0;right:0;bottom:0;padding:6px 10px;font-size:10.5px;letter-spacing:.4px;
  color:#e9ecf2;font-family:"JetBrains Mono",monospace;background:linear-gradient(transparent,rgba(0,0,0,.6))}
.moves{margin-top:11px;display:flex;flex-direction:column;gap:9px}
.move{display:flex;flex-direction:column;gap:3px}
.moverow{display:flex;align-items:center;gap:9px}
.cost{display:flex;gap:3px;flex-shrink:0}
.pip{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 55%),var(--c1);box-shadow:0 0 5px var(--aura);border:1px solid rgba(0,0,0,.4)}
.mname{font-weight:700;font-size:16px;flex:1;color:#eef0f5}
.mdmg{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:19px;color:#eef0f5}
.mtext{font-size:11.5px;color:#8b90a0;line-height:1.45}
.divline{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.stats{display:flex;gap:7px;margin-top:11px}
.stat{flex:1;background:#0a0b10;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:7px 8px;text-align:center}
.stat .sk{font-size:9px;letter-spacing:1px;color:#8b90a0;font-weight:700}
.stat .sv{font-family:"JetBrains Mono",monospace;font-weight:700;font-size:17px;margin-top:1px;color:#eef0f5}
.cfoot{display:flex;align-items:center;gap:14px;margin-top:11px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}
.wk{display:flex;align-items:center;gap:8px}
.wk .mini{font-size:9px;color:#8b90a0;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.wdisc{width:20px;height:20px;border-radius:50%;box-shadow:0 0 7px currentColor}
.retreat{display:flex;gap:3px}
.rdot{width:13px;height:13px;border-radius:50%;background:#3a3f4d}
.rar{font-family:"JetBrains Mono",monospace;font-weight:700;letter-spacing:1px;font-size:11px;margin-left:auto}
.flavor{font-size:11px;font-style:italic;color:#aab0c0;line-height:1.4;margin-top:9px;text-wrap:pretty}