/* ===== rev272f.css ===== */
/* =========================================================
   Rev272F — iPhone stability + restrained page titles + lightbox polish
   Cosmetic/performance layer only. Cart / checkout transport is untouched.
   ========================================================= */

/* ---------------------------------------------------------
   1. INFO / UTILITY PAGE TITLES
   Keep Account, Policies, FAQ, Cart, etc. from feeling oversized
   or crowding the first content panel.
   --------------------------------------------------------- */
body:not(.arcade-mini-page) .bb-info-shell > h1,
body:not(.arcade-mini-page) .bb-contact-shell > h1,
body.cart-page .cart-main h1,
body.cart-page .cart-shell h1{
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow","Segoe UI",Arial,sans-serif!important;
  font-size:clamp(36px,4.15vw,58px)!important;
  font-weight:720!important;
  line-height:.94!important;
  letter-spacing:.018em!important;
  text-transform:uppercase!important;
  margin-top:4px!important;
  margin-bottom:34px!important;
}
body:not(.arcade-mini-page) .bb-info-shell > .catalog-kicker,
body:not(.arcade-mini-page) .bb-contact-shell > .catalog-kicker{
  margin-bottom:9px!important;
}
.account-page .bb-account-layout,
.account-page .bb-account-dashboard-v2{
  margin-top:0!important;
}

/* ---------------------------------------------------------
   2. PRODUCT IMAGE VIEWER
   Keep the zoom experience as a clean borderless lightbox rather
   than a near-fullscreen slab. The backdrop still isolates the item.
   --------------------------------------------------------- */
.product-page .bb-photo-zoom{
  padding:clamp(18px,4vw,52px)!important;
  background:rgba(0,0,0,.82)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
}
.product-page .bb-photo-zoom__panel{
  width:min(980px,calc(100vw - 72px))!important;
  height:min(780px,calc(100dvh - 84px))!important;
  max-width:980px!important;
  max-height:780px!important;
  border:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#050607!important;
  box-shadow:0 34px 110px rgba(0,0,0,.78),0 0 0 1px rgba(255,255,255,.055)!important;
}
.product-page .bb-photo-zoom__toolbar{
  min-height:50px!important;
  height:50px!important;
  background:#07090b!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
.product-page .bb-photo-zoom__viewport{
  padding:18px!important;
  background:#030405!important;
}

/* ---------------------------------------------------------
   3. PHONE HEADER — deterministic layout for Safari.
   Authenticated avatar stays in the mobile menu, not in the crowded
   top row. Hamburger bars are drawn on the button itself so Safari
   cannot lose three empty child <i> elements.
   --------------------------------------------------------- */
@media(max-width:760px){
  html body .bb-site-header{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    grid-template-rows:64px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:5px!important;
    padding-left:max(10px,env(safe-area-inset-left))!important;
    padding-right:max(10px,env(safe-area-inset-right))!important;
  }
  html body .bb-site-header .shop-brand{
    height:64px!important;
    min-height:64px!important;
    width:min(158px,43vw)!important;
    max-width:158px!important;
  }
  html body .bb-site-header .shop-brand::before{
    width:25px!important;
    min-width:25px!important;
    max-width:25px!important;
    height:25px!important;
    flex-basis:25px!important;
    margin-right:5px!important;
  }
  html body .bb-site-header .shop-brand>img.bb-final-header-logo{
    width:min(126px,34vw)!important;
    max-width:126px!important;
    max-height:43px!important;
    flex-basis:126px!important;
  }
  html body .bb-site-header .shop-tools{
    grid-column:2!important;
    gap:4px!important;
  }
  /* Later account/avatar rules used to override the old mobile hide. */
  html body .bb-site-header .shop-tools .language-picker,
  html body .bb-site-header .shop-tools .bb-wishlist-link,
  html body .bb-site-header .shop-tools .bb-account-shortcut,
  html body .bb-site-header .shop-tools .bb-account-shortcut.bb-account-authenticated,
  html body .bb-site-header .shop-tools .bb-account-shortcut.bb-account-identity{
    display:none!important;
  }
  html body .bb-site-header .shop-tools>button,
  html body .bb-site-header .shop-tools>a{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    flex-basis:34px!important;
  }
  html body .bb-site-header .shop-menu-toggle{
    grid-column:3!important;
    display:block!important;
    position:relative!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:6px!important;
    background:
      linear-gradient(#eee,#eee) center calc(50% - 7px)/20px 1.5px no-repeat,
      linear-gradient(#eee,#eee) center 50%/20px 1.5px no-repeat,
      linear-gradient(#eee,#eee) center calc(50% + 7px)/20px 1.5px no-repeat,
      #090b0e!important;
  }
  html body .bb-site-header .shop-menu-toggle i{display:none!important}
  html body .bb-site-header .bb-site-nav{top:64px!important}
  html body .bb-site-header .bb-site-nav.open{max-height:calc(100dvh - 64px)!important}

  /* iOS Safari gets a lighter compositing path. */
  body.shop-landing-page .universe-hover-video{display:none!important}
  body.shop-landing-page .universe-tile,
  body.shop-landing-page .bb-inventory-browser,
  body.shop-landing-page .product-card,
  body.shop-landing-page .bb-filter-panel,
  body.shop-landing-page .bb-inventory-toolbar{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  body.shop-landing-page .catalog-section{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.shop-landing-page .universe-grid{
    gap:10px!important;
  }

  /* Utility/account pages: tighter, deliberate mobile rhythm. */
  body:not(.arcade-mini-page) .bb-info-shell,
  body:not(.arcade-mini-page) .bb-contact-shell{
    width:100%!important;
    max-width:none!important;
    padding:34px 14px 64px!important;
  }
  body:not(.arcade-mini-page) .bb-info-shell > h1,
  body:not(.arcade-mini-page) .bb-contact-shell > h1,
  body.cart-page .cart-main h1,
  body.cart-page .cart-shell h1{
    font-size:clamp(34px,10.5vw,44px)!important;
    line-height:.94!important;
    margin-bottom:26px!important;
  }
  .account-page .bb-profile-command{
    border-radius:12px!important;
    padding:18px!important;
  }
  .account-page .bb-profile-editor,
  .account-page .bb-account-orders{
    border-radius:12px!important;
  }

  /* Lightbox stays a popup on phones too. */
  .product-page .bb-photo-zoom{padding:14px!important}
  .product-page .bb-photo-zoom__panel{
    width:calc(100vw - 28px)!important;
    height:min(76dvh,650px)!important;
    max-height:76dvh!important;
    border-radius:14px!important;
  }
  .product-page .bb-photo-zoom__viewport{padding:10px!important}
}

/* Load-more button for mobile inventory batching. */
.bb-mobile-inventory-more{
  display:none;
  width:100%;
  min-height:48px;
  margin:18px 0 0;
  border:1px solid rgba(227,58,50,.55);
  border-radius:5px;
  background:#0a0c0f;
  color:#f4f2ee;
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow",sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  cursor:pointer;
}
@media(max-width:820px),(pointer:coarse){
  .bb-mobile-inventory-more[aria-hidden="false"]{display:block}
}

/* Phone menu keeps utilities available after decluttering the top row. */
.bb-mobile-nav-tools .bb-mobile-language-picker{display:none}
@media(max-width:900px){
  .bb-mobile-nav-tools .bb-mobile-language-picker{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    width:100%;min-height:46px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.07);
    color:#a9adb4;font-size:10px;font-weight:800;letter-spacing:.12em;box-sizing:border-box;
  }
  .bb-mobile-nav-tools .bb-mobile-language-picker select{
    min-width:82px;height:34px;padding:0 26px 0 10px;border:1px solid rgba(255,255,255,.12);border-radius:5px;
    background:#090b0e;color:#f3f1ed;font:inherit;
  }
}

/* ===== rev272g.css ===== */
/* =========================================================
   Rev272G — quiet visual cleanup only
   - policy/FAQ glass padding
   - About archival memory placement
   - Shop skeleton-placeholder removal
   - Contact visual refinement
   NO cart / checkout / account / Store API JavaScript changes.
   ========================================================= */

/* ---------------------------------------------------------
   1) POLICY / FAQ PANELS — keep copy off the glass edges.
   --------------------------------------------------------- */
body:not(.arcade-mini-page) .bb-legal-copy{
  box-sizing:border-box!important;
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  padding:clamp(28px,3.2vw,44px)!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    linear-gradient(135deg,rgba(15,17,21,.96),rgba(7,8,10,.96))!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body:not(.arcade-mini-page) .bb-legal-copy h2{
  margin-top:32px!important;
}
body:not(.arcade-mini-page) .bb-legal-copy h2:first-of-type{
  margin-top:20px!important;
}
body:not(.arcade-mini-page) .bb-faq{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  gap:12px!important;
}
body:not(.arcade-mini-page) .bb-faq details{
  box-sizing:border-box!important;
  padding:22px 24px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:linear-gradient(135deg,rgba(15,17,21,.96),rgba(7,8,10,.96))!important;
  box-shadow:0 16px 44px rgba(0,0,0,.20)!important;
}
body:not(.arcade-mini-page) .bb-faq summary{
  padding-right:10px!important;
  line-height:1.35!important;
}
body:not(.arcade-mini-page) .bb-faq p{
  margin:16px 0 0!important;
  padding:0!important;
}
@media(max-width:620px){
  body:not(.arcade-mini-page) .bb-legal-copy{padding:22px 20px!important;border-radius:11px!important}
  body:not(.arcade-mini-page) .bb-faq details{padding:19px 18px!important;border-radius:9px!important}
}

/* ---------------------------------------------------------
   2) ABOUT — move the two supplied archival photos into the
   "How it all started" hero and remove the old feather blob.
   --------------------------------------------------------- */
body.about-page .about-origin-hero{
  overflow:hidden!important;
}
/* Retire the old character-wall pseudo image that read as a feathered blob. */
body.about-page .about-origin-hero::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
/* Retire the previous misplaced copies lower on the About page. */
html body.about-page .about-origin-story::before,
html body.about-page .about-story::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
body.about-page .about-memory-photo{
  position:absolute;
  z-index:0;
  pointer-events:none;
  user-select:none;
  background-repeat:no-repeat;
  filter:contrast(1.05) brightness(.72) saturate(.72);
}
body.about-page .about-memory-toy-aisle{
  left:-5vw;
  bottom:-7%;
  width:min(53vw,900px);
  height:76%;
  background-image:url("images/about/about-bg-toy-aisle-v272.webp");
  background-position:center 47%;
  background-size:cover;
  opacity:.19;
  -webkit-mask-image:radial-gradient(ellipse 73% 73% at 42% 51%,#000 0 43%,rgba(0,0,0,.80) 60%,rgba(0,0,0,.30) 80%,transparent 100%);
  mask-image:radial-gradient(ellipse 73% 73% at 42% 51%,#000 0 43%,rgba(0,0,0,.80) 60%,rgba(0,0,0,.30) 80%,transparent 100%);
}
body.about-page .about-memory-computer{
  right:-3vw;
  top:3%;
  width:min(47vw,790px);
  height:62%;
  background-image:url("images/about/about-bg-computer-memory-v272.webp");
  background-position:42% center;
  background-size:cover;
  opacity:.135;
  filter:contrast(1.03) brightness(.61) saturate(.67);
  -webkit-mask-image:radial-gradient(ellipse 74% 72% at 53% 47%,#000 0 42%,rgba(0,0,0,.75) 61%,rgba(0,0,0,.27) 80%,transparent 100%);
  mask-image:radial-gradient(ellipse 74% 72% at 53% 47%,#000 0 42%,rgba(0,0,0,.75) 61%,rgba(0,0,0,.27) 80%,transparent 100%);
}
/* Keep the story/collage content unquestionably above the environmental photos. */
body.about-page .origin-copy{position:relative!important;z-index:5!important}
body.about-page .origin-collage{position:relative!important;z-index:3!important}
body.about-page .about-origin-story{position:relative!important;z-index:2!important}
@media(max-width:1180px){
  body.about-page .about-memory-toy-aisle{width:74vw;height:58%;left:-15vw;bottom:-5%;opacity:.14}
  body.about-page .about-memory-computer{width:68vw;height:49%;right:-20vw;top:7%;opacity:.105}
}
@media(max-width:680px){
  body.about-page .about-memory-toy-aisle{width:118vw;height:45%;left:-42vw;bottom:-2%;opacity:.09}
  body.about-page .about-memory-computer{background-image:none!important;display:none!important}
}

/* ---------------------------------------------------------
   3) SHOP — those tall blank rectangles are loading skeletons,
   not products. Remove the visual placeholders completely.
   --------------------------------------------------------- */
body.shop-landing-page #bbInventorySkeleton,
body.shop-landing-page .bb-inventory-results .bb-skeleton-grid{
  display:none!important;
}

/* ---------------------------------------------------------
   4) CONTACT — same environmental DNA as the home page, but
   quieter, with a cleaner collector-service console treatment.
   --------------------------------------------------------- */
body.contact-page{
  background:#050506!important;
}
body.contact-page .bb-contact-shell{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  padding-bottom:104px!important;
}
/* Main-page environment, softly vignetted behind contact. */
body.contact-page .bb-contact-shell::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-3!important;
  pointer-events:none!important;
  top:0!important;
  bottom:-30px!important;
  left:50%!important;
  width:100vw!important;
  transform:translateX(-50%)!important;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.72) 19%,rgba(5,5,6,.46) 50%,rgba(5,5,6,.72) 81%,#050506 100%),
    linear-gradient(180deg,#050506 0%,rgba(5,5,6,.18) 18%,rgba(5,5,6,.22) 66%,#050506 100%),
    url("images/home-wall-static-after.webp") center 42%/cover no-repeat!important;
  opacity:.46!important;
}
/* Existing communicator artwork becomes a subtle central signal instead of the whole backdrop. */
body.contact-page .bb-contact-shell::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-2!important;
  pointer-events:none!important;
  left:50%!important;
  top:88px!important;
  width:min(760px,68vw)!important;
  aspect-ratio:1024/877!important;
  transform:translateX(-50%)!important;
  background:url("images/contact/communicate-bg-v247.png") center/contain no-repeat!important;
  opacity:.075!important;
  filter:contrast(1.04) brightness(.76) saturate(.78)!important;
  -webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 48%,#000 0 48%,rgba(0,0,0,.64) 70%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 72% 72% at 50% 48%,#000 0 48%,rgba(0,0,0,.64) 70%,transparent 100%)!important;
}
body.contact-page .bb-contact-shell>.catalog-kicker{
  color:#ed443c!important;
  letter-spacing:.18em!important;
}
body.contact-page .bb-contact-shell>h1{
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow",Arial,sans-serif!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  color:#f5f2ec!important;
}
body.contact-page .bb-contact-layout{
  gap:24px!important;
}
body.contact-page .bb-contact-form-card,
body.contact-page .bb-contact-side>article{
  position:relative!important;
  overflow:hidden!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(225,54,47,.105),transparent 34%),
    linear-gradient(145deg,rgba(15,17,20,.94),rgba(6,7,9,.955))!important;
  box-shadow:0 28px 74px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.028)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
body.contact-page .bb-contact-form-card::after,
body.contact-page .bb-contact-side>article::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(237,68,60,.78) 28%,rgba(237,68,60,.22) 72%,transparent);
  pointer-events:none;
}
body.contact-page .bb-contact-form-card h2,
body.contact-page .bb-contact-side h2{
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow",Arial,sans-serif!important;
  letter-spacing:-.025em!important;
  color:#f5f2ed!important;
}
body.contact-page .bb-contact-form-card>div>p{
  color:#b5b0aa!important;
  max-width:670px!important;
}
body.contact-page .bb-contact-form input,
body.contact-page .bb-contact-form select,
body.contact-page .bb-contact-form textarea{
  border-radius:8px!important;
  border-color:rgba(255,255,255,.11)!important;
  background:rgba(7,9,12,.88)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
body.contact-page .bb-contact-form input:focus,
body.contact-page .bb-contact-form select:focus,
body.contact-page .bb-contact-form textarea:focus{
  border-color:rgba(235,64,56,.78)!important;
  box-shadow:0 0 0 3px rgba(224,58,51,.10),0 10px 30px rgba(0,0,0,.18)!important;
}
body.contact-page .bb-contact-submit{
  min-height:52px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,112,102,.46)!important;
  background:linear-gradient(180deg,#e13b34,#b92724)!important;
  box-shadow:0 12px 32px rgba(196,39,34,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
body.contact-page .bb-contact-submit:hover,
body.contact-page .bb-contact-submit:focus-visible{
  background:linear-gradient(180deg,#f04a42,#ca302a)!important;
  transform:translateY(-1px)!important;
}
body.contact-page .bb-contact-location{
  background:
    radial-gradient(circle at 100% 0%,rgba(230,58,51,.12),transparent 38%),
    linear-gradient(145deg,rgba(15,17,20,.95),rgba(6,7,9,.96))!important;
}
body.contact-page .bb-contact-tip i{
  border-radius:10px!important;
  box-shadow:0 0 24px rgba(223,70,63,.10)!important;
}
@media(max-width:900px){
  body.contact-page .bb-contact-shell::after{opacity:.34!important;background-position:52% 38%!important}
  body.contact-page .bb-contact-shell::before{width:min(820px,96vw)!important;opacity:.055!important}
}
@media(max-width:620px){
  body.contact-page .bb-contact-shell{padding-bottom:78px!important}
  body.contact-page .bb-contact-shell::after{opacity:.24!important;background-position:55% 34%!important}
  body.contact-page .bb-contact-shell::before{display:none!important}
  body.contact-page .bb-contact-form-card,
  body.contact-page .bb-contact-side>article{border-radius:12px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* ===== rev272h.css ===== */
/* =========================================================
   Rev272H — safe visual continuity + Arcade circuitry + security UI
   No cart / checkout transport rules live in this file.
   ========================================================= */

:root{
  --bb-glass-radius:14px;
  --bb-glass-border:rgba(255,255,255,.085);
  --bb-glass-bg:linear-gradient(145deg,rgba(15,17,20,.93),rgba(6,7,9,.95));
  --bb-glass-shadow:0 24px 66px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);
}

/* ---------------------------------------------------------
   SAFE SITEWIDE GLASS POLISH
   Existing layout/geometry is retained; this only softens surfaces.
   --------------------------------------------------------- */
body:not(.arcade-mini-page) :is(
  .bb-legal-copy,
  .bb-faq details,
  .bb-account-card,
  .bb-profile-command,
  .bb-profile-editor,
  .bb-account-orders,
  .bb-collector-panel,
  .bb-product-journal .bb-journal-panel,
  .cart-summary,
  .cart-item,
  .wishlist-card,
  .bb-mini-product,
  .merch-card,
  .category-products .product-card,
  .catalog-section .product-card
){
  border-radius:var(--bb-glass-radius)!important;
}
body:not(.arcade-mini-page) :is(
  .bb-legal-copy,
  .bb-account-card,
  .bb-profile-command,
  .bb-profile-editor,
  .bb-account-orders,
  .bb-product-journal .bb-journal-panel
){
  border-color:var(--bb-glass-border)!important;
  background:var(--bb-glass-bg)!important;
  box-shadow:var(--bb-glass-shadow)!important;
}
body:not(.arcade-mini-page) .product-card,
body:not(.arcade-mini-page) .cart-item,
body:not(.arcade-mini-page) .wishlist-card,
body:not(.arcade-mini-page) .bb-mini-product,
body:not(.arcade-mini-page) .merch-card{
  overflow:hidden;
}

/* Category search gets a clear active/focus treatment. */
body.category-page .catalog-search{
  border-radius:11px!important;
  overflow:hidden!important;
  background:rgba(10,12,15,.90)!important;
  border-color:rgba(255,255,255,.095)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.16)!important;
}
body.category-page .catalog-search:focus-within{
  border-color:rgba(232,63,56,.72)!important;
  box-shadow:0 0 0 3px rgba(224,58,51,.09),0 16px 36px rgba(0,0,0,.22)!important;
}
body.category-page .catalog-empty{
  padding:20px 0;color:#9fa3aa;
}

/* ---------------------------------------------------------
   CONTACT — approved site header logo inside the location card.
   --------------------------------------------------------- */
body.contact-page .bb-contact-location .bb-location-brand{
  display:block;
  width:min(310px,100%);
  height:auto;
  margin:2px 0 18px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.42));
}
body.contact-page .bb-contact-location address{
  margin-top:4px;
}

/* Turnstile/security area follows Bacon Bin glass language. */
.bb-security-challenge{
  display:none;
  min-height:0;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(5,7,10,.74);
}
.bb-security-challenge.is-ready{display:block}
.bb-security-challenge .cf-turnstile{min-height:65px}
.bb-security-note{margin:6px 0 0;color:#777d86;font-size:9px;line-height:1.45;letter-spacing:.02em}

/* ---------------------------------------------------------
   ARCADE — circuitry only behind the EXISTING approved logo.
   The asset itself contains no generated Arcade logo artwork.
   --------------------------------------------------------- */
body.arcade-hub-page .bb-arcade-poster-main::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.02) 24%,rgba(0,0,0,.18) 48%,rgba(0,0,0,.72) 72%,#000 100%),
    url("images/arcade-rev272h/arcade-circuit-ceiling-v272h.webp") center top/2000px auto no-repeat!important;
  opacity:.74!important;
}
body.arcade-hub-page .bb-arcade-page-logo{
  position:relative!important;
  z-index:12!important;
}
body.arcade-hub-page .bb-arcade-poster{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:900px){
  body.arcade-hub-page .bb-arcade-poster-main::after{
    background-size:1450px auto!important;
    background-position:center top!important;
    opacity:.60!important;
  }
}
@media(max-width:520px){
  body.arcade-hub-page .bb-arcade-poster-main::after{
    background-size:1120px auto!important;
    background-position:center top!important;
    opacity:.50!important;
  }
}

/* Slightly more deliberate rounded/glass continuity on informational pages. */
body.info-page .bb-info-shell :is(.bb-legal-copy,.bb-faq details),
body.contact-page .bb-contact-form-card,
body.contact-page .bb-contact-side>article{
  border-radius:16px!important;
}

@media(max-width:680px){
  :root{--bb-glass-radius:11px}
  body.contact-page .bb-contact-location .bb-location-brand{width:min(270px,92%)}
  body.info-page .bb-info-shell :is(.bb-legal-copy,.bb-faq details),
  body.contact-page .bb-contact-form-card,
  body.contact-page .bb-contact-side>article{border-radius:12px!important}
}

/* ===== rev272s.css ===== */
/* =========================================================
   Rev272S — Utility-page visual normalization
   VISUAL ONLY. No cart/session/checkout transport/payment JS.
   ========================================================= */

/* Retire the temporary character montage completely. */
.home-character-montage-v272r{display:none!important}

/* ---------- Shared utility/footer-page canvas ---------- */
body.info-page,
body.account-page,
body.newsletter-page,
body.wishlist-page{
  position:relative!important;
  isolation:isolate!important;
  overflow-x:hidden!important;
  background:#050506!important;
}

/* One large, soft environmental image with no rectangular hard edge. */
body.info-page::before,
body.account-page::before,
body.newsletter-page::before,
body.wishlist-page::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  pointer-events:none!important;
  top:78px!important;
  left:50%!important;
  width:min(1600px,100vw)!important;
  height:clamp(680px,72vw,980px)!important;
  transform:translateX(-50%)!important;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.26) 12%,rgba(5,5,6,.06) 50%,rgba(5,5,6,.26) 88%,#050506 100%),
    url("images/home-wall-static-after.webp") center 26%/cover no-repeat!important;
  opacity:.30!important;
  filter:saturate(.82) brightness(.67) contrast(1.045)!important;
  -webkit-mask-image:radial-gradient(ellipse 96% 82% at 50% 34%,#000 0 48%,rgba(0,0,0,.95) 58%,rgba(0,0,0,.72) 71%,rgba(0,0,0,.34) 84%,rgba(0,0,0,.10) 93%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 96% 82% at 50% 34%,#000 0 48%,rgba(0,0,0,.95) 58%,rgba(0,0,0,.72) 71%,rgba(0,0,0,.34) 84%,rgba(0,0,0,.10) 93%,transparent 100%)!important;
}

/* The old glass pass made the entire main shell read as a dark rectangle.
   Strip that shell surface and let only the real content cards float. */
body.info-page .bb-info-shell,
body.account-page .bb-info-shell,
body.newsletter-page .bb-info-shell,
body.contact-page .bb-info-shell{
  width:min(1360px,94vw)!important;
  margin:0 auto!important;
  padding:clamp(82px,7vw,112px) clamp(42px,5vw,76px) clamp(82px,8vw,126px)!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.info-page .bb-info-shell::before,
body.account-page .bb-info-shell::before,
body.newsletter-page .bb-info-shell::before,
body.contact-page .bb-info-shell::before,
body.info-page .bb-info-shell::after,
body.account-page .bb-info-shell::after,
body.newsletter-page .bb-info-shell::after,
body.contact-page .bb-info-shell::after{display:none!important}

/* Identical title treatment across FAQ, Returns, Shipping, Policies,
   Account, Email Preferences, Contact, etc. */
body.info-page .bb-info-shell>.catalog-kicker,
body.account-page .bb-info-shell>.catalog-kicker,
body.newsletter-page .bb-info-shell>.catalog-kicker,
body.contact-page .bb-info-shell>.catalog-kicker{
  display:block!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#e43d36!important;
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.20em!important;
  line-height:1.2!important;
}
body.info-page .bb-info-shell>h1,
body.account-page .bb-info-shell>h1,
body.newsletter-page .bb-info-shell>h1,
body.contact-page .bb-info-shell>h1{
  margin:0 0 clamp(42px,4.5vw,64px)!important;
  padding:0!important;
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow",Arial,sans-serif!important;
  font-size:clamp(50px,5vw,76px)!important;
  font-weight:720!important;
  font-style:normal!important;
  text-transform:uppercase!important;
  letter-spacing:-.045em!important;
  line-height:.92!important;
  color:#f5f2ec!important;
  -webkit-text-fill-color:#f5f2ec!important;
  text-shadow:0 14px 40px rgba(0,0,0,.48)!important;
}
body.info-page .bb-info-shell>h1::after,
body.account-page .bb-info-shell>h1::after,
body.newsletter-page .bb-info-shell>h1::after,
body.contact-page .bb-info-shell>h1::after{
  content:""!important;
  display:block!important;
  width:76px!important;
  height:3px!important;
  margin-top:18px!important;
  background:linear-gradient(90deg,#e43d36,rgba(228,61,54,0))!important;
  box-shadow:0 0 18px rgba(228,61,54,.22)!important;
}

/* Preserve the sexy glass on actual content cards, but keep it subtle and consistent. */
body.info-page .bb-legal-copy,
body.info-page .bb-faq details,
body.contact-page :is(.bb-contact-card,.bb-contact-location,.bb-contact-tip),
body.account-page :is(.bb-account-card,.bb-profile-command,.bb-profile-editor,.bb-avatar-picker-panel,.bb-collector-journal,.bb-account-orders),
body.newsletter-page .bb-preference-card,
body.wishlist-page :is(.wishlist-empty,.wishlist-card){
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 94% 4%,rgba(223,52,46,.075),transparent 34%),
    linear-gradient(145deg,rgba(13,15,18,.88),rgba(6,7,9,.93))!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
body.info-page .bb-legal-copy{border-radius:18px!important;padding:clamp(30px,4vw,48px)!important}
body.info-page .bb-faq{display:grid!important;gap:14px!important}
body.info-page .bb-faq details{border-radius:14px!important;margin:0!important}

/* Wishlist gets the same page spacing without turning the entire section into a slab. */
body.wishlist-page main{position:relative!important;z-index:1!important}
body.wishlist-page .catalog-section.wishlist-section{
  width:min(1360px,94vw)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:clamp(82px,7vw,112px) clamp(42px,5vw,76px) clamp(82px,8vw,126px)!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.wishlist-page .catalog-heading{margin:0 0 clamp(42px,4.5vw,64px)!important}
body.wishlist-page .catalog-heading .catalog-kicker{color:#e43d36!important;font-size:10px!important;font-weight:800!important;letter-spacing:.20em!important}
body.wishlist-page .catalog-heading h2{
  margin:8px 0 0!important;
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow",Arial,sans-serif!important;
  font-size:clamp(50px,5vw,76px)!important;
  font-weight:720!important;
  text-transform:uppercase!important;
  letter-spacing:-.045em!important;
  line-height:.92!important;
  color:#f5f2ec!important;
}
body.wishlist-page .catalog-heading h2::after{content:""!important;display:block!important;width:76px!important;height:3px!important;margin-top:18px!important;background:linear-gradient(90deg,#e43d36,rgba(228,61,54,0))!important}

@media(max-width:760px){
  body.info-page::before,body.account-page::before,body.newsletter-page::before,body.wishlist-page::before{
    top:70px!important;height:720px!important;width:118vw!important;opacity:.26!important;background-position:center 20%!important;
    -webkit-mask-image:radial-gradient(ellipse 104% 80% at 50% 30%,#000 0 44%,rgba(0,0,0,.86) 60%,rgba(0,0,0,.48) 77%,rgba(0,0,0,.13) 91%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 104% 80% at 50% 30%,#000 0 44%,rgba(0,0,0,.86) 60%,rgba(0,0,0,.48) 77%,rgba(0,0,0,.13) 91%,transparent 100%)!important;
  }
  body.info-page .bb-info-shell,
  body.account-page .bb-info-shell,
  body.newsletter-page .bb-info-shell,
  body.contact-page .bb-info-shell,
  body.wishlist-page .catalog-section.wishlist-section{
    width:min(100%,94vw)!important;
    padding:64px 22px 84px!important;
  }
  body.info-page .bb-info-shell>h1,
  body.account-page .bb-info-shell>h1,
  body.newsletter-page .bb-info-shell>h1,
  body.contact-page .bb-info-shell>h1,
  body.wishlist-page .catalog-heading h2{font-size:clamp(44px,14vw,62px)!important;margin-bottom:38px!important}
}