/* =========================================================
   THE BACON BIN — REV274N
   Arcade tuning support, About memory-wall redesign,
   Cart environment vignette. Additive/reversible only.
   ========================================================= */

/* ---------- ARCADE: shared visual polish without changing core mechanics ---------- */
body.arcade-mini-page .bb-mini-stage,
body.arcade-page .bb-arcade-stage{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
body.arcade-mini-page .bb-mini-stage::after,
body.arcade-page .bb-arcade-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 46%,transparent 48%,rgba(0,0,0,.16) 72%,rgba(0,0,0,.54) 100%),
    repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px);
  mix-blend-mode:screen;
  opacity:.52;
}
body.arcade-mini-page .bb-mini-hud,
body.arcade-page .bb-arcade-hud,
body.arcade-mini-page .bb-game-commandbar,
body.arcade-page .bb-game-commandbar{
  position:relative;
  z-index:5;
}
body.arcade-mini-page canvas,
body.arcade-page canvas{
  filter:saturate(1.08) contrast(1.035);
}
body.game-blitz .bb-blitz-stage{
  box-shadow:inset 0 0 70px rgba(65,207,255,.05),inset 0 0 130px rgba(255,63,184,.045),0 26px 80px rgba(0,0,0,.36);
}
body.game-breaker .bb-mini-stage{
  box-shadow:inset 0 0 92px rgba(255,63,184,.055),0 26px 80px rgba(0,0,0,.36);
}
@media(prefers-reduced-motion:reduce){
  body.arcade-mini-page .bb-mini-stage::after,
  body.arcade-page .bb-arcade-stage::after{background:radial-gradient(ellipse at 50% 46%,transparent 48%,rgba(0,0,0,.18) 74%,rgba(0,0,0,.56) 100%)}
}

/* ---------- ABOUT US: cinematic memory-wall concept ---------- */
body.about-page main{
  overflow:hidden;
}
body.about-page .about-origin-hero{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(280px,.88fr) minmax(480px,1.35fr)!important;
  gap:clamp(30px,5vw,86px)!important;
  align-items:center!important;
  width:min(1480px,94vw)!important;
  min-height:clamp(690px,72vw,940px)!important;
  margin:20px auto 0!important;
  padding:clamp(52px,6vw,96px) clamp(14px,2vw,34px)!important;
  isolation:isolate!important;
}
body.about-page .about-origin-hero::before{
  content:"";
  position:absolute;
  inset:4% -8% 0;
  z-index:-2;
  background:
    radial-gradient(circle at 23% 28%,rgba(215,43,59,.12),transparent 30%),
    radial-gradient(circle at 75% 52%,rgba(45,133,173,.10),transparent 35%),
    linear-gradient(180deg,rgba(13,13,16,.26),rgba(3,3,4,.74));
  -webkit-mask-image:radial-gradient(ellipse 80% 92% at 50% 48%,#000 52%,transparent 100%);
  mask-image:radial-gradient(ellipse 80% 92% at 50% 48%,#000 52%,transparent 100%);
}
body.about-page .about-memory-photo{
  position:absolute!important;
  z-index:-1!important;
  pointer-events:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.about-page .about-memory-toy-aisle{
  width:54%!important;
  height:70%!important;
  right:-10%!important;
  left:auto!important;
  top:10%!important;
  opacity:.075!important;
  filter:grayscale(.20) contrast(1.05) brightness(.72)!important;
  -webkit-mask-image:radial-gradient(ellipse 70% 75% at 60% 46%,#000 0 35%,rgba(0,0,0,.6) 62%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 70% 75% at 60% 46%,#000 0 35%,rgba(0,0,0,.6) 62%,transparent 100%)!important;
}
body.about-page .about-memory-computer{
  width:43%!important;
  height:54%!important;
  left:-10%!important;
  right:auto!important;
  top:2%!important;
  opacity:.10!important;
  filter:grayscale(.12) contrast(1.02) brightness(.64)!important;
  -webkit-mask-image:radial-gradient(ellipse 72% 72% at 35% 42%,#000 0 34%,rgba(0,0,0,.55) 64%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 72% 72% at 35% 42%,#000 0 34%,rgba(0,0,0,.55) 64%,transparent 100%)!important;
}
body.about-page .origin-copy{
  position:relative!important;
  z-index:3!important;
  align-self:center!important;
  max-width:600px!important;
  padding:clamp(24px,3vw,44px)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(13,14,17,.80),rgba(7,7,9,.48))!important;
  backdrop-filter:blur(14px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.12)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025)!important;
}
body.about-page .origin-collage{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(12,1fr)!important;
  grid-template-rows:repeat(10,minmax(34px,1fr))!important;
  gap:clamp(8px,1vw,15px)!important;
  width:100%!important;
  min-height:clamp(570px,54vw,760px)!important;
  height:auto!important;
  transform:none!important;
  perspective:none!important;
}
body.about-page .origin-collage figure{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  transform:none!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#08090b!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
  opacity:1!important;
}
body.about-page .origin-collage figure::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 42px rgba(0,0,0,.54),inset 0 -50px 70px rgba(0,0,0,.24);
}
body.about-page .origin-collage figure img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
  filter:saturate(.94) contrast(1.035)!important;
}
body.about-page .origin-family-vignette{
  grid-column:1 / 8!important;
  grid-row:1 / 6!important;
}
body.about-page .origin-family-vignette img{object-position:center 42%!important;}
body.about-page .origin-photo-one{
  grid-column:8 / 13!important;
  grid-row:1 / 5!important;
}
body.about-page .origin-photo-two{
  grid-column:8 / 13!important;
  grid-row:5 / 9!important;
}
body.about-page .origin-photo-cutout{
  grid-column:1 / 8!important;
  grid-row:6 / 11!important;
}
body.about-page .origin-photo-cutout img{object-position:center 32%!important;}
body.about-page .origin-date-stamp{
  position:absolute!important;
  left:clamp(12px,2vw,28px)!important;
  top:auto!important;
  bottom:clamp(14px,2vw,24px)!important;
  z-index:6!important;
  transform:none!important;
  opacity:.88!important;
}
body.about-page .origin-caption{
  position:absolute!important;
  right:clamp(12px,2vw,28px)!important;
  bottom:clamp(14px,2vw,24px)!important;
  z-index:6!important;
  transform:none!important;
  max-width:220px!important;
  padding:10px 13px!important;
  border-radius:9px!important;
  background:rgba(0,0,0,.66)!important;
  backdrop-filter:blur(8px)!important;
}
body.about-page .about-origin-story{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
body.about-page .about-character{
  opacity:.12!important;
  filter:saturate(.82) contrast(1.05)!important;
}
body.about-page .about-character-orko{left:-3.2%!important;transform:rotate(-4deg) scale(.95)!important;}
body.about-page .about-character-heman{right:-2.5%!important;transform:rotate(3deg) scale(.98)!important;}
body.about-page .about-story{
  position:relative!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
@media(max-width:1040px){
  body.about-page .about-origin-hero{grid-template-columns:1fr!important;width:min(920px,94vw)!important;min-height:0!important;gap:28px!important;}
  body.about-page .origin-copy{max-width:none!important;}
  body.about-page .origin-collage{min-height:620px!important;}
  body.about-page .about-memory-photo{opacity:.06!important;}
}
@media(max-width:680px){
  body.about-page .about-origin-hero{width:94vw!important;padding:34px 0 44px!important;}
  body.about-page .origin-copy{padding:24px 20px!important;border-radius:14px!important;}
  body.about-page .origin-collage{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;min-height:0!important;gap:9px!important;}
  body.about-page .origin-collage figure{grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/3!important;border-radius:11px!important;}
  body.about-page .origin-family-vignette{grid-column:1 / 3!important;aspect-ratio:16/10!important;}
  body.about-page .origin-photo-cutout{grid-column:1 / 3!important;aspect-ratio:16/10!important;}
  body.about-page .origin-date-stamp{left:10px!important;bottom:9px!important;font-size:20px!important;}
  body.about-page .origin-caption{right:10px!important;bottom:9px!important;font-size:8px!important;max-width:150px!important;}
}

/* ---------- CART: center the environment and feather all edges ---------- */
body.cart-page{
  background:#050505!important;
}
body.cart-page::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  right:auto!important;
  top:20px!important;
  width:min(1600px,100vw)!important;
  height:clamp(560px,68vw,900px)!important;
  transform:translateX(-50%)!important;
  background-image:url("images/cart-static-background.webp")!important;
  background-repeat:no-repeat!important;
  background-position:center 34%!important;
  background-size:cover!important;
  opacity:.52!important;
  filter:brightness(.82) saturate(1.10) contrast(1.06)!important;
  pointer-events:none!important;
  -webkit-mask-image:radial-gradient(ellipse 74% 72% at 50% 42%,#000 0 35%,rgba(0,0,0,.90) 48%,rgba(0,0,0,.58) 66%,rgba(0,0,0,.20) 82%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 74% 72% at 50% 42%,#000 0 35%,rgba(0,0,0,.90) 48%,rgba(0,0,0,.58) 66%,rgba(0,0,0,.20) 82%,transparent 100%)!important;
}
body.cart-page::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:clamp(610px,72vw,980px)!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(5,5,5,.10) 0%,rgba(5,5,5,.03) 24%,rgba(5,5,5,.18) 60%,#050505 96%),
    linear-gradient(90deg,#050505 0%,rgba(5,5,5,.72) 4%,rgba(5,5,5,.10) 19%,rgba(5,5,5,.10) 81%,rgba(5,5,5,.72) 96%,#050505 100%),
    radial-gradient(ellipse 76% 63% at 50% 42%,transparent 32%,rgba(0,0,0,.18) 61%,rgba(0,0,0,.66) 100%)!important;
}
body.cart-page .bb-unified-page-hero,
body.cart-page .cart-shell,
body.cart-page .cart-upcoming,
body.cart-page .shop-footer{
  position:relative!important;
  z-index:2!important;
}
body.cart-page .cart-main,
body.cart-page .cart-summary{
  background:linear-gradient(145deg,rgba(14,15,18,.72),rgba(7,7,9,.48))!important;
  backdrop-filter:blur(14px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.12)!important;
}
@media(max-width:680px){
  body.cart-page::before{top:12px!important;height:520px!important;width:100vw!important;background-position:center top!important;opacity:.38!important;}
  body.cart-page::after{height:590px!important;}
}