/* Halloween 2026, Pumpkin Week (js/halloween.js): the sheet of every game's Halloween event. Arcade Bright tokens; our 3D art. */
.hwsh { display: grid; gap: 12px; }
.hwh { position: relative; height: 170px; border-radius: 22px; overflow: hidden; border: var(--bw, 3px) solid var(--ink); box-shadow: 0 5px 0 var(--ink); }
.hwh-art { position: absolute; inset: 0; background-size: cover; background-position: 70% 50%; }
.hwh-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20, 6, 46, .86) 0%, rgba(20, 6, 46, .45) 46%, rgba(20, 6, 46, 0) 70%); }
.hwh-tx { position: absolute; left: 14px; top: 14px; right: 34%; display: grid; gap: 6px; }
.hwh-tx .pill { justify-self: start; }
.hwh-tx h2 { margin: 0; font-size: 27px; line-height: 1; white-space: nowrap; color: #fff; -webkit-text-stroke-width: 6px; text-shadow: 0 4px 0 var(--ink); paint-order: stroke fill; }
.hwh-tx p { margin: 0; color: #ffd9a6; font-weight: 900; font-size: 13px; text-shadow: 0 1px 0 rgba(0, 0, 0, .5); }
.hwh-cd { position: absolute; right: 12px; bottom: 12px; text-align: right; display: grid; padding: 6px 12px; border-radius: 14px; background: rgba(20, 6, 46, .72); border: 2px solid rgba(255, 190, 110, .55); color: #fff; }
.hwh-cd small { font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; color: #ffb347; }
.hwh-cd b { font-size: 18px; }
.hwnote { margin: 0; font-size: 12.5px; font-weight: 800; line-height: 1.35; opacity: .8; }
.hwl { display: grid; gap: 10px; }
.hwg { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 18px; border: var(--bw, 3px) solid var(--ink); box-shadow: 0 4px 0 var(--ink);
  background: radial-gradient(80% 140% at 0% 50%, rgba(255, 150, 50, .22), rgba(255, 150, 50, 0) 60%), linear-gradient(180deg, #4b2a8a, #2c1460); color: #fff; }
.hwg-ic { flex: none; width: 52px; height: 52px; border-radius: 14px; border: 2px solid var(--ink); object-fit: cover; }
.hwg-tx { flex: 1; min-width: 0; display: grid; gap: 1px; }
.hwg-n { font-size: 11px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; color: #ffb347; }
.hwg-tx b { font-size: 16px; }
.hwg-tx p { margin: 0; font-size: 11.5px; font-weight: 700; line-height: 1.3; color: #e6dcff; }
.hwg-r { flex: none; display: grid; gap: 6px; justify-items: end; }
.hwg-pz { padding: 2px 9px; border-radius: 999px; border: 2px solid var(--ink); font-weight: 900; font-size: 15px; color: #3a1600; background: linear-gradient(180deg, #ffe0b0, #ffa347 55%, #e0680f); }
.hwg-pz small { margin-left: 3px; font-size: 9px; }
.hwg-go { height: 34px; padding: 0 12px; }
.hwq { width: 100%; height: 46px; justify-content: center; }