.juwa2-hot-box{position:relative;margin:26px clamp(18px,4vw,68px) 42px;padding:clamp(24px,4vw,48px);overflow:hidden;border:1px solid rgba(255,193,67,.38);border-radius:30px;background:radial-gradient(circle at 88% 0,rgba(255,69,48,.2),transparent 32%),linear-gradient(135deg,#101528,#201232 58%,#321020);box-shadow:0 24px 65px rgba(3,5,16,.3)}
.juwa2-hot-box:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.055);border-radius:22px;pointer-events:none}
.juwa2-hot-heading{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}
.juwa2-hot-heading h2{margin:5px 0 10px;color:#fff8de;font:750 clamp(32px,4vw,58px)/.95 var(--font-display,Arial,sans-serif);letter-spacing:-.045em}
.juwa2-hot-heading p:last-child{max-width:650px;margin:0;color:#bfc4d4}
.juwa2-hot-heading>img{width:clamp(150px,19vw,250px);height:105px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(255,75,37,.28))}
.juwa2-icon-grid{position:relative;z-index:2;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:clamp(165px,17vw,235px);gap:16px;overflow-x:auto;padding:4px 4px 18px;scroll-snap-type:x proximity;scrollbar-color:#ff6541 #171326;scrollbar-width:thin}
.juwa2-icon-grid a{position:relative;display:block;overflow:hidden;aspect-ratio:1.28;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:#090d19;box-shadow:0 12px 28px rgba(0,0,0,.25);scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.juwa2-icon-grid a:hover{transform:translateY(-6px) scale(1.015);border-color:#ffd166;box-shadow:0 18px 34px rgba(0,0,0,.35),0 0 25px rgba(255,93,49,.22)}
.juwa2-icon-grid img{width:100%;height:100%;display:block;object-fit:cover}
.juwa2-icon-grid span{position:absolute;left:7px;right:7px;bottom:7px;padding:7px 8px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(5,7,16,.78);color:#fff;font-size:10px;font-weight:800;text-align:center;backdrop-filter:blur(8px)}
.juwa2-scroll-note{position:relative;z-index:2;margin:14px 0 0;color:#8f94a8;font-size:10px;letter-spacing:.08em;text-align:center;text-transform:uppercase}
@media(max-width:650px){.juwa2-hot-box{margin:16px 12px 30px;padding:24px 17px;border-radius:22px}.juwa2-hot-heading{align-items:flex-start;flex-direction:column}.juwa2-hot-heading>img{width:190px;align-self:center}.juwa2-icon-grid{grid-auto-columns:155px;gap:11px}.juwa2-icon-grid span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.juwa2-icon-grid a{transition:none}}

/* Half-screen placement with a vertically scrolling game library. */
@media(min-width:851px){
  .juwa2-hot-box{width:calc(50% - clamp(27px,5vw,76px));min-height:690px;margin:26px auto 42px clamp(18px,4vw,68px);padding:clamp(24px,3vw,38px)}
  .juwa2-hot-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}
  .juwa2-hot-heading>img{width:min(230px,70%);height:86px;align-self:center}
  .juwa2-icon-grid{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-columns:auto;gap:13px;max-height:430px;overflow-x:hidden;overflow-y:auto;padding:4px 11px 16px 4px;scroll-snap-type:y proximity;overscroll-behavior:contain}
  .juwa2-icon-grid a{width:100%;aspect-ratio:1.28;scroll-snap-align:start}
}
@media(max-width:850px){
  .juwa2-hot-box{width:auto}
  .juwa2-icon-grid{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-columns:auto;max-height:480px;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity;padding-right:9px}
}
@media(max-width:430px){.juwa2-icon-grid{grid-template-columns:1fr}.juwa2-icon-grid a{aspect-ratio:1.35}}