@import url("monstra-approved-card-status.css");
:root{font-family:Segoe UI,Arial,sans-serif;color:#f7f0e8;background:#081928}*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 50% -12%,#204257,transparent 44%),#081928}
.shell{width:min(1320px,calc(100% - 32px));margin:auto;padding:28px 0 80px}
.top{display:flex;justify-content:space-between;gap:16px;color:#e8c583;font-size:.78rem;font-weight:800;letter-spacing:.12em}
a{color:#e8c583;text-decoration:none}a:hover{text-decoration:underline}
.eyebrow{display:block;margin-top:44px;color:#e8b966;font-size:.73rem;font-weight:900;letter-spacing:.18em}
h1{font:800 clamp(2.6rem,6vw,5rem)/1 Georgia,serif;letter-spacing:-.045em;color:#fff0d1;margin:10px 0 16px}
.lead{max-width:75ch;color:#c5d8df;line-height:1.6;margin:0 0 16px}
.note{max-width:75ch;color:#e2c797;font-size:.89rem;line-height:1.5;margin:0 0 23px}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:30px}
.actions button,.actions a{padding:10px 15px;border:1px solid #c8a46e;border-radius:8px;background:#102e40;color:#ffe4af;font:750 .87rem Segoe UI,Arial,sans-serif;cursor:pointer}
.card-grid{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:26px}
.card-wrap{padding:12px 12px 15px;border:1px solid #a17b4f7c;border-radius:17px;background:linear-gradient(145deg,#112a3a,#0b1c2d 72%);box-shadow:0 15px 25px #0005}
.card-meta{width:63mm;zoom:1.17;display:flex;justify-content:space-between;gap:8px;margin-top:10px;color:#d0dce0;font-size:.72rem}
.card-meta strong{color:#f7dcad}
.monstra-card{position:relative;isolation:isolate;overflow:hidden;width:63mm;height:88mm;zoom:1.17;border:1.2mm solid #dcb56d;border-radius:3mm;background:#24313a;color:#fff4de;box-shadow:0 13px 28px #0008}
.monstra-card::before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--art);background-position:center var(--art-position,50%);background-size:cover;background-repeat:no-repeat}
.monstra-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(#29172e78 0,transparent 22%,transparent 53%,#2c1c2d46 65%,#231725ce 100%)}
.c-top{position:absolute;top:2.5mm;left:3mm;right:2.5mm;display:flex;justify-content:space-between;align-items:center;gap:1mm}
.c-name{display:block;font-family:Georgia,serif;font-size:17pt;font-weight:800;line-height:1;letter-spacing:-.045em;color:#fff0c8;-webkit-text-stroke:.18mm #351d2b;paint-order:stroke fill;text-shadow:0 .3mm .45mm #241122e0,0 0 1.1mm #ffcf7780}
.c-name.compact{font-size:15pt}.c-name.extra-compact{font-size:13.5pt}
.combat-panel{position:absolute;left:3mm;right:3mm;bottom:8.5mm;display:grid;grid-template-columns:minmax(0,1fr) 20.2mm;align-items:stretch;gap:1.4mm}
.abilities{display:grid;gap:1.5mm;min-width:0}.ability{padding:1.15mm 2mm 1.1mm;border:.3mm solid #d7ac70;border-radius:1.5mm;background:#342538ec;backdrop-filter:blur(2px);box-shadow:0 2px 5px #1a102164}
.ability-main{display:flex;justify-content:space-between;align-items:baseline;gap:1.2mm}.ability strong{font-size:8.2pt;line-height:1.1;letter-spacing:-.01em}.ability b{font-size:11pt;line-height:1;color:#ffe3a3;white-space:nowrap}
.ability small{display:block;margin-top:.25mm;color:#f0d6ba;font-size:5.65pt;font-weight:750;letter-spacing:0}
.qr-box{display:flex;align-items:center;justify-content:center;padding:.3mm;border:.3mm solid #d7ac70;border-radius:1.5mm;background:#3a2638;box-shadow:0 2px 5px #1a102164}.qr-box img{display:block;width:19mm;height:19mm;background:#3a2638;image-rendering:pixelated}
.c-foot{position:absolute;left:2.5mm;right:2.5mm;bottom:.65mm;height:6.2mm;display:grid;grid-template-columns:minmax(0,1fr) 18.4mm minmax(0,1fr);align-items:end;gap:.4mm;color:#ffdfa8;font-size:4.6pt;font-weight:900;letter-spacing:.015em;text-shadow:0 1px 3px #261224}
.c-foot .serial,.c-foot .edition{padding-bottom:1mm;white-space:nowrap}.c-foot .serial{font-family:Consolas,monospace}.c-foot .edition{text-align:right}
.brand-wordmark{position:relative;display:block;width:18.4mm;height:5.35mm;overflow:hidden;align-self:center;clip-path:polygon(0 0,22% 0,22% 16%,78% 16%,78% 0,100% 0,100% 100%,0 100%)}
.brand-wordmark img{position:absolute;left:0;top:-13mm;display:block;width:18.4mm;height:auto;max-width:none;filter:brightness(1.38) saturate(1.12) drop-shadow(0 0 .4mm #ffe2a7)}
.approved-print{display:none}
@media(max-width:1020px){.card-grid{grid-template-columns:repeat(2,max-content)}}
@media(max-width:690px){.card-grid{grid-template-columns:max-content}.top{font-size:.65rem}.monstra-card,.card-meta{zoom:1.05}}
@media print{@page{size:A4;margin:8mm}:root,html,body{background:#fff}.shell{width:auto;padding:0}.top,.eyebrow,h1,.lead,.note,.actions,.card-meta{display:none}.card-grid{display:grid;grid-template-columns:repeat(3,63mm);grid-auto-rows:88mm;justify-content:start;gap:2mm}.card-wrap{width:63mm;height:88mm;padding:0;border:0;border-radius:0;background:none;box-shadow:none;break-inside:avoid}.monstra-card{display:none}.approved-print{display:block;width:63mm;height:88mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}}