/* Shred District Header & Gallery v2.8 */
.sd-hcg{--sd-yellow:#fff000;--sd-red:#ff1717;position:relative;z-index:30;width:100%;max-width:none;margin:0 0 12px;padding:0;background:#050505;color:#fff;border-bottom:3px solid var(--sd-yellow);font-family:inherit;overflow:hidden}
.sd-hcg *{box-sizing:border-box}
.sd-hcg-stage{position:relative;width:100%;aspect-ratio:1983/793;line-height:0;background:#050505;overflow:hidden}
.sd-hcg-desktop-art{position:absolute!important;inset:0!important;display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.sd-hcg-mobile-art{display:none}
.sd-hcg-search{position:absolute!important;z-index:12;left:18.9%!important;top:59.6%!important;width:62.2%!important;height:10.8%!important;display:flex!important;align-items:stretch!important;margin:0!important;padding:0!important;min-height:0!important;border:3px solid #fff000!important;border-radius:999px!important;outline:2px solid #080808;overflow:hidden!important;background:#fff!important;box-shadow:0 4px 0 #e90000,0 0 18px rgba(255,240,0,.22)!important;line-height:normal!important}
.sd-hcg-search:before{content:"";display:block;flex:0 0 56px;align-self:center;height:100%;max-height:58px;background-repeat:no-repeat;background-position:center;background-size:26px 26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='13' cy='13' r='8.5' fill='none' stroke='%23111111' stroke-width='3.5'/%3E%3Cpath d='M19.5 19.5L28 28' stroke='%23111111' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
.sd-hcg-search input{display:block!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;border:0!important;border-radius:0!important;background:#fff!important;color:#111!important;font-size:clamp(12px,1.2vw,20px)!important;font-weight:600!important;padding:0 12px 0 2px!important;margin:0!important;outline:none!important;box-shadow:none!important;line-height:normal!important}
.sd-hcg-search input::placeholder{color:#777!important;opacity:1!important}
.sd-hcg-search button{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px;border:0!important;border-left:2px solid #fff000!important;border-radius:0 999px 999px 0!important;background:linear-gradient(180deg,#ff3535 0%,#ed0000 100%)!important;color:#fff!important;font-size:clamp(11px,1.1vw,18px)!important;font-weight:1000!important;padding:0 2.3%!important;margin:0!important;cursor:pointer!important;white-space:nowrap!important;text-transform:uppercase!important;text-shadow:1px 2px 0 rgba(0,0,0,.35);line-height:1!important}
.sd-hcg-search button span{font-size:1.3em!important;vertical-align:0!important;margin-left:2px!important}
.sd-hcg-gallery-wrap{position:absolute!important;z-index:10;left:0!important;top:72.0%!important;width:100%!important;height:25.2%!important;max-width:none!important;display:flex!important;align-items:stretch!important;margin:0!important;padding:0 2.2%!important;line-height:normal!important;background:transparent!important}
.sd-hcg-gallery{display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;gap:.55%!important;width:100%!important;height:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;touch-action:pan-x pan-y!important;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#fff000 rgba(0,0,0,.35);padding:0 0 4px!important;margin:0!important;background:transparent!important;-webkit-overflow-scrolling:touch}
.sd-hcg-gallery::-webkit-scrollbar{height:5px}\n.sd-hcg-gallery::-webkit-scrollbar-track{background:rgba(0,0,0,.5)}\n.sd-hcg-gallery::-webkit-scrollbar-thumb{background:#fff000;border-radius:6px}
.sd-hcg-card{position:relative!important;display:block!important;flex:0 0 13.15%!important;min-width:13.15%!important;max-width:none!important;height:100%!important;aspect-ratio:193/147!important;overflow:hidden!important;scroll-snap-align:start;background:#151515!important;border:3px solid var(--sd-yellow)!important;border-radius:5px!important;text-decoration:none!important;color:#fff!important;box-shadow:0 2px 0 #ff1717!important;isolation:isolate}
.sd-hcg-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,0));z-index:1;pointer-events:none}
.sd-hcg-card img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;z-index:0}
.sd-hcg-card>span,.sd-hcg-card>b{display:none!important}
.sd-hcg-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:15;display:grid!important;place-items:center!important;width:1.8%!important;height:42%!important;padding:0!important;border:2px solid var(--sd-yellow)!important;border-radius:5px!important;background:#080808!important;color:#fff!important;font-size:clamp(18px,2vw,31px)!important;line-height:1!important;cursor:pointer!important}
.sd-hcg-prev{left:.1%!important}.sd-hcg-next{right:.1%!important}
.sd-hcg .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){
 .sd-hcg-stage{aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding-bottom:7px!important}
 .sd-hcg-composite .sd-hcg-desktop-art{display:none!important}
 .sd-hcg-composite .sd-hcg-mobile-art{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:cover!important}
 .sd-hcg-search{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 18px)!important;height:48px!important;min-height:48px!important;margin:9px auto 8px!important;border-width:2px!important;border-radius:14px!important;outline:1px solid #080808}
 .sd-hcg-search:before{flex-basis:42px;background-size:22px 22px}
 .sd-hcg-search input{font-size:16px!important;padding:0 6px 0 0!important}
 .sd-hcg-search button{font-size:12px!important;padding:0 12px!important;border-radius:0 12px 12px 0!important}
 .sd-hcg-gallery-wrap{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:112px!important;margin:0 auto!important;padding:0 27px!important}
 .sd-hcg-gallery{height:100%!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y!important;scroll-snap-type:x proximity;padding:2px 1px 6px!important}
 .sd-hcg-card{flex:0 0 150px!important;min-width:150px!important;max-width:150px!important;height:100%!important;aspect-ratio:193/147!important;border-width:2px!important}
 .sd-hcg-arrow{position:absolute!important;width:23px!important;height:36px!important;top:50%!important;font-size:26px!important}
 .sd-hcg-prev{left:0!important}.sd-hcg-next{right:0!important}
}


/* v1.9 category sizing/scroll fix: tile artwork is landscape (about 193 x 147). */
.sd-hcg-composite .sd-hcg-gallery-wrap { overflow: visible !important; }
.sd-hcg-composite .sd-hcg-gallery {
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: #fff000 rgba(0,0,0,.35) !important;
  touch-action: pan-x pan-y !important;
  overscroll-behavior-x: contain !important;
}
.sd-hcg-composite .sd-hcg-card {
  flex: 0 0 13.15% !important;
  min-width: 13.15% !important;
  max-width: none !important;
  aspect-ratio: 193 / 147 !important;
}
.sd-hcg-composite .sd-hcg-card img {
  object-fit: fill !important;
  object-position: center !important;
}
.sd-hcg-composite .sd-hcg-arrow { pointer-events: auto !important; }
@media(max-width:700px) {
  .sd-hcg-composite .sd-hcg-gallery-wrap { height: 112px !important; overflow: visible !important; }
  .sd-hcg-composite .sd-hcg-gallery { overflow-x: auto !important; flex-wrap: nowrap !important; }
  .sd-hcg-composite .sd-hcg-card {
    flex: 0 0 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 100% !important;
    aspect-ratio: 193 / 147 !important;
  }
}


/* v2.0: mobile background continues behind the live search and swipe gallery */
@media(max-width:700px) {
  .sd-hcg-stage {
    position: relative !important;
    isolation: isolate !important;
    background: #050505 !important;
    padding-bottom: 0 !important;
  }
  .sd-hcg-stage:after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    pointer-events: none !important;
    background-image: url("sd-composite-banner.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    opacity: 1 !important;
  }
  .sd-hcg-composite .sd-hcg-mobile-art {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .sd-hcg-composite .sd-hcg-search,
  .sd-hcg-composite .sd-hcg-gallery-wrap {
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
  }
  .sd-hcg-composite .sd-hcg-search {
    background: #fff !important;
  }
  .sd-hcg-composite .sd-hcg-gallery-wrap {
    background: transparent !important;
  }
}


/* v2.3: RAF auto-scroll must not compete with CSS smooth-scroll animation */
.sd-hcg-composite .sd-hcg-gallery,
.sd-hcg .sd-hcg-gallery {
  scroll-behavior: auto !important;
}
.sd-hcg-composite .sd-hcg-gallery.sd-hcg-manual-scroll,
.sd-hcg .sd-hcg-gallery.sd-hcg-manual-scroll {
  scroll-behavior: smooth !important;
}


/* v2.4: guarantee horizontal overflow so auto-scroll has room to move */
.sd-hcg-composite .sd-hcg-gallery {
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:auto !important;
}
.sd-hcg-composite .sd-hcg-card {
  flex:0 0 19.2% !important;
  min-width:19.2% !important;
  max-width:19.2% !important;
  height:100% !important;
}
@media(max-width:700px) {
  .sd-hcg-composite .sd-hcg-card {
    flex:0 0 150px !important;
    min-width:150px !important;
    max-width:150px !important;
  }
}


/* v2.7 desktop tile proportions: keep artwork at its native landscape ratio.
   Mobile sizing remains unchanged. */
@media (min-width: 701px) {
  .sd-hcg-composite .sd-hcg-card {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    aspect-ratio: 193 / 147 !important;
  }
  .sd-hcg-composite .sd-hcg-card img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}


/* v2.8: optional category-strip backdrop and functional Home link */
.sd-hcg-gallery-wrap{background-color:#171717!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-blend-mode:normal!important}
.sd-hcg-home{position:absolute!important;z-index:18;left:1.2%!important;top:59.8%!important;width:6.3%!important;height:10.3%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;background:linear-gradient(145deg,#ff2b2b,#d90000)!important;color:#fff!important;border:2px solid #fff000!important;border-radius:9px!important;box-shadow:0 3px 0 #050505,0 0 0 2px #050505!important;text-decoration:none!important;font-weight:1000!important;line-height:1!important;text-align:center!important}
.sd-hcg-home span{font-size:clamp(22px,3.2vw,48px)!important;line-height:.9!important}
.sd-hcg-home b{font-size:clamp(9px,.9vw,14px)!important;letter-spacing:.06em!important;margin-top:4px!important}
@media(max-width:700px){
 .sd-hcg-home{position:absolute!important;left:auto!important;right:10px!important;top:8px!important;width:54px!important;height:46px!important;border-radius:8px!important}
 .sd-hcg-home span{font-size:25px!important}
 .sd-hcg-home b{font-size:9px!important}
 .sd-hcg-gallery-wrap{background-position:center!important}
}


/* v2.9: make the functional Home button easy to find beside desktop search. */
@media (min-width: 701px) {
 .sd-hcg-composite .sd-hcg-home {
   left: 10.9% !important;
   top: 59.6% !important;
   width: 6.7% !important;
   height: 11.1% !important;
   z-index: 25 !important;
   background: linear-gradient(145deg, #ff3030, #d90000) !important;
   border: 3px solid #fff000 !important;
   border-radius: 10px !important;
   box-shadow: 0 3px 0 #050505, 0 0 0 2px #050505 !important;
   color: #fff !important;
   text-decoration: none !important;
   transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
 }
 .sd-hcg-composite .sd-hcg-home:hover,
 .sd-hcg-composite .sd-hcg-home:focus-visible {
   border-color: #ff1717 !important;
   box-shadow: 0 3px 0 #050505, 0 0 0 2px #ff1717, 0 0 16px rgba(255,23,23,.75) !important;
   transform: translateY(-2px) !important;
   outline: 2px solid #fff000 !important;
   outline-offset: 2px !important;
 }
}

/* v2.9: category tile borders switch from yellow to red on hover/focus. */
.sd-hcg-composite .sd-hcg-card {
  border-color: #fff000 !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.sd-hcg-composite .sd-hcg-card:hover,
.sd-hcg-composite .sd-hcg-card:focus-visible {
  border-color: #ff1717 !important;
  box-shadow: 0 2px 0 #ff1717, 0 0 0 2px #ff1717, 0 0 14px rgba(255,23,23,.72) !important;
  outline: none !important;
}
@media (hover: hover) and (pointer: fine) {
 .sd-hcg-composite .sd-hcg-card:hover { transform: translateY(-2px) !important; }
}
@media (max-width: 700px) {
 .sd-hcg-composite .sd-hcg-card:hover,
 .sd-hcg-composite .sd-hcg-card:focus-visible { border-color: #ff1717 !important; }
}


/* v2.9.2: force the Home link above the composite artwork and controls.
   Strong selector and version bump also invalidate stale browser/CDN CSS. */
.sd-hcg-stage > a.sd-hcg-home {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  z-index: 99999 !important;
  pointer-events: auto !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  left: 10.5% !important;
  top: 59.2% !important;
  width: clamp(68px, 7.2%, 112px) !important;
  height: 11.8% !important;
  min-height: 48px !important;
  padding: 3px !important;
  background: linear-gradient(145deg, #ff3030, #d90000) !important;
  color: #fff !important;
  border: 3px solid #fff000 !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 0 #050505, 0 0 0 2px #050505 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  text-align: center !important;
}
.sd-hcg-stage > a.sd-hcg-home span {
  display: block !important;
  font-size: clamp(23px, 3vw, 42px) !important;
  line-height: .9 !important;
}
.sd-hcg-stage > a.sd-hcg-home b {
  display: block !important;
  margin-top: 4px !important;
  font-size: clamp(9px, .85vw, 13px) !important;
  font-weight: 1000 !important;
  letter-spacing: .05em !important;
}
.sd-hcg-stage > a.sd-hcg-home:hover,
.sd-hcg-stage > a.sd-hcg-home:focus-visible {
  border-color: #ff1717 !important;
  box-shadow: 0 3px 0 #050505, 0 0 0 2px #ff1717, 0 0 16px rgba(255,23,23,.75) !important;
  transform: translateY(-2px) !important;
  outline: 2px solid #fff000 !important;
  outline-offset: 2px !important;
}
@media (max-width: 700px) {
  .sd-hcg-stage > a.sd-hcg-home {
    left: auto !important; right: 10px !important; top: 8px !important;
    width: 54px !important; height: 46px !important; min-height: 46px !important;
  }
  .sd-hcg-stage > a.sd-hcg-home span { font-size: 25px !important; }
  .sd-hcg-stage > a.sd-hcg-home b { font-size: 9px !important; }
}

/* Keep yellow category frames at rest; make the hover/focus state clearly red. */
.sd-hcg-stage .sd-hcg-gallery .sd-hcg-card {
  border: 3px solid #fff000 !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.sd-hcg-stage .sd-hcg-gallery .sd-hcg-card:hover,
.sd-hcg-stage .sd-hcg-gallery .sd-hcg-card:focus,
.sd-hcg-stage .sd-hcg-gallery .sd-hcg-card:focus-visible {
  border-color: #ff1717 !important;
  box-shadow: 0 2px 0 #ff1717, 0 0 0 2px #ff1717, 0 0 14px rgba(255,23,23,.8) !important;
  outline: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .sd-hcg-stage .sd-hcg-gallery .sd-hcg-card:hover { transform: translateY(-2px) !important; }
}


/* v2.9.2: prevent the category hover border from being clipped at its top edge.
   The previous lift transform pushed the border into the gallery's overflow clip. */
.sd-hcg-stage .sd-hcg-gallery-wrap { overflow: visible !important; }
.sd-hcg-stage .sd-hcg-gallery {
  box-sizing: border-box !important;
  padding-top: 4px !important;
  padding-bottom: 6px !important;
  overflow-y: hidden !important;
}
.sd-hcg-stage .sd-hcg-gallery .sd-hcg-card {
  transform: none !important;
  outline-offset: -1px !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}
.sd-hcg-stage .sd-hcg-gallery .sd-hcg-card:hover,
.sd-hcg-stage .sd-hcg-gallery .sd-hcg-card:focus-visible {
  border-color: #ff1717 !important;
  box-shadow: inset 0 0 0 1px #ff1717, 0 0 0 1px #ff1717, 0 0 10px rgba(255,23,23,.72) !important;
}

/* Refined Shred District home button: crisp house icon, comic-book trim, clear tap target. */
.sd-hcg-stage > a.sd-hcg-home {
  box-sizing: border-box !important;
  gap: 2px !important;
  background: linear-gradient(145deg, #ff3030 0%, #e00000 68%, #a90000 100%) !important;
  border: 3px solid #fff000 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 0 #080808, 0 0 0 2px #080808, inset 0 0 0 1px rgba(255,255,255,.35) !important;
  text-shadow: 1px 2px 0 #650000 !important;
  overflow: visible !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-icon {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; height: 68% !important; min-height: 0 !important;
}
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-icon svg {
  display: block !important; width: min(100%, 42px) !important; height: 100% !important;
  overflow: visible !important; fill: none !important; stroke-linecap: round !important; stroke-linejoin: round !important;
}
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-roof { stroke: #fff000 !important; stroke-width: 4.5 !important; }
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-house { stroke: #ffffff !important; stroke-width: 3.5 !important; }
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-crown { stroke: #fff000 !important; stroke-width: 2.8 !important; }
.sd-hcg-stage > a.sd-hcg-home b {
  display: block !important; font-weight: 1000 !important; letter-spacing: .09em !important;
  font-size: clamp(9px, .85vw, 13px) !important; line-height: 1 !important;
  padding: 2px 5px !important; background: #fff000 !important; color: #080808 !important;
  border-radius: 3px !important; text-shadow: none !important;
}
.sd-hcg-stage > a.sd-hcg-home:hover,
.sd-hcg-stage > a.sd-hcg-home:focus-visible {
  background: linear-gradient(145deg, #ff4545 0%, #f00000 70%, #bb0000 100%) !important;
  border-color: #ff1717 !important;
  box-shadow: 0 4px 0 #080808, 0 0 0 2px #ff1717, 0 0 14px rgba(255,23,23,.8), inset 0 0 0 1px rgba(255,255,255,.4) !important;
  transform: none !important; outline: 2px solid #fff000 !important; outline-offset: 2px !important;
}
@media (max-width: 700px) {
 .sd-hcg-stage .sd-hcg-gallery { padding-top: 4px !important; padding-bottom: 6px !important; }
 .sd-hcg-stage > a.sd-hcg-home { width: 58px !important; height: 52px !important; padding: 3px !important; border-radius: 10px !important; }
 .sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-icon { height: 65% !important; }
 .sd-hcg-stage > a.sd-hcg-home b { font-size: 9px !important; letter-spacing: .08em !important; }
}


/* v2.9.3 — skate-shop inspired deck badge for the Home link. */
.sd-hcg-stage > a.sd-hcg-home {
  left: 1.5% !important;
  top: 60.0% !important;
  width: 6.4% !important;
  height: 10.2% !important;
  min-width: 76px !important;
  padding: 3px 5px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  background: linear-gradient(180deg,#262626 0%,#080808 58%,#171717 100%) !important;
  border: 3px solid #fff000 !important;
  border-radius: 18px 18px 22px 22px / 28% 28% 34% 34% !important;
  box-shadow: 0 4px 0 #b90000, 0 0 0 2px #050505, inset 0 0 0 2px #e90000, 0 0 12px rgba(255,240,0,.38) !important;
  overflow: visible !important;
  text-decoration: none !important;
  transform: rotate(-3deg) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.sd-hcg-stage > a.sd-hcg-home::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important; right: 9px !important; bottom: 5px !important;
  height: 3px !important; border-radius: 4px !important;
  background: linear-gradient(90deg,#ff1717 0 25%,#fff000 25% 75%,#ff1717 75%) !important;
  opacity: .95 !important;
}
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-icon {
  flex: 0 1 48% !important; width: 48% !important; height: 82% !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  filter: drop-shadow(1px 2px 0 #b90000) !important;
}
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-icon svg {
  width: 100% !important; height: 100% !important; max-width: 44px !important;
  overflow: visible !important; fill: none !important;
}
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-roof { stroke: #fff000 !important; stroke-width: 4.5 !important; }
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-house { stroke: #ffffff !important; stroke-width: 3.7 !important; }
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-crown { stroke: #fff000 !important; stroke-width: 3 !important; }
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-board { stroke: #ff1717 !important; stroke-width: 2.4 !important; stroke-linecap: round !important; }
.sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-wheel { fill: #fff000 !important; stroke: #080808 !important; stroke-width: .7 !important; }
.sd-hcg-stage > a.sd-hcg-home b {
  position: relative !important; z-index: 1 !important; display: inline-block !important;
  flex: 1 1 auto !important; margin: 0 !important; padding: 4px 3px !important;
  color: #080808 !important; background: #fff000 !important;
  border: 1px solid #fff !important; border-radius: 3px !important;
  font-size: clamp(9px,.9vw,14px) !important; font-weight: 1000 !important;
  letter-spacing: .07em !important; line-height: 1 !important; text-shadow: none !important;
  transform: skew(-5deg) !important; box-shadow: 2px 2px 0 #ff1717 !important;
}
.sd-hcg-stage > a.sd-hcg-home:hover,
.sd-hcg-stage > a.sd-hcg-home:focus-visible {
  background: linear-gradient(180deg,#3b3b3b 0%,#080808 58%,#202020 100%) !important;
  border-color: #ff1717 !important;
  box-shadow: 0 4px 0 #fff000, 0 0 0 2px #050505, 0 0 18px rgba(255,23,23,.9), inset 0 0 0 2px #fff000 !important;
  transform: rotate(0deg) scale(1.04) !important;
  outline: 2px solid #fff000 !important; outline-offset: 2px !important;
}
@media (max-width:700px) {
  .sd-hcg-stage > a.sd-hcg-home {
    left: auto !important; right: 10px !important; top: 8px !important;
    width: 58px !important; min-width: 58px !important; height: 52px !important;
    padding: 3px !important; flex-direction: column !important; gap: 0 !important;
    border-radius: 12px !important; transform: rotate(-2deg) !important;
  }
  .sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-icon { flex: 0 1 65% !important; width: 100% !important; height: 65% !important; }
  .sd-hcg-stage > a.sd-hcg-home .sd-hcg-home-icon svg { max-width: 32px !important; }
  .sd-hcg-stage > a.sd-hcg-home b { flex: 0 0 auto !important; font-size: 9px !important; padding: 2px 5px !important; }
  .sd-hcg-stage > a.sd-hcg-home::before { left: 8px !important; right: 8px !important; bottom: 3px !important; }
}