/* Rev173 — restore CRT preview/live layers, pixel Bat Pig boot screen, repaired cabinet deck-side edges. */
.arcade-hub-page{
  background:#000!important;
  overflow-x:hidden;
  position:relative;
}
/* Slightly defocused room depth; foreground title/cabinet/cartridges remain untouched and sharp. */
.arcade-hub-page::before{
  content:"";position:fixed;inset:-4px;z-index:0;pointer-events:none;
  background:#000 url('images/arcade-rev172/arcade-room-user-soft-v172.webp') center center/cover no-repeat;
}
.arcade-hub-page>.bb-site-header,.arcade-hub-page>.bb-arcade-poster-main,.arcade-hub-page>.bb-social-dock-shell,.arcade-hub-page>.shop-footer,.arcade-hub-page>.bb-night-drive-jukebox{position:relative;z-index:1}
.bb-arcade-poster-main{
  position:relative;width:100%;max-width:none!important;margin:0!important;padding:0 0 18px!important;
  background:transparent!important;overflow:hidden;isolation:isolate;
}
/* Keep the new room visible while giving the title/cabinet enough local contrast. */
.bb-arcade-poster-main::before{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.38) 0,rgba(0,0,0,.10) 15%,rgba(0,0,0,.03) 56%,rgba(0,0,0,.28) 100%),
    radial-gradient(ellipse at 50% 38%,rgba(0,0,0,.02) 0 38%,rgba(0,0,0,.14) 78%,rgba(0,0,0,.30) 100%);
}
.bb-arcade-poster{
  position:relative;width:min(1120px,100vw);aspect-ratio:2/3;margin:0 auto;background:transparent;
  isolation:isolate;overflow:visible;z-index:2;
}
/* Cabinet/title are one crisp transparent foreground. The monitor itself is a real alpha hole. */
.bb-arcade-poster-art{
  position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;user-select:none;-webkit-user-drag:none;
  z-index:5;pointer-events:none;filter:none!important;image-rendering:auto;
}

/* Exact inner glass opening measured from the 2048×3072 cabinet master. */
.bb-poster-screen{
  position:absolute;left:29.4922%;top:30.5664%;width:41.1621%;height:21.5820%;
  z-index:3;overflow:hidden;border-radius:1.35%;background:#000;box-shadow:0 0 0 6px #000;
}
.bb-poster-screen-boot,.bb-poster-screen-preview,.bb-poster-screen-idle,.bb-poster-screen iframe,.bb-poster-crt{position:absolute;inset:0}

.bb-poster-screen-boot{z-index:4;background:#02030c;display:none;overflow:hidden}
.bb-poster-screen-boot img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}
.bb-poster-screen.is-boot .bb-poster-screen-boot{display:block}
.bb-poster-screen.is-boot .bb-poster-screen-preview,.bb-poster-screen.is-boot .bb-poster-screen-idle{display:none}
.bb-poster-screen iframe[hidden]{display:none!important}
.bb-poster-screen-preview{
  z-index:1;background-size:cover;background-position:center;opacity:1;
  transition:opacity .18s ease,filter .18s ease;filter:saturate(1.08) contrast(1.07) brightness(.86);
}
.bb-poster-screen-idle{
  z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;
  padding:10% 8% 6%;background:linear-gradient(180deg,transparent 0 64%,rgba(0,0,0,.12) 79%,rgba(0,0,0,.52) 100%);
}
.bb-poster-screen-idle strong{display:none!important}
.bb-poster-screen-idle button{
  width:31%;height:13%;min-height:38px;border-radius:7px;color:#fff;
  background:linear-gradient(180deg,rgba(255,63,193,.96),rgba(152,16,139,.96));
  border:1px solid rgba(255,163,238,.94);box-shadow:0 0 20px rgba(255,39,199,.56);
  cursor:pointer;font:900 clamp(14px,1.25vw,22px)/1 Arial,sans-serif;letter-spacing:.06em;
}
.bb-poster-screen-idle button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.bb-poster-screen[data-game="shelf"] .bb-poster-screen-preview{background-image:url('images/arcade-rev169/preview-shelf.webp')}
.bb-poster-screen[data-game="breaker"] .bb-poster-screen-preview{background-image:url('images/arcade-rev169/preview-breaker.webp')}
.bb-poster-screen[data-game="stack"] .bb-poster-screen-preview{background-image:url('images/arcade-rev169/preview-stack.webp')}
.bb-poster-screen[data-game="match"] .bb-poster-screen-preview{background-image:url('images/arcade-rev169/preview-match.webp')}
.bb-poster-screen[data-game="maze"] .bb-poster-screen-preview{background-image:url('images/arcade-rev169/preview-maze.webp')}
.bb-poster-screen[data-game="rpg"] .bb-poster-screen-preview{background-image:url('images/arcade-rev169/preview-rpg.webp')}
.bb-poster-screen iframe{
  z-index:5;border:0;width:980px;height:777px;transform-origin:top left;background:#000;overflow:hidden;display:block;
}
.bb-poster-screen.is-live .bb-poster-screen-preview,.bb-poster-screen.is-live .bb-poster-screen-idle{display:none}
.bb-poster-crt{
  z-index:7;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px);
  mix-blend-mode:screen;opacity:.28;
}

/* Six transparent cartridges — clean cutouts, no panel canvas. */
.bb-poster-card{
  position:absolute;z-index:7;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;
  padding:0;cursor:pointer;aspect-ratio:1161/842;transform-origin:center;
  transition:transform .16s ease,filter .16s ease;
}
.bb-poster-card::after{display:none!important}
/* Lighting spill follows the supplied room and the cabinet rim: warm/magenta left, cool/cyan right. */
.bb-card-shelf,.bb-card-breaker,.bb-card-stack{
  filter:brightness(1.02) drop-shadow(-8px 8px 14px rgba(53,139,255,.18)) drop-shadow(8px 0 13px rgba(255,54,173,.24));
}
.bb-card-maze,.bb-card-match,.bb-card-rpg{
  filter:brightness(1.02) drop-shadow(8px 8px 14px rgba(255,52,161,.18)) drop-shadow(-7px 0 12px rgba(31,211,255,.24));
}
.bb-poster-card:hover,.bb-poster-card:focus-visible{transform:translateY(-3px) scale(1.022);outline:none}
.bb-card-shelf:hover,.bb-card-breaker:hover,.bb-card-stack:hover,
.bb-card-shelf:focus-visible,.bb-card-breaker:focus-visible,.bb-card-stack:focus-visible{
  filter:brightness(1.08) drop-shadow(-9px 9px 18px rgba(53,139,255,.28)) drop-shadow(8px 0 16px rgba(255,54,173,.44));
}
.bb-card-maze:hover,.bb-card-match:hover,.bb-card-rpg:hover,
.bb-card-maze:focus-visible,.bb-card-match:focus-visible,.bb-card-rpg:focus-visible{
  filter:brightness(1.08) drop-shadow(9px 9px 18px rgba(255,52,161,.28)) drop-shadow(-7px 0 15px rgba(31,211,255,.44));
}
.bb-poster-card.is-active{transform:scale(1.025)}
.bb-poster-card.is-active:hover,.bb-poster-card.is-active:focus-visible{transform:translateY(-3px) scale(1.022)}
.bb-card-shelf{left:.7%;top:23.0%;width:19.2%;height:9.28%;background-image:url('images/arcade-rev171/cartridge-shelf-v171.png')}
.bb-card-breaker{left:.7%;top:39.0%;width:19.2%;height:9.28%;background-image:url('images/arcade-rev171/cartridge-breaker-v171.png')}
.bb-card-stack{left:.7%;top:55.0%;width:19.2%;height:9.28%;background-image:url('images/arcade-rev171/cartridge-stack-v171.png')}
.bb-card-maze{left:80.1%;top:23.0%;width:19.2%;height:9.28%;background-image:url('images/arcade-rev171/cartridge-maze-v171.png')}
.bb-card-match{left:80.1%;top:39.0%;width:19.2%;height:9.28%;background-image:url('images/arcade-rev171/cartridge-match-v171.png')}
.bb-card-rpg{left:80.1%;top:55.0%;width:19.2%;height:9.28%;background-image:url('images/arcade-rev171/cartridge-rpg-v171.png')}

/* Physical cabinet controls are illustration only in Rev171. No hotspots or press artifacts. */
.bb-poster-controls,.bb-machine-btn,.bb-machine-joystick{display:none!important}

.bb-arcade-note{display:none!important}
.arcade-hub-page .shop-footer{
  position:relative;z-index:20;margin-top:0!important;padding:27px 25px!important;
  background:linear-gradient(180deg,#0c0810 0%,#030304 58%,#000 100%)!important;color:#f2edf7!important;
  border-top:1px solid rgba(203,75,255,.48);box-shadow:0 -18px 46px rgba(0,0,0,.78),inset 0 1px 0 rgba(73,215,255,.09);opacity:1!important;
}
.arcade-hub-page .shop-footer span{color:#f2edf7!important;opacity:1!important;text-shadow:0 0 12px rgba(190,74,255,.12)}

@media(max-width:900px){
  .arcade-hub-page{background-attachment:scroll!important;background-position:center top!important}
  .bb-arcade-poster{width:100vw}
}
@media(prefers-reduced-motion:reduce){.bb-poster-card{transition:none!important}}

/* Rev173 — subtle page entrance. Pure opacity only; no geometry/layout changes. */
@keyframes bbArcadePageFadeIn{from{opacity:0}to{opacity:1}}
body.arcade-hub-page{animation:bbArcadePageFadeIn .72s ease-out both}
@media(prefers-reduced-motion:reduce){body.arcade-hub-page{animation:none!important}}

/* Rev174 — footer cleanup + consistent cabinet title-card fill. */
.arcade-hub-page .shop-footer{clear:both!important;width:100%!important;min-height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;position:relative!important;z-index:30!important;margin:0!important;padding:25px clamp(22px,5vw,78px)!important;background:linear-gradient(180deg,#0b0710,#020203 68%,#000)!important;border-top:1px solid rgba(201,72,255,.42)!important;color:#f4eef8!important;opacity:1!important}
.arcade-hub-page .shop-footer span{display:block!important;color:#f4eef8!important;opacity:1!important}
.bb-poster-screen:not([data-game="shelf"]) .bb-poster-screen-preview{background-size:145% auto!important;background-position:center 13%!important;background-repeat:no-repeat!important;background-color:#050407!important}
.bb-poster-screen[data-game="shelf"] .bb-poster-screen-preview{background-size:cover!important;background-position:center!important}


/* Rev175 — anchored room, restored cabinet control legend, rich footer. */
.arcade-hub-page::before{
  top:84px!important;bottom:0!important;left:-4px!important;right:-4px!important;inset:84px -4px 0 -4px!important;
  background-position:center 42%!important;
  background-attachment:fixed!important;
}
.bb-arcade-poster-main{overflow:visible!important}
.bb-arcade-control-strip{
  position:absolute;z-index:18;left:50%;bottom:1.35%;transform:translateX(-50%);
  width:min(72%,820px);min-height:58px;padding:10px 18px;
  display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;
  color:#dce6f4;background:linear-gradient(180deg,rgba(7,8,16,.94),rgba(2,3,8,.97));
  border:1px solid rgba(111,190,255,.23);box-shadow:0 13px 36px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(8px);font:700 9px/1 Arial,sans-serif;letter-spacing:.8px;
}
.bb-control-label,.bb-key-cluster,.bb-abc{display:flex;align-items:center;gap:7px;white-space:nowrap}
.bb-control-label i{font-size:18px;color:#65cfff}.bb-control-label b{font-size:8px;letter-spacing:1.25px;color:#aebbd0}
.bb-key-cluster kbd{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:4px;border:1px solid rgba(255,255,255,.23);background:#101522;color:#f8fbff;box-shadow:inset 0 -2px 0 rgba(0,0,0,.6);font:800 9px Arial}
.bb-key-cluster em{font-style:normal;color:#7f8ca4;font-size:7px;letter-spacing:.85px}
.bb-control-gamepad{margin-left:3px}.bb-control-gamepad i{color:#a989ff}.bb-abc i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;color:#050505;font:900 9px Arial;box-shadow:0 0 13px currentColor}.bb-abc i:nth-child(1){background:#ffd23f;color:#ffd23f}.bb-abc i:nth-child(2){background:#e6385d;color:#e6385d}.bb-abc i:nth-child(3){background:#288cff;color:#288cff}.bb-abc i{ text-shadow:0 0 0 #050505 }
.arcade-hub-page .bb-arcade-footer{
  min-height:82px!important;padding:22px clamp(24px,5vw,82px)!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:24px!important;
  background:linear-gradient(180deg,#0b0711 0%,#040307 52%,#000 100%)!important;border-top:1px solid rgba(217,65,255,.5)!important;box-shadow:0 -14px 40px rgba(0,0,0,.74)!important;
}
.arcade-hub-page .bb-arcade-footer>span:last-child{text-align:right!important}
.bb-arcade-footer nav{display:flex;align-items:center;justify-content:center;gap:20px}.bb-arcade-footer a{color:#aaa4b4;text-decoration:none;font:800 8px Arial;letter-spacing:1px}.bb-arcade-footer a:hover,.bb-arcade-footer a:focus-visible{color:#fff}
@media(max-width:860px){.bb-arcade-control-strip{width:92%;gap:9px;padding:8px}.bb-arcade-footer{grid-template-columns:1fr!important;text-align:center!important}.arcade-hub-page .bb-arcade-footer>span:last-child{text-align:center!important}.bb-arcade-footer nav{flex-wrap:wrap}}


/* Rev176 — planted room/cabinet scene, restored footer/control bar, replacement action cartridge, CRT perspective fit. */
/* The room is attached to the Arcade content now, not the viewport: no parallax/floating cabinet effect. */
.arcade-hub-page::before{display:none!important}
.bb-arcade-poster-main{
  background:#020208 url('images/arcade-rev172/arcade-room-user-soft-v172.webp') center 0/cover no-repeat!important;
  background-attachment:scroll!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
.bb-arcade-poster-main::before{
  position:absolute!important;inset:0!important;z-index:0!important;
  background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.02) 26%,rgba(0,0,0,.04) 70%,rgba(0,0,0,.48) 100%)!important;
}
.bb-arcade-poster{z-index:2!important}
/* The generated CRT bezel has a subtle perspective/chamfer; clip the live display to the same geometry. */
.bb-poster-screen{
  clip-path:polygon(.85% 0,99.15% 0,100% 1.65%,100% 98.35%,99.15% 100%,.85% 100%,0 98.35%,0 1.65%)!important;
  border-radius:0!important;box-shadow:0 0 0 7px #000!important;
}
.bb-poster-screen iframe{clip-path:inherit!important}
.bb-poster-screen[data-game="blitz"] .bb-poster-screen-preview{background-image:url('images/arcade-rev176/preview-blitz-v176.webp')!important;background-size:cover!important;background-position:center!important}
.bb-card-blitz{left:80.1%;top:55.0%;width:19.2%;height:9.28%;background-image:url('images/arcade-rev176/cartridge-blitz-v176.png')}
.bb-card-maze,.bb-card-match,.bb-card-blitz{filter:brightness(1.02) drop-shadow(8px 8px 14px rgba(255,52,161,.18)) drop-shadow(-7px 0 12px rgba(31,211,255,.24))}
.bb-card-maze:hover,.bb-card-match:hover,.bb-card-blitz:hover,.bb-card-maze:focus-visible,.bb-card-match:focus-visible,.bb-card-blitz:focus-visible{filter:brightness(1.08) drop-shadow(9px 9px 18px rgba(255,52,161,.28)) drop-shadow(-7px 0 15px rgba(31,211,255,.44))}
.bb-card-rpg{display:none!important}
/* The control legend is a real bar below the cabinet, not buried inside the tall poster. */
.bb-arcade-control-strip{
  position:relative!important;z-index:18!important;left:auto!important;bottom:auto!important;transform:none!important;
  width:min(84%,940px)!important;margin:-6px auto 18px!important;min-height:58px!important;
  background:linear-gradient(180deg,rgba(8,9,19,.98),rgba(2,3,8,.99))!important;
  border:1px solid rgba(111,190,255,.30)!important;border-top-color:rgba(234,67,255,.34)!important;
  box-shadow:0 13px 38px rgba(0,0,0,.66),inset 0 1px rgba(255,255,255,.055)!important;
}
/* Footer is an unmistakable final page section and no longer disappears behind the scene. */
.arcade-hub-page .bb-social-dock-shell{position:relative!important;z-index:31!important;margin:12px auto 0!important;padding:12px 0!important;background:#020203!important}
.arcade-hub-page .bb-arcade-footer{
  position:relative!important;z-index:32!important;clear:both!important;width:100%!important;min-height:92px!important;margin:0!important;
  display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:26px!important;
  padding:24px clamp(28px,5vw,86px)!important;background:linear-gradient(180deg,#100817 0%,#050307 45%,#000 100%)!important;
  border-top:1px solid rgba(225,71,255,.58)!important;box-shadow:0 -16px 48px rgba(0,0,0,.84),inset 0 1px rgba(62,211,255,.08)!important;
  color:#f7f1fa!important;opacity:1!important;
}
.arcade-hub-page .bb-arcade-footer span{color:#f7f1fa!important;opacity:1!important}
@media(max-width:860px){.bb-arcade-control-strip{width:94%!important;margin-top:0!important}.arcade-hub-page .bb-arcade-footer{grid-template-columns:1fr!important;text-align:center!important}.arcade-hub-page .bb-arcade-footer>span:last-child{text-align:center!important}}

/* =========================================================
   Rev177 — tiny CRT top-edge correction + slightly darker room.
   Geometry/design otherwise untouched.
   ========================================================= */
.bb-arcade-poster-main::before{
  background:linear-gradient(180deg,rgba(0,0,0,.31),rgba(0,0,0,.055) 26%,rgba(0,0,0,.075) 70%,rgba(0,0,0,.54) 100%)!important;
}
.bb-poster-screen{
  top:30.70%!important;
  height:21.4484%!important;
}


/* Rev178 — tiny atmosphere/edge polish only. */
.bb-arcade-poster-main::before{
  background:linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.085) 26%,rgba(0,0,0,.105) 70%,rgba(0,0,0,.57) 100%)!important;
}

/* =========================================================
   Rev180 — CRT uses the cabinet artwork itself as the perspective bezel.
   The live surface slightly overscans underneath the transparent monitor
   opening, so there can be no black/background seam at any edge.
   ========================================================= */
.bb-poster-screen{
  left:29.40%!important;
  top:30.40%!important;
  width:41.34%!important;
  height:21.74%!important;
  clip-path:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
}
.bb-poster-screen iframe{clip-path:none!important;transform-origin:top left!important}


/* =========================================================
   Rev181 — exact measured CRT aperture + keyboard-only legend.
   Cabinet master aperture: x604..1446, y936..1604 on 2048x3072.
   ========================================================= */
.bb-poster-screen{
  left:29.4921875%!important;
  top:30.46875%!important;
  width:41.162109375%!important;
  height:21.77734375%!important;
  border-radius:0!important;
  background:#000!important;
  overflow:hidden!important;
  /* Actual alpha-hole silhouette: narrow at the top and more tapered at the bottom. */
  clip-path:polygon(1.66% 0,98.34% 0,100% 4.2%,100% 92.2%,94.08% 100%,5.58% 100%,0 92.2%,0 4.2%)!important;
  box-shadow:0 0 0 10px #000!important;
}
.bb-poster-screen iframe{
  width:980px!important;
  height:777px!important;
  clip-path:none!important;
  transform-origin:0 0!important;
  background:#000!important;
}
.bb-poster-screen-preview,.bb-poster-screen-boot{inset:0!important}
.bb-arcade-control-strip{
  width:min(64%,710px)!important;
  justify-content:center!important;
  gap:20px!important;
  padding-inline:22px!important;
}
.bb-control-gamepad,.bb-abc{display:none!important}
/* Rev181 final CRT masking note: the cabinet PNG already contains the exact perspective aperture.
   Let the live surface slightly overfill the alpha hole and allow the artwork itself to mask it. */
.bb-poster-screen{clip-path:none!important;box-shadow:0 0 0 12px #000!important}
.bb-poster-screen iframe{clip-path:none!important}


/* =========================================================
   Rev182 — exact CRT perspective + softer cabinet silhouette + quieter room.
   The monitor container remains a black overscan rectangle behind the cabinet.
   The live iframe is projectively mapped in JS to the slightly laid-back glass.
   ========================================================= */
.bb-arcade-poster-main::before{
  background:linear-gradient(180deg,rgba(0,0,0,.44),rgba(0,0,0,.14) 26%,rgba(0,0,0,.16) 70%,rgba(0,0,0,.62) 100%)!important;
}
.bb-poster-screen{
  left:29.4921875%!important;
  top:30.46875%!important;
  width:41.162109375%!important;
  height:21.77734375%!important;
  overflow:hidden!important;
  background:#000!important;
  clip-path:none!important;
  box-shadow:none!important;
}
/* Black overscan behind the live surface guarantees the page background can never peek through an antialiased bezel edge. */
.bb-poster-screen::before{
  content:"";position:absolute;inset:-2.2%;z-index:0;background:#000;pointer-events:none;
}
.bb-poster-screen-boot,.bb-poster-screen-preview,.bb-poster-screen-idle{z-index:2}
.bb-poster-screen iframe{
  z-index:5!important;left:0!important;top:0!important;width:980px!important;height:777px!important;
  transform-origin:0 0!important;will-change:transform;backface-visibility:hidden;background:#000!important;
}
.bb-poster-crt{z-index:7!important}
/* The boot/title artwork uses the same visible perspective as the live game. */
.bb-poster-screen-boot,.bb-poster-screen-preview,.bb-poster-screen-idle{
  clip-path:polygon(1.66% 0,98.34% 0,100% 100%,0 100%)!important;
}

/* =========================================================
   Rev183 — full-bleed cartridge label/title artwork refresh only.
   Shelf Raid stays untouched; cabinet/CRT/layout geometry are unchanged.
   ========================================================= */
.bb-card-breaker{background-image:url('images/arcade-rev183/cartridge-breaker-v183.png')!important}
.bb-card-stack{background-image:url('images/arcade-rev183/cartridge-stack-v183.png')!important}
.bb-card-maze{background-image:url('images/arcade-rev183/cartridge-maze-v183.png')!important}
.bb-card-match{background-image:url('images/arcade-rev183/cartridge-match-v183.png')!important}
.bb-card-blitz{background-image:url('images/arcade-rev183/cartridge-blitz-v183.png')!important}
.bb-poster-screen[data-game="breaker"] .bb-poster-screen-preview{background-image:url('images/arcade-rev183/preview-breaker-v183.webp')!important}
.bb-poster-screen[data-game="stack"] .bb-poster-screen-preview{background-image:url('images/arcade-rev183/preview-stack-v183.webp')!important}
.bb-poster-screen[data-game="maze"] .bb-poster-screen-preview{background-image:url('images/arcade-rev183/preview-maze-v183.webp')!important}
.bb-poster-screen[data-game="match"] .bb-poster-screen-preview{background-image:url('images/arcade-rev183/preview-match-v183.webp')!important}
.bb-poster-screen[data-game="blitz"] .bb-poster-screen-preview{background-image:url('images/arcade-rev183/preview-blitz-v183.webp')!important}
.bb-poster-screen[data-game="breaker"] .bb-poster-screen-preview,
.bb-poster-screen[data-game="stack"] .bb-poster-screen-preview,
.bb-poster-screen[data-game="maze"] .bb-poster-screen-preview,
.bb-poster-screen[data-game="match"] .bb-poster-screen-preview,
.bb-poster-screen[data-game="blitz"] .bb-poster-screen-preview{
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
}


/* =========================================================
   Rev185 — softer arcade-room feather only.
   Cabinet, cartridges, CRT geometry and controls stay fully sharp/unchanged.
   ========================================================= */
.bb-arcade-poster-main::before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.18) 25%,rgba(0,0,0,.19) 68%,rgba(0,0,0,.70) 100%)!important,
    radial-gradient(ellipse 76% 68% at 50% 42%,transparent 0 54%,rgba(0,0,0,.10) 72%,rgba(0,0,0,.34) 100%)!important;
}
.bb-arcade-poster-main::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.19) 7%,transparent 17%,transparent 83%,rgba(0,0,0,.19) 93%,rgba(0,0,0,.46) 100%),
    linear-gradient(180deg,transparent 0 66%,rgba(0,0,0,.10) 76%,rgba(0,0,0,.38) 90%,rgba(0,0,0,.82) 100%);
}
.bb-arcade-poster{position:relative;z-index:2!important}
.bb-arcade-control-strip{z-index:18!important}


/* Rev189 — remastered native CRT title screens + complete lower-left title-logo flourish. */
.bb-poster-screen[data-game="breaker"] .bb-poster-screen-preview{background-image:url('images/arcade-rev189/preview-breaker-v189.webp')!important}
.bb-poster-screen[data-game="stack"] .bb-poster-screen-preview{background-image:url('images/arcade-rev189/preview-stack-v189.webp')!important}
.bb-poster-screen[data-game="maze"] .bb-poster-screen-preview{background-image:url('images/arcade-rev189/preview-maze-v189.webp')!important}
.bb-poster-screen[data-game="match"] .bb-poster-screen-preview{background-image:url('images/arcade-rev189/preview-match-v189.webp')!important}
.bb-poster-screen[data-game="blitz"] .bb-poster-screen-preview{background-image:url('images/arcade-rev189/preview-blitz-v189.webp')!important}

/* Rev191 — Shelf Raid matched CRT title-screen art. Keep all non-Shelf title screens at natural cover fit; do not use the legacy 145% zoom. */
.bb-poster-screen[data-game="breaker"] .bb-poster-screen-preview{background-image:url('images/arcade-rev192/preview-breaker-v192.webp?v=193')!important;background-size:cover!important;background-position:center!important}
.bb-poster-screen[data-game="stack"] .bb-poster-screen-preview{background-image:url('images/arcade-rev192/preview-stack-v192.webp?v=193')!important;background-size:cover!important;background-position:center!important}
.bb-poster-screen[data-game="maze"] .bb-poster-screen-preview{background-image:url('images/arcade-rev192/preview-maze-v192.webp?v=193')!important;background-size:cover!important;background-position:center!important}
.bb-poster-screen[data-game="match"] .bb-poster-screen-preview{background-image:url('images/arcade-rev192/preview-match-v192.webp?v=193')!important;background-size:cover!important;background-position:center!important}
.bb-poster-screen[data-game="blitz"] .bb-poster-screen-preview{background-image:url('images/arcade-rev192/preview-blitz-v192.webp?v=193')!important;background-size:cover!important;background-position:center!important}

/* =========================================================
   Rev204 — title-card badge normalization + slightly darker room.
   Artwork remains full-bleed; every non-Shelf title now uses the
   exact Shelf Raid Bacon Bin badge treatment.
   ========================================================= */
.bb-poster-screen[data-game="breaker"] .bb-poster-screen-preview{background-image:url('images/arcade-rev204/preview-breaker-v204.webp?v=204')!important}
.bb-poster-screen[data-game="stack"] .bb-poster-screen-preview{background-image:url('images/arcade-rev204/preview-stack-v204.webp?v=204')!important}
.bb-poster-screen[data-game="maze"] .bb-poster-screen-preview{background-image:url('images/arcade-rev204/preview-maze-v204.webp?v=204')!important}
.bb-poster-screen[data-game="match"] .bb-poster-screen-preview{background-image:url('images/arcade-rev204/preview-match-v204.webp?v=204')!important}
.bb-poster-screen[data-game="blitz"] .bb-poster-screen-preview{background-image:url('images/arcade-rev204/preview-blitz-v204.webp?v=204')!important}
.bb-arcade-poster-main::before{
  background:
    linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.24) 25%,rgba(0,0,0,.25) 68%,rgba(0,0,0,.76) 100%)!important,
    radial-gradient(ellipse 76% 68% at 50% 42%,rgba(0,0,0,.03) 0 54%,rgba(0,0,0,.16) 72%,rgba(0,0,0,.40) 100%)!important;
}
.bb-arcade-poster-main::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.23) 7%,transparent 17%,transparent 83%,rgba(0,0,0,.23) 93%,rgba(0,0,0,.52) 100%),
    linear-gradient(180deg,transparent 0 64%,rgba(0,0,0,.14) 75%,rgba(0,0,0,.44) 89%,rgba(0,0,0,.86) 100%)!important;
}


/* =========================================================
   Rev206 — approved Arcade continuity system.
   No Bacon Bin badge on any cartridge or title screen.
   All cartridge slogans remain inside one shared safe zone.
   Arcade page logo edge is softened into the room rather than
   reading as a hard cutout. Gameplay/cabinet geometry untouched.
   ========================================================= */
.bb-card-shelf{background-image:url('images/arcade-rev207/cartridge-shelf-v207.png?v=207')!important}
.bb-card-breaker{background-image:url('images/arcade-rev207/cartridge-breaker-v207.png?v=207')!important}
.bb-card-stack{background-image:url('images/arcade-rev207/cartridge-stack-v207.png?v=207')!important}
.bb-card-maze{background-image:url('images/arcade-rev207/cartridge-maze-v207.png?v=207')!important}
.bb-card-match{background-image:url('images/arcade-rev207/cartridge-match-v207.png?v=207')!important}
.bb-card-blitz{background-image:url('images/arcade-rev207/cartridge-blitz-v207.png?v=207')!important}
.bb-poster-screen[data-game="shelf"] .bb-poster-screen-preview{background-image:url('images/arcade-rev207/preview-shelf-v207.webp?v=207')!important;background-size:cover!important;background-position:center!important}
.bb-poster-screen[data-game="breaker"] .bb-poster-screen-preview{background-image:url('images/arcade-rev207/preview-breaker-v207.webp?v=207')!important;background-size:cover!important;background-position:center!important}
.bb-poster-screen[data-game="stack"] .bb-poster-screen-preview{background-image:url('images/arcade-rev207/preview-stack-v207.webp?v=207')!important;background-size:cover!important;background-position:center!important}
.bb-poster-screen[data-game="maze"] .bb-poster-screen-preview{background-image:url('images/arcade-rev207/preview-maze-v207.webp?v=207')!important;background-size:cover!important;background-position:center!important}
.bb-poster-screen[data-game="match"] .bb-poster-screen-preview{background-image:url('images/arcade-rev207/preview-match-v207.webp?v=207')!important;background-size:cover!important;background-position:center!important}
.bb-poster-screen[data-game="blitz"] .bb-poster-screen-preview{background-image:url('images/arcade-rev207/preview-blitz-v207.webp?v=207')!important;background-size:cover!important;background-position:center!important}

/* =========================================================
   Rev225 — quieter, slightly clearer Arcade room atmosphere
   ========================================================= */
/* Same approved environment, lightly sharpened to remove a touch of the soft
   blur, then substantially lowered behind the cabinet with a dark alpha wash. */
.bb-arcade-poster-main{
  background:
    linear-gradient(180deg,rgba(1,1,6,.48) 0%,rgba(0,0,4,.52) 48%,rgba(0,0,0,.61) 100%),
    url('images/arcade-rev225/arcade-room-user-v225.webp?v=225') center 0/cover no-repeat!important;
  background-attachment:scroll!important;
}

/* Rev230 — rebuilt clean arcade title on the cabinet foreground. */
.bb-arcade-poster-art{filter:drop-shadow(0 0 1px rgba(0,0,0,.01))!important}

/* =========================================================
   Rev240 — supplied moving Arcade environment
   Cabinet, CRT geometry, cartridges and games remain untouched.
   ========================================================= */
.bb-arcade-poster-main{
  position:relative!important;
  isolation:isolate!important;
  background:#010105!important;
}
.bb-arcade-environment-video{
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:140%;
  max-width:none;
  height:auto;
  display:block;
  opacity:.34;
  filter:brightness(.82) saturate(1.08) contrast(1.08);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.42) 4%,rgba(0,0,0,.86) 10%,#000 17%,#000 60%,rgba(0,0,0,.90) 69%,rgba(0,0,0,.65) 78%,rgba(0,0,0,.36) 87%,rgba(0,0,0,.14) 94%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.42) 4%,rgba(0,0,0,.86) 10%,#000 17%,#000 60%,rgba(0,0,0,.90) 69%,rgba(0,0,0,.65) 78%,rgba(0,0,0,.36) 87%,rgba(0,0,0,.14) 94%,transparent 100%);
}
/* Existing atmosphere layers now sit above the video, preserving the smooth
   side vignette and making the motion feel like room ambience, not a foreground clip. */
.bb-arcade-poster-main::before{z-index:1!important}
.bb-arcade-poster-main::after{z-index:1!important}
.bb-arcade-poster{z-index:2!important}
.bb-arcade-control-strip{position:relative!important;z-index:18!important}
@media(max-width:900px){
  .bb-arcade-environment-video{width:168%;opacity:.31;top:12px}
}
@media(max-width:520px){
  .bb-arcade-environment-video{width:190%;opacity:.28;top:20px}
}
@media(prefers-reduced-motion:reduce){
  .bb-arcade-environment-video{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .bb-arcade-poster-main{
    background:#010105 url('images/arcade-rev241/arcade-bg-still-v241.webp?v=241') center top/140% auto no-repeat!important;
  }
}

/* =========================================================
   Rev241 — Arcade supplied video converted to a still environment
   The motion layer is retired.  A baked-alpha still keeps the same mood with
   much less visual competition behind the cabinet and cartridges.
   ========================================================= */
.bb-arcade-environment-video{display:none!important}
.bb-arcade-poster-main{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#010105!important;
}
.bb-arcade-poster-main::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  top:-1%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:146%!important;
  height:100%!important;
  transform:translateX(-50%)!important;
  background:transparent url('images/arcade-rev241/arcade-bg-still-v241.webp?v=241') center top/100% auto no-repeat!important;
  opacity:.29!important;
  filter:brightness(.64) saturate(.86) contrast(1.05)!important;
}
.bb-arcade-poster-main::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,#010105 0%,rgba(1,1,5,.72) 4%,rgba(1,1,5,.27) 13%,rgba(1,1,5,.055) 28%,transparent 42%,transparent 58%,rgba(1,1,5,.055) 72%,rgba(1,1,5,.27) 87%,rgba(1,1,5,.72) 96%,#010105 100%),
    linear-gradient(180deg,rgba(1,1,5,.34) 0%,rgba(1,1,5,.06) 14%,transparent 37%,rgba(1,1,5,.05) 60%,rgba(1,1,5,.30) 77%,rgba(1,1,5,.72) 91%,#010105 100%)!important;
}
.bb-arcade-poster{z-index:2!important}
.bb-arcade-control-strip{z-index:18!important}
@media(max-width:900px){
  .bb-arcade-poster-main::before{width:170%!important;height:100%!important;opacity:.26!important;top:0!important}
}
@media(max-width:520px){
  .bb-arcade-poster-main::before{width:205%!important;height:100%!important;opacity:.23!important;top:0!important}
}

/* =========================================================
   Rev244 — restore Arcade logo + richer baked-feather still
   ========================================================= */
.bb-arcade-page-logo{
  position:relative!important;
  z-index:12!important;
  display:block!important;
  width:min(520px,62vw)!important;
  height:auto!important;
  margin:20px auto -88px!important;
  pointer-events:none!important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.74)) drop-shadow(0 0 18px rgba(255,47,215,.18))!important;
}
.bb-arcade-poster-main::before{
  background:transparent url('images/arcade-rev241/arcade-bg-still-v244.webp?v=244') center top/100% auto no-repeat!important;
  width:146%!important;
  height:100%!important;
  opacity:.43!important;
  filter:brightness(.93) saturate(1.10) contrast(1.06)!important;
}
.bb-arcade-poster-main::after{
  background:
    linear-gradient(90deg,#010105 0%,rgba(1,1,5,.56) 4%,rgba(1,1,5,.17) 12%,transparent 25%,transparent 75%,rgba(1,1,5,.17) 88%,rgba(1,1,5,.56) 96%,#010105 100%),
    linear-gradient(180deg,rgba(1,1,5,.22) 0%,rgba(1,1,5,.03) 15%,transparent 48%,rgba(1,1,5,.06) 70%,rgba(1,1,5,.38) 88%,#010105 100%)!important;
}
@media(max-width:900px){
  .bb-arcade-page-logo{width:min(430px,72vw)!important;margin:14px auto -62px!important}
  .bb-arcade-poster-main::before{width:170%!important;opacity:.38!important}
}
@media(max-width:520px){
  .bb-arcade-page-logo{width:76vw!important;margin:12px auto -44px!important}
  .bb-arcade-poster-main::before{width:205%!important;opacity:.34!important}
}

/* =========================================================
   Rev245 — return to the quieter Rev241 arcade environment.
   The new still is flattened against black with a long pixel-smooth feather;
   no CSS alpha mask is used, and opacity is intentionally restrained.
   ========================================================= */
.arcade-hub-page{background:#000!important}
.bb-arcade-poster-main{background:#000!important;overflow:hidden!important}
.bb-arcade-poster-main::before{
  background:#000 url('images/arcade-rev241/arcade-bg-still-v245-smooth.png?v=245') center top/100% auto no-repeat!important;
  width:146%!important;
  height:100%!important;
  top:0!important;
  opacity:.215!important;
  filter:brightness(.82) saturate(.98) contrast(1.035)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.bb-arcade-poster-main::after{
  background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 36%,rgba(0,0,0,.035) 70%,rgba(0,0,0,.18) 100%)!important;
}
@media(max-width:900px){.bb-arcade-poster-main::before{width:170%!important;opacity:.19!important}}
@media(max-width:520px){.bb-arcade-poster-main::before{width:205%!important;opacity:.17!important}}