.res-illust-v3,
.res-illust{display:flex;align-items:center;gap:24px;padding:32px 36px;border-radius:24px;margin:32px 0 24px;position:relative;overflow:hidden;box-shadow:0 12px 48px rgba(15,23,42,.12);transition:transform .3s ease,box-shadow .3s ease}
.res-illust-v3:hover,
.res-illust:hover{transform:translateY(-3px);box-shadow:0 20px 60px rgba(15,23,42,.18)}
.res-illust-v3::before,
.res-illust::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 100% 0%,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none;z-index:0}
.res-illust-v3 > *,
.res-illust > *{position:relative;z-index:1}
.res-illust-v3__icon,
.res-illust__icon{width:96px;height:96px;flex-shrink:0;border-radius:24px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.6);border:2px solid rgba(255,255,255,.8);box-shadow:0 8px 24px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.8);will-change:transform;transition:transform .3s ease}
.res-illust-v3__icon svg,
.res-illust__icon svg{width:60px;height:60px}
.res-illust-v3__text,
.res-illust__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.res-illust-v3__text .eyebrow-sm,
.res-illust__text .eyebrow-sm{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.85);align-self:flex-start;line-height:1.4;box-shadow:0 2px 8px rgba(15,23,42,.06)}
.res-illust-v3__text h2,
.res-illust__text h2{font-family:'Space Grotesk','Inter',sans-serif;font-size:clamp(1.4rem,2.8vw,1.8rem);letter-spacing:-.02em;line-height:1.2;color:#0F172A;margin:0}
.res-illust-v3--mods,
.res-illust--mods{background:linear-gradient(135deg,#FFE4E6 0%,#FECDD3 100%)}
.res-illust-v3--mods .res-illust-v3__text .eyebrow-sm,
.res-illust--mods .res-illust__text .eyebrow-sm{color:#BE123C}
.res-illust-v3--mods .res-illust-v3__icon,
.res-illust--mods .res-illust__icon{background:linear-gradient(135deg,#E11D48,#BE123C);border-color:rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(225,29,72,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.res-illust-v3--mods svg,.res-illust--mods svg{color:#FFF !important;fill:#FFF !important}
.res-illust-v3--mods svg path,.res-illust--mods svg path{fill:#FFF !important}
.res-illust-v3--mods svg circle,.res-illust--mods svg circle{fill:#FFF !important}
.res-illust-v3--mods svg [stroke="white"],.res-illust--mods svg [stroke="white"]{stroke:rgba(255,255,255,.6) !important}
.res-illust-v3--shaders,.res-illust--shaders{background:linear-gradient(135deg,#EDE9FE 0%,#DDD6FE 100%)}
.res-illust-v3--shaders .res-illust-v3__text .eyebrow-sm,.res-illust--shaders .res-illust__text .eyebrow-sm{color:#7C3AED}
.res-illust-v3--shaders .res-illust-v3__icon,.res-illust--shaders .res-illust__icon{background:linear-gradient(135deg,#8B5CF6,#7C3AED);border-color:rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(139,92,246,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.res-illust-v3--shaders svg,.res-illust--shaders svg{color:#FFF !important;fill:#FFF !important}
.res-illust-v3--shaders svg path,.res-illust--shaders svg path{fill:#FFF !important}
.res-illust-v3--shaders svg circle,.res-illust--shaders svg circle{fill:#FFF !important}
.res-illust-v3--maps,.res-illust--maps{background:linear-gradient(135deg,#ECFCCB 0%,#D9F99D 100%)}
.res-illust-v3--maps .res-illust-v3__text .eyebrow-sm,.res-illust--maps .res-illust__text .eyebrow-sm{color:#4D7C0F}
.res-illust-v3--maps .res-illust-v3__icon,.res-illust--maps .res-illust__icon{background:linear-gradient(135deg,#A3E635,#65A30D);border-color:rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(101,163,13,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.res-illust-v3--maps svg,.res-illust--maps svg{color:#FFF !important;fill:#FFF !important}
.res-illust-v3--maps svg path,.res-illust--maps svg path{fill:#FFF !important}
.res-illust-v3--maps svg circle,.res-illust--maps svg circle{fill:#FFF !important}
.res-illust-v3--maps svg [stroke="white"],.res-illust--maps svg [stroke="white"]{stroke:rgba(255,255,255,.6) !important}
.res-illust-v3--maps svg [fill="white"],.res-illust--maps svg [fill="white"]{fill:rgba(255,255,255,.85) !important}
.res-illust-v3--texture-packs,.res-illust--texture-packs{background:linear-gradient(135deg,#CCFBF1 0%,#99F6E4 100%)}
.res-illust-v3--texture-packs .res-illust-v3__text .eyebrow-sm,.res-illust--texture-packs .res-illust__text .eyebrow-sm{color:#0F766E}
.res-illust-v3--texture-packs .res-illust-v3__icon,.res-illust--texture-packs .res-illust__icon{background:linear-gradient(135deg,#2DD4BF,#0F766E);border-color:rgba(255,255,255,.6);box-shadow:0 10px 30px rgba(45,212,191,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.res-illust-v3--texture-packs svg,.res-illust--texture-packs svg{color:#FFF !important;fill:#FFF !important}
.res-illust-v3--texture-packs svg path,.res-illust--texture-packs svg path{fill:#FFF !important}
.res-illust-v3--texture-packs svg circle,.res-illust--texture-packs svg circle{fill:#FFF !important}
.res-illust-v3--texture-packs svg [fill="white"],.res-illust--texture-packs svg [fill="white"]{fill:rgba(255,255,255,.85) !important}
.res-illust-v3:not([class*="--"]),
.res-illust:not([class*="--"]){background:linear-gradient(135deg,#EDE9FE 0%,#DDD6FE 100%)}
.res-illust-v3:not([class*="--"]) .res-illust-v3__icon,
.res-illust:not([class*="--"]) .res-illust__icon{background:linear-gradient(135deg,#8B5CF6,#7C3AED)}
.res-illust-v3:not([class*="--"]) svg,
.res-illust:not([class*="--"]) svg{color:#FFF !important;fill:#FFF !important}
.res-illust-v3:not([class*="--"]) svg path,
.res-illust:not([class*="--"]) svg path{fill:#FFF !important}
.res-illust-v3:not([class*="--"]) svg circle,
.res-illust:not([class*="--"]) svg circle{fill:#FFF !important}
.download-box__badge{margin-bottom:12px}
.res-badge-row{margin-bottom:12px}
.res-source-note{margin-bottom:16px}
.res-source-action{margin-bottom:12px}
@media(max-width:640px){
  .res-illust-v3,.res-illust{flex-direction:column;text-align:center;padding:28px;gap:18px}
  .res-illust-v3__icon,.res-illust__icon{width:80px;height:80px}
  .res-illust-v3__icon svg,.res-illust__icon svg{width:48px;height:48px}
  .res-illust-v3__text,.res-illust__text{align-items:center}
  .res-illust-v3__text .eyebrow-sm,.res-illust__text .eyebrow-sm{align-self:center}
}