/* Avatar Market card - BLITZ design (Barel 2026-09-27) */
.hero-market .hero-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,370px),410px));gap:46px 22px;padding-top:46px}
.hero-grid .hero-card.hc{--glow:#2f6bff66;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0 0 16px;border:2px solid #2f6f63;border-radius:18px;
 background:linear-gradient(180deg,#0e2826,#081615 70%);box-shadow:inset 0 0 0 1px #1c4a4266,0 0 18px #2f8f7a26,0 14px 30px #000b;text-align:center;overflow:visible}
.hc.c-dw{--glow:#3b6dff66}.hc.c-bk{--glow:#ff5a3a55}.hc.c-elf{--glow:#2f7bff66}.hc.c-mg{--glow:#9a5cff66}.hc.c-dl{--glow:#ffb13b55}.hc.c-sum{--glow:#c45cff66}.hc.c-rf{--glow:#ff7a2e55}

/* like */
.hc-like{position:absolute;top:12px;right:12px;z-index:4;display:grid;place-items:center;width:40px;height:40px;padding:7px;border:1.5px solid #d8dde2aa;border-radius:10px;background:#07131dcc;cursor:pointer;transition:transform .15s}
.hc-like svg{width:100%;height:100%;fill:none;stroke:#e0b25a;stroke-width:2.4}
.hc-like.on svg{fill:#e0b25a}
.hc-like:hover{transform:scale(1.06)}
.hc-like:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}

/* scene */
.hc-scene{position:relative;height:330px}
.hc-scene>.hero-art{position:absolute;left:50%;bottom:-4px;top:auto;z-index:2;transform:translateX(-50%);width:258px;height:344px;filter:drop-shadow(0 10px 14px #000c)}

/* name plate */
.hc-plate{position:relative;z-index:3;align-self:center;min-width:64%;margin:-38px 0 0;padding:10px 30px 8px;border:2px solid #c9a24d;border-radius:14px;background:linear-gradient(180deg,#123330,#0a1d1b);box-shadow:0 0 16px #d4a84a33,inset 0 0 0 1px #5a441466}
.hc-plate::before,.hc-plate::after{content:'';position:absolute;top:50%;width:14px;height:14px;background:linear-gradient(135deg,#ffe7a8,#c9a24d);transform:translateY(-50%) rotate(45deg);box-shadow:0 0 8px #d4a84a88}
.hc-plate::before{left:-9px}.hc-plate::after{right:-9px}
.hc-name{margin:0;font:700 34px/1.05 MuTitle,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg,#fff3c9,#e2b457 60%,#a8781f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hc .hc-class{display:block;margin-top:5px;color:#e8eef2;font:600 14px 'Segoe UI',sans-serif;letter-spacing:.35em;text-transform:uppercase}

/* stat rows */
.hc-stats,.hc-box,.hc-price{border:1px solid #2c5a52;border-radius:10px;background:#0b2220cc}
.hc-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:4px 14px 0;padding:8px 2px}
.hc-stat{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.hc-stat+.hc-stat{border-left:1px solid #2c5a52}
.hc-ic{display:inline-block;flex:none;width:26px;height:26px;color:#e0b25a}
.hc-ic svg{display:block;width:100%;height:100%}
.hc-stat span,.hc-box span{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}
.hc small{color:#a8cbc4;font:700 11px 'Segoe UI',sans-serif;letter-spacing:.06em}
.hc-stat b,.hc-box b{color:#ffd27a;font:800 20px/1.1 BlitzSans,'Segoe UI',sans-serif}
.hc-boxes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 14px}
.hc-box{display:flex;align-items:center;gap:10px;padding:8px 12px}
.hc-box .hc-ic{width:30px;height:30px}
.hc-box b.purple{color:#c9a8ff}.hc-box b.blue{color:#7cc6ff}.hc-box b.green{color:#8ee6a8}.hc-box b.gold{color:#ffd27a}
.hc-ic-pts{color:#e0b25a}

/* price (jewels of the sale) */
.hc-price{display:flex;align-items:center;gap:10px;margin:0 14px;padding:8px 12px}
.hc-price>small{flex:none}
.hc-price .mk-price{flex:1;justify-content:center;flex-wrap:wrap;gap:6px 12px}
.hc-price .mk-coin b{color:#ffe7a8;font-weight:800}

/* actions */
.hc-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin:2px 14px 0}
.hc-buy,.hc-details,.hc-own{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px;border-radius:10px;font:900 14px BlitzSans,'Segoe UI',sans-serif;letter-spacing:.05em;cursor:pointer}
.hc-buy{border:2px solid #d9b25e;background:linear-gradient(180deg,#5cc3ff,#1d7fe0 55%,#1257b8);color:#fff;box-shadow:0 0 14px #3aa0ff55,inset 0 1px 0 #ffffff66;text-shadow:0 1px 2px #0006}
.hc-buy:hover{filter:brightness(1.1)}
.hc-chev{font-style:normal;font-size:20px;line-height:1}
.hc-details{border:2px solid #3f78b8;background:linear-gradient(180deg,#12284a,#0a1830);color:#dce9f7}
.hc-details .hc-ic{width:18px;height:18px;color:#dce9f7}
.hc-details:hover{border-color:#6fa8e8}
.hc-remove{border-color:#b84a4a;color:#f3d0d0}
.hc-own{border:1px dashed #3f78b8;color:#9fc7e6;cursor:default}
.hc-buy:focus-visible,.hc-details:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}

@media (max-width:360px){.hc-stats{grid-template-columns:repeat(2,1fr);row-gap:8px}.hc-stat:nth-child(3){border-left:0}.hc-actions{grid-template-columns:1fr}}
/* no frame behind the avatar: the card body starts under the character, at the name plate */
.hero-grid .hero-card.hc{border:0;background:none;box-shadow:none}
.hero-grid .hero-card.hc::before{content:'';position:absolute;left:0;right:0;top:292px;bottom:0;z-index:0;border:2px solid #2f6f63;border-radius:18px;background:linear-gradient(180deg,#0e2826,#081615 70%);box-shadow:inset 0 0 0 1px #1c4a4266,0 0 18px #2f8f7a26,0 14px 30px #000b}
.hc>*:not(.hc-like){position:relative;z-index:1}
.hc>.hc-plate{z-index:3}
/* layout v3: 3 stats, 2 boxes, jewel block (Barel 2026-09-27) */
.hc-stats{grid-template-columns:repeat(3,1fr)}
.hc-price{flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:14px 16px}
.hc-coin{display:inline-flex;align-items:center;gap:7px}
.hc-coin img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 3px #0008)}
.hc-coin .tag{font-size:11px;padding:2px 7px}
.hc-coin b{color:#fff;font:800 19px/1 BlitzSans,'Segoe UI',sans-serif;text-shadow:0 1px 2px #000a}
.hc-price .hc-coin{flex:0 0 26%;justify-content:center}
/* v4: scene background from the design, framed card again (Barel 2026-09-27) */
.hero-grid .hero-card.hc{border:2px solid #c9a24d;background:linear-gradient(180deg,#0e2826,#081615 70%);box-shadow:inset 0 0 0 1px #5a441466,0 0 22px #d4a84a2e,0 14px 30px #000b}
.hero-grid .hero-card.hc::before{content:none}
.hc-scene{border-radius:16px 16px 0 0;background:url('/assets/home/hero-card-scene.webp?v=1') center 30%/cover no-repeat;box-shadow:inset 0 -40px 40px -20px #0e2826}
.hc-scene>.hero-art{bottom:6px}
/* whole card 15% smaller (Barel 2026-09-27) */
.hero-market .hero-grid{zoom:.85}