/* BlazeHunter — sistema de encantamento (orbes Efeito 1 + card com moldura GLB).
   Mesmo visual da página Enchanting. Escopo: #encantamento. */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&display=swap');

#orbgl,#ringgl{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;}
#orbgl{z-index:50;} #ringgl{z-index:49;}

#encantamento{ --panel:#0d0e12; --line2:#2a1619; --muted:#9a8e90; --mono:ui-monospace,"Cascadia Code",Consolas,monospace; }

/* ---- 10 orbes ---- */
#encantamento .orbs{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:0 0 56px;}
@media(max-width:860px){#encantamento .orbs{grid-template-columns:repeat(3,1fr);}}
@media(max-width:520px){#encantamento .orbs{grid-template-columns:repeat(2,1fr);}}
#encantamento .orb{position:relative;background:var(--panel);border:1px solid var(--line2);padding:22px 14px 16px;text-align:center;min-width:0;
  clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);border-top:2px solid var(--oc);}
#encantamento .orb .orbslot{width:min(132px,100%);aspect-ratio:1;margin:4px auto 12px;}
#encantamento .orb .on{font-family:"Chakra Petch",sans-serif;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.02em;color:#ece8e8;}
#encantamento .orb .oa{font-family:var(--mono);font-size:.62rem;color:var(--muted);margin-top:3px;}
#encantamento .orb .op{position:absolute;top:8px;right:10px;font-family:var(--mono);font-size:.54rem;letter-spacing:.12em;color:var(--oc);}

/* ---- card de encantamento ---- */
#encantamento .cardshow{display:flex;justify-content:center;margin:0 0 56px;}
#encantamento .gcard{position:relative;width:min(372px,100%);flex:none;aspect-ratio:5/7;border-radius:18px;background:#04070e;overflow:hidden;box-shadow:0 20px 55px -20px #000d;}
#encantamento .frameimg{position:absolute;inset:0;z-index:0;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;}
#encantamento .frameimg[data-fc="#52e0ff"]{background-image:url(../img/neonframe-cyan.png);}
#encantamento .gc-mask{position:absolute;inset:6%;border-radius:12px;background:#04070e;z-index:1;}
#encantamento .gc-inner{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding:8% 7.5% 7%;}
#encantamento .gc-art{position:relative;height:53%;border-radius:12px;overflow:hidden;
  background:radial-gradient(130% 80% at 50% 25%, #163a6a66, transparent 62%),radial-gradient(80% 60% at 78% 18%, #3a1c6a55, transparent 55%),radial-gradient(120% 120% at 50% 65%, #060c18, #02040a);
  box-shadow:inset 0 0 0 1px #52e0ff26, inset 0 0 44px -12px #52e0ff3a;}
#encantamento .gc-art .stars{position:absolute;inset:0;opacity:.85;background-image:
  radial-gradient(1.2px 1.2px at 18% 24%, #fff, transparent),radial-gradient(1px 1px at 68% 16%, #dff3ff, transparent),
  radial-gradient(1.4px 1.4px at 42% 58%, #bfe8ff, transparent),radial-gradient(1px 1px at 86% 48%, #fff, transparent),
  radial-gradient(1px 1px at 56% 78%, #eaf7ff, transparent),radial-gradient(1.2px 1.2px at 28% 82%, #bfe8ff, transparent),
  radial-gradient(1px 1px at 92% 82%, #fff, transparent),radial-gradient(1px 1px at 9% 62%, #dff3ff, transparent),radial-gradient(1px 1px at 74% 70%, #fff, transparent);}
#encantamento .gc-art .hudring{position:absolute;top:47%;left:50%;width:66%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #52e0ff4d;border-radius:50%;box-shadow:0 0 16px -4px #52e0ffaa, inset 0 0 16px -5px #52e0ff80;}
#encantamento .gc-art .hudring::after{content:"";position:absolute;inset:12%;border:1px solid #52e0ff2e;border-radius:50%;}
#encantamento .gc-art .beam{position:absolute;left:50%;bottom:6%;width:34%;height:48%;transform:translateX(-50%);background:linear-gradient(to top, #52e0ff55, transparent 85%);filter:blur(3px);opacity:.55;}
#encantamento .gc-art .platform{position:absolute;left:50%;bottom:5%;width:82%;height:22%;transform:translateX(-50%);}
#encantamento .gc-art .platform span{position:absolute;left:50%;transform:translateX(-50%);border:1px solid #52e0ffcc;border-radius:50%;box-shadow:0 0 10px #52e0ff99;}
#encantamento .gc-art .platform span:nth-child(1){width:100%;height:62%;bottom:0;opacity:.9;}
#encantamento .gc-art .platform span:nth-child(2){width:66%;height:42%;bottom:12%;opacity:.6;}
#encantamento .gc-art .platform span:nth-child(3){width:36%;height:24%;bottom:24%;opacity:.4;}
#encantamento .gc-art .orbwrap{position:absolute;inset:0;display:grid;place-items:center;}
#encantamento .gc-art .orbslot{width:56%;aspect-ratio:1;height:auto;}
#encantamento .gc-title{display:flex;align-items:center;gap:11px;margin-top:6%;}
#encantamento .gc-title .hud-ic{width:42px;height:42px;flex:none;border-radius:50%;border:1px solid #52e0ff;display:grid;place-items:center;box-shadow:0 0 12px -3px #52e0ff;position:relative;}
#encantamento .gc-title .hud-ic::before{content:"";width:9px;height:9px;border-radius:50%;background:#d6fbff;box-shadow:0 0 9px #52e0ff;}
#encantamento .gc-title .hud-ic::after{content:"";position:absolute;inset:5px;border:1px solid #52e0ff55;border-radius:50%;}
#encantamento .gc-title .bar{width:3px;align-self:stretch;background:#52e0ff;box-shadow:0 0 9px #52e0ff;border-radius:2px;}
#encantamento .gc-title .t1{font-family:"Orbitron",var(--mono);font-weight:700;font-size:.82rem;letter-spacing:.16em;color:#dfeefc;line-height:1.1;}
#encantamento .gc-title .t2{font-family:"Orbitron",var(--mono);font-weight:900;font-size:1.5rem;letter-spacing:.01em;line-height:1;
  background:linear-gradient(180deg,#f2faff,#9fc4de);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px #52e0ff55);}
#encantamento .gc-desc{color:#bccbe2;font-size:.84rem;line-height:1.5;margin:5% 0 0;padding-left:12px;border-left:3px solid #52e0ff;}
#encantamento .gc-stat{margin-top:auto;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:11px;
  background:linear-gradient(180deg,#0b1626,#060e1a);box-shadow:inset 0 0 0 1px #52e0ff3a, 0 0 18px -9px #52e0ff;}
#encantamento .gc-stat .hexic{width:42px;height:42px;flex:none;filter:drop-shadow(0 0 6px #52e0ff66);}
#encantamento .gc-stat .affi{line-height:1.15;min-width:0;}
#encantamento .gc-stat .affi span{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;color:#6fb8d8;display:block;}
#encantamento .gc-stat .affi b{font-family:"Orbitron",var(--mono);font-size:1.05rem;color:#eef8ff;letter-spacing:.03em;}
#encantamento .gc-stat .sep{width:1px;align-self:stretch;background:#ffffff22;margin:0 2px;}
#encantamento .gc-stat .lvl{margin-left:auto;font-family:"Orbitron",var(--mono);font-weight:700;font-size:1.3rem;color:var(--oc);
  text-shadow:0 0 12px color-mix(in srgb, var(--oc) 70%, transparent);white-space:nowrap;}