/* DATA COURIERS 20XX / Achievement cards: original 14 exclusive art assets.
 * Dedicated responsive grid; badge imagery has no effect on reward logic.
 * CSS loaded after dc_circuit_vivo_v1.css. */
.dc-vivo-achievements{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:11px!important;
}
.dc-vivo-achievement{
 --award-neon:#39ebf0;
 display:grid!important;grid-template-columns:101px minmax(0,1fr)!important;
 grid-template-rows:minmax(0,1fr) auto!important;
 align-items:center!important;justify-items:stretch!important;
 position:relative!important;isolation:isolate!important;
 min-width:0!important;min-height:158px!important;
 padding:11px!important;gap:7px 9px!important;
 border-radius:10px!important;
 background:linear-gradient(125deg,rgba(6,34,49,.99) 5%,rgba(9,17,35,.97) 95%)!important;
 border:1px solid #2b6071!important;
 overflow:hidden!important;
 box-shadow:0 10px 21px #0005,inset 0 0 18px #00eaff0b!important;
}
.dc-vivo-achievement::before{
 content:"";position:absolute;left:2px;right:2px;top:1px;
 height:2px;pointer-events:none;z-index:0;
 background:linear-gradient(90deg,transparent,var(--award-neon),transparent);
 opacity:.27;
}
.dc-vivo-achievement.earned{
 --award-neon:#2effdb;
 border-color:#18dcb9!important;
 background:linear-gradient(130deg,rgba(4,42,50,.97),rgba(9,18,34,.99))!important;
 box-shadow:0 12px 29px #0016169c,inset 0 0 28px #00e3b219,0 0 12px #17e8cf2c!important;
}
.dc-vivo-achievement.earned::before{opacity:1}
.dc-vivo-achievement.locked{
 --award-neon:#6a819d;
 border-color:#355468!important;
}
.dc-vivo-achievement__icon{
 grid-column:1!important;grid-row:1/3!important;
 display:grid!important;place-items:center!important;
 position:relative!important;z-index:1!important;
 width:100%!important;height:126px!important;
 flex:none!important;font-size:0!important;
 background:radial-gradient(ellipse at 50% 55%,rgba(0,225,237,.13),transparent 70%)!important;
}
.dc-vivo-achievement__image{
 display:block!important;
 width:100%!important;height:100%!important;max-width:100%!important;
 object-fit:contain!important;aspect-ratio:1/1!important;
 filter:drop-shadow(0 0 8px #00f2ff58);
 transition:transform .22s ease,filter .22s ease,opacity .22s ease!important;
}
.dc-vivo-achievement.earned .dc-vivo-achievement__image{
 filter:drop-shadow(0 0 12px #04e9fd69) drop-shadow(0 0 5px #ee57da35);
}
.dc-vivo-achievement.locked .dc-vivo-achievement__image{
 filter:grayscale(.85) brightness(.57) saturate(.6)!important;
 opacity:.76!important;
}
.dc-vivo-achievement:is(:hover,:focus-within).earned .dc-vivo-achievement__image{
 transform:scale(1.06)!important;
 filter:drop-shadow(0 0 17px #2cecfbad) drop-shadow(0 0 9px #f659d890)!important;
}
.dc-vivo-achievement.earned .dc-vivo-achievement__icon::after{
 content:"";width:9px;height:9px;position:absolute;right:4px;bottom:9px;
 border-radius:50%;background:#2bffd9;box-shadow:0 0 13px #2bffd9;
 pointer-events:none;
}
.dc-vivo-achievement.locked .dc-vivo-achievement__icon::after{
 content:"◆";position:absolute;right:8px;bottom:11px;
 font:700 12px monospace;color:#91a1b2;text-shadow:0 0 7px #1b3352;
}
.dc-vivo-achievement > div:nth-child(2){
 grid-column:2!important;grid-row:1!important;
 align-self:center!important;
 min-width:0!important;overflow-wrap:anywhere!important;
}
.dc-vivo-achievement strong{
 font:900 15px/1.15 'Rajdhani','Arial Narrow',Arial,sans-serif!important;
 color:#f0ffff!important;letter-spacing:.035em!important;
 overflow-wrap:anywhere!important;
}
.dc-vivo-achievement p{
 font:500 10px/1.45 system-ui,sans-serif!important;
 margin:7px 0 0!important;color:#b7d3dc!important;
 overflow-wrap:anywhere!important;
}
.dc-vivo-achievement__reward{
 grid-column:2!important;grid-row:2!important;
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:5px!important;flex-wrap:wrap!important;
 text-align:left!important;
 width:100%!important;max-width:none!important;
 padding:7px 0 0!important;
 border-top:1px solid rgba(76,123,143,.36)!important;
}
.dc-vivo-achievement__reward b{
 font:900 14px/1.15 'Rajdhani','Arial Narrow',sans-serif!important;color:#a4ddec!important;
 white-space:nowrap!important;
}
.dc-vivo-achievement.earned .dc-vivo-achievement__reward b{color:#8effdb!important}
.dc-vivo-achievement__reward small{
 font:800 8px/1.2 'JetBrains Mono',monospace!important;
 margin:0!important;color:#abc8d0!important;white-space:nowrap!important;
}
.dc-vivo-achievement.earned .dc-vivo-achievement__reward small{color:#7effda!important}
@media(max-width:1050px) and (min-width:721px){
 .dc-vivo-achievements{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dc-vivo-achievement{min-height:160px!important;grid-template-columns:115px minmax(0,1fr)!important}
}
@media(max-width:720px){
 .dc-vivo-achievements{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .dc-vivo-achievement{
  display:flex!important;flex-direction:column!important;
  justify-content:flex-start!important;align-items:stretch!important;
  min-height:244px!important;padding:9px 8px!important;gap:6px!important;
 }
 .dc-vivo-achievement__icon{
  width:100%!important;height:112px!important;min-height:112px!important;
  margin:0 auto!important;
 }
 .dc-vivo-achievement__image{
  width:112px!important;height:112px!important;margin:auto!important;
 }
 .dc-vivo-achievement>div:nth-child(2){
  width:100%!important;min-height:60px!important;align-self:auto!important;
  text-align:center!important;flex:1 1 auto!important;
 }
 .dc-vivo-achievement strong{font-size:13px!important;line-height:1.18!important}
 .dc-vivo-achievement p{font-size:10px!important;line-height:1.3!important;margin:4px 0 0!important}
 .dc-vivo-achievement__reward{
  flex:0 0 auto!important;align-self:stretch!important;justify-content:space-between!important;
  min-height:30px!important;
 }
 .dc-vivo-achievement__reward b{font-size:12px!important}
 .dc-vivo-achievement__reward small{font-size:7px!important}
}
@media(max-width:355px){
 .dc-vivo-achievements{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
 .dc-vivo-achievement{padding:7px 5px!important;min-height:242px!important}
 .dc-vivo-achievement__icon{height:97px!important;min-height:97px!important}
 .dc-vivo-achievement__image{width:97px!important;height:97px!important}
 .dc-vivo-achievement strong{font-size:12px!important}
 .dc-vivo-achievement__reward{justify-content:center!important;flex-direction:column!important}
}
@media(prefers-reduced-motion:reduce){
 .dc-vivo-achievement__image{transition:none!important;transform:none!important}
}