/* Forge Games header: all-black banner, bright dark-orange words, orange hammers.
   #home id + !important beats older .brand/.tag/.deal rules (c1/c4/c6/c7/store/table). */
html body #home .tag,html body #home .deal{display:none !important}
html body #home .brand.forge-brand{
  display:flex !important;flex-direction:column !important;align-items:center !important;
  margin:52px auto 12px !important;padding:22px 16px 20px !important;max-width:560px !important;
  background:#000 !important;border-radius:20px !important;
  box-shadow:0 12px 30px rgba(0,0,0,.45) !important;
  font-size:16px !important;line-height:1 !important;letter-spacing:0 !important;
  color:#e8680c !important;-webkit-text-fill-color:#e8680c !important;text-shadow:none !important;
  -webkit-background-clip:border-box !important;background-clip:border-box !important;
  filter:none !important;animation:none !important;text-align:center !important
}
html body #home .forge-brand .forge-title{
  display:flex;align-items:center;justify-content:center;gap:12px;margin:0 !important;padding:0;
  font:800 clamp(36px,10.5vw,58px)/1 "Saira",system-ui,sans-serif !important;letter-spacing:-.02em !important;
  color:#e8680c !important;-webkit-text-fill-color:#e8680c !important;white-space:nowrap
}
html body #home .brand.forge-brand img.fh{display:block;flex:none;width:30px !important;height:30px !important}
html body #home .brand.forge-brand img.fh-big{width:clamp(44px,12vw,64px) !important;height:clamp(44px,12vw,64px) !important}
html body #home .forge-brand .forge-promise{
  list-style:none !important;margin:26px 0 0 !important;padding:0 !important;
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:12px !important
}
html body #home .forge-promise li{display:flex;align-items:center;gap:12px;margin:0;padding:0}
html body #home .forge-promise .ft{
  font:800 clamp(20px,5.6vw,28px)/1 "Saira",system-ui,sans-serif !important;letter-spacing:-.01em;
  color:#e8680c !important;-webkit-text-fill-color:#e8680c !important;text-shadow:none !important;white-space:nowrap
}
html body #home .forge-promise .inf{font-size:1.1em;color:#e8680c;-webkit-text-fill-color:#e8680c}

/* Home screen only: dark background instead of the brown walnut desk, so the black-and-orange brand stands out.
   Game screens keep their own tables. */
html body.home-fun:has(> #home.on){
  background:radial-gradient(120% 60% at 50% 0%,rgba(232,104,12,.10),transparent 60%),#0d0d10 !important;
  background-attachment:fixed !important
}
html body.home-fun:has(> #home.on)::before{background:radial-gradient(40% 32% at 50% 12%,rgba(232,104,12,.07),transparent 70%) !important}

/* Category tiles: pick a shelf, see only those games. */
html body #home .h-chips.cat-grid{
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important;
  overflow:visible !important;flex-wrap:wrap !important;margin:12px 0 18px !important;padding:0 !important;max-width:none !important
}
@media (min-width:760px){html body #home .h-chips.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media (min-width:1100px){html body #home .h-chips.cat-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important}}
html body #home .h-chip.cat-tile{
  position:relative;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
  gap:6px;min-height:92px !important;padding:12px 6px !important;margin:0 !important;border-radius:16px !important;
  background:linear-gradient(180deg,#17171c,#0c0c10) !important;border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.35) !important;color:#f2f2f2 !important;-webkit-text-fill-color:#f2f2f2 !important;
  font:700 13px/1.15 "Source Sans 3",system-ui,sans-serif !important;letter-spacing:0 !important;text-transform:none !important;
  text-align:center;white-space:normal !important;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease
}
html body #home .h-chip.cat-tile:hover{transform:translateY(-2px);border-color:rgba(232,104,12,.55) !important}
html body #home .h-chip.cat-tile[aria-pressed="true"]{
  background:linear-gradient(180deg,#2a1406,#160a03) !important;border-color:#e8680c !important;
  box-shadow:0 0 0 1px #e8680c inset,0 8px 22px rgba(232,104,12,.25) !important
}
html body #home .cat-tile .cat-i{font-size:28px;line-height:1}
html body #home .cat-tile .cat-l{display:block}
html body #home .cat-tile .cat-n{position:absolute;top:7px;right:9px;font:800 11px/1 "Saira",system-ui,sans-serif;color:#e8680c;-webkit-text-fill-color:#e8680c}

/* Games still being built: dimmed with a Coming soon badge, and not tappable. */
html body #home .cw.soon{position:relative;opacity:.45;filter:grayscale(.6)}
html body #home .cw.soon .card{pointer-events:none !important}
html body #home .cw.soon .pill,html body #home .cw.soon .play-cta,html body #home .cw.soon .pin{display:none !important}
html body #home .cw.soon::after{
  content:"Coming soon";position:absolute;top:10px;right:12px;z-index:3;padding:4px 9px;border-radius:999px;
  background:#e8680c;color:#000;font:800 11px/1 "Saira",system-ui,sans-serif;letter-spacing:.02em
}
html body #home .grid > .cw.soon{order:1}
html body #home #homeTools{background:transparent !important;box-shadow:none !important;border:0 !important}
html body #home #homeSearch,html body #home .h-search{
  background:#141418 !important;color:#f2f2f2 !important;-webkit-text-fill-color:#f2f2f2 !important;
  border:1px solid rgba(255,255,255,.12) !important;border-radius:14px !important;box-shadow:none !important
}
html body #home #homeSearch::placeholder{color:#8a8a92 !important;-webkit-text-fill-color:#8a8a92 !important}
html body #home #homeSearch:focus{border-color:#e8680c !important;outline:none !important}
html body #home #homeTools{position:static !important;top:auto !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;z-index:auto !important}

/* Official infinity identity, responsive to phone widths. */
html body #home .forge-brand .forge-promise{align-items:center!important;gap:8px!important;margin-top:17px!important;text-align:center!important}
html body #home .forge-brand .forge-promise li{width:100%;justify-content:center!important;text-align:center!important}
html body #home .forge-brand .forge-promise .ft.forge-infinite{white-space:normal!important;overflow-wrap:normal;font-size:clamp(15px,4.5vw,30px)!important;line-height:1.25!important;color:#ff8f32!important;-webkit-text-fill-color:#ff8f32!important;max-width:100%}
html body #home .forge-brand .forge-promise .ft.forge-ad-promise{white-space:normal!important;font-size:clamp(12px,3.2vw,18px)!important;color:#e8bd98!important;-webkit-text-fill-color:#e8bd98!important}
@media(max-width:580px){html body #home .forge-brand .forge-title{font-size:clamp(20px,6vw,36px)!important;white-space:normal!important;text-align:center!important;line-height:1.12!important;gap:5px!important}html body #home .brand.forge-brand img.fh-big{width:clamp(28px,8vw,42px)!important;height:clamp(28px,8vw,42px)!important}}