/* Bigstep Arcade Console — shared visual contract for every minigame. */
:where(.bsb-app,.bss-app,.bsc-app){
  --arcade-bg:#070812;--arcade-surface:#12112b;--arcade-surface-deep:#090a19;
  --arcade-line:rgba(167,143,235,.22);--arcade-line-strong:rgba(177,151,244,.34);
  --arcade-text:#f8f6ff;--arcade-muted:#aaa7bb;--arcade-gold:#f5ce70;
  width:100vw!important;max-width:none!important;margin:0 calc(50% - 50vw)!important;
  padding:42px max(18px,calc((100vw - 1280px)/2)) 56px!important;overflow:hidden;
  background:radial-gradient(circle at 50% 4%,rgba(110,70,220,.3),transparent 31%),radial-gradient(circle at 3% 52%,rgba(47,134,179,.12),transparent 26%),linear-gradient(150deg,#0c0a1c,#070812 65%,#0a1020)!important;
  color:var(--arcade-text)!important;font-family:"Plus Jakarta Sans",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
:where(.bsb-app,.bss-app,.bsc-app),:where(.bsb-app,.bss-app,.bsc-app) *{box-sizing:border-box}
:where(.bsb-hero,.bss-hero,.bsc-page-hero){width:min(900px,100%)!important;margin:0 auto 24px!important;padding:0!important;text-align:center}
:where(.bsb-kicker,.bss-kicker,.bsc-page-kicker){display:flex!important;align-items:center;justify-content:center;gap:13px!important;margin:0 0 10px!important;color:#b8a8e7!important;font-size:10px!important;font-weight:850!important;letter-spacing:.19em!important;line-height:1.2}
:where(.bsb-kicker,.bss-kicker,.bsc-page-kicker)::before,:where(.bsb-kicker,.bss-kicker,.bsc-page-kicker)::after{content:"";display:block;width:34px;height:1px;background:linear-gradient(90deg,transparent,#8e72df)}
:where(.bsb-kicker,.bss-kicker,.bsc-page-kicker)::after{transform:scaleX(-1)}
.bsc-page-kicker>span{display:none!important}
:where(.bsb-hero,.bss-hero,.bsc-page-hero) h1{margin:0!important;color:#fff!important;font:900 clamp(38px,4vw,56px)/1.04 "Plus Jakarta Sans",Inter,sans-serif!important;letter-spacing:-.055em!important;text-transform:none!important;white-space:normal!important}
:where(.bsb-hero,.bss-hero,.bsc-page-hero) h1 em{display:inline!important;margin:0!important;background:linear-gradient(100deg,#f8d981,#c7afff 54%,#76d6ef)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;font-style:normal!important}
:where(.bsb-hero,.bss-hero,.bsc-page-hero)>p{display:block!important;max-width:700px!important;margin:10px auto 0!important;color:var(--arcade-muted)!important;font-size:15px!important;line-height:1.65!important}
:where(.bsb-game-shell,.bss-game-shell,.bsc-game-shell){border:1px solid var(--arcade-line)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(18,17,43,.96),rgba(9,10,25,.98))!important;box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)!important;overflow:hidden}
:where(.bsb-game-shell,.bss-game-shell) canvas{border:0!important;border-radius:23px!important;background:#080817!important;box-shadow:none!important}
:where(.bsb-seo-copy,.bss-seo-copy){border:1px solid var(--arcade-line)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(18,17,43,.86),rgba(9,10,25,.9))!important;box-shadow:0 18px 48px rgba(0,0,0,.2)!important}
.bsc-machine{background:transparent!important}
.bsc-hud{border-bottom:1px solid rgba(167,143,235,.14)!important}
.bsc-canvas-wrap{border:1px solid var(--arcade-line-strong)!important;border-radius:18px!important;background:#080817!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.3)!important}
.bsc-side-column>*{border-color:var(--arcade-line)!important;background:linear-gradient(145deg,rgba(18,17,43,.9),rgba(9,10,25,.94))!important;box-shadow:none!important}
.bsc-milestones{border-color:rgba(245,206,112,.28)!important;background:linear-gradient(145deg,rgba(45,31,70,.72),rgba(12,13,31,.95))!important}
.bsc-controls :where(.bsc-pad,.bsc-grab){border-radius:13px!important}
.bsc-grab{background:linear-gradient(120deg,#6e4bdb,#9b62e7 58%,#248bb7)!important;box-shadow:0 13px 36px rgba(86,49,191,.38),inset 0 1px rgba(255,255,255,.18)!important}

@media(min-width:901px){
  .bsb-game-shell{width:min(760px,100%)!important}
  .bss-game-shell{width:min(1120px,100%)!important}
  .bss-game-shell canvas{width:100%!important;max-width:1120px!important;height:auto!important;aspect-ratio:4/3!important}
  .bsc-game-shell{width:min(1180px,100%)!important}
  .bsc-machine{padding:0 16px 16px!important;grid-template-columns:minmax(0,1fr) 320px!important;column-gap:16px!important}
  .bsc-hud{height:58px!important;min-height:58px!important;padding:0 2px 10px!important}
  .bsc-side-column{gap:10px!important}
  .bsc-side-column .bsc-help-steps strong,.bsc-side-column .bsc-help-steps small,.bsc-side-column .bsc-milestones b,.bsc-side-column .bsc-milestones strong{font-size:11px!important}
  .bsc-machine>.bsc-controls .bsc-pad,.bsc-machine>.bsc-controls .bsc-grab{height:64px!important}
}

@media(max-width:900px){
  :where(.bsb-app,.bss-app,.bsc-app){padding:24px 10px 44px!important}
  :where(.bsb-hero,.bss-hero,.bsc-page-hero){margin-bottom:18px!important}
  :where(.bsb-kicker,.bss-kicker,.bsc-page-kicker){gap:8px!important;font-size:8px!important}
  :where(.bsb-kicker,.bss-kicker,.bsc-page-kicker)::before,:where(.bsb-kicker,.bss-kicker,.bsc-page-kicker)::after{width:24px}
  :where(.bsb-hero,.bss-hero,.bsc-page-hero) h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.06!important}
  :where(.bsb-hero,.bss-hero,.bsc-page-hero)>p{max-width:520px!important;font-size:13px!important;line-height:1.55!important}
  :where(.bsb-game-shell,.bss-game-shell,.bsc-game-shell){width:100%!important;border-radius:18px!important}
  :where(.bsb-game-shell,.bss-game-shell) canvas{border-radius:17px!important}
  .bsc-machine{padding:0 9px 10px!important}
  .bsc-hud{border-bottom:1px solid rgba(167,143,235,.14)!important}
  .bsc-canvas-wrap{border-radius:15px!important}
  .bsc-side-column{margin-top:10px!important;gap:8px!important}
}

@media(max-width:560px){
  :where(.bsb-app,.bss-app,.bsc-app){padding-inline:8px!important}
  :where(.bsb-hero,.bss-hero,.bsc-page-hero)>p{font-size:12px!important}
  .bsb-game-shell canvas{height:min(72svh,620px,calc(100svh - 230px))!important}
  .bsc-page-hero{padding-inline:8px!important}
}

/* Specificity lock: legacy game styles use !important in several layers. */
.bsb-app .bsb-hero,.bss-app .bss-hero,.bsc-app .bsc-page-hero{width:min(900px,100%)!important;margin:0 auto 24px!important;padding:0!important}
.bsb-app .bsb-kicker,.bss-app .bss-kicker,.bsc-app .bsc-page-kicker{display:flex!important;gap:13px!important;margin:0 0 10px!important;color:#b8a8e7!important;font-size:10px!important;letter-spacing:.19em!important}
.bsb-app .bsb-hero h1,.bss-app .bss-hero h1,.bsc-app .bsc-page-hero h1{margin:0!important;font-size:clamp(38px,4vw,56px)!important;line-height:1.04!important;white-space:normal!important}
.bsb-app .bsb-hero>p,.bss-app .bss-hero>p,.bsc-app .bsc-page-hero>p{display:block!important;max-width:700px!important;margin:10px auto 0!important;color:var(--arcade-muted)!important;font-size:15px!important;line-height:1.65!important}
.bsb-app .bsb-game-shell,.bss-app .bss-game-shell,.bsc-app .bsc-game-shell{border:1px solid var(--arcade-line)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(18,17,43,.96),rgba(9,10,25,.98))!important;box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)!important}
.bsc-app .bsc-machine{background:transparent!important}
.bsc-app .bsc-side-column>*{border-color:var(--arcade-line)!important;background:linear-gradient(145deg,rgba(18,17,43,.9),rgba(9,10,25,.94))!important}
.bsc-app .bsc-milestones{border-color:rgba(245,206,112,.28)!important;background:linear-gradient(145deg,rgba(45,31,70,.72),rgba(12,13,31,.95))!important}

@media(min-width:901px){
  .bsb-app .bsb-game-shell{width:fit-content!important;max-width:100%!important}
  .bss-app .bss-game-shell{width:min(1120px,100%)!important}
  .bsc-app .bsc-game-shell{width:min(1180px,100%)!important}
}

@media(max-width:900px){
  .bsb-app .bsb-hero,.bss-app .bss-hero,.bsc-app .bsc-page-hero{margin-bottom:18px!important}
  .bsb-app .bsb-kicker,.bss-app .bss-kicker,.bsc-app .bsc-page-kicker{gap:8px!important;font-size:8px!important}
  .bsb-app .bsb-hero h1,.bss-app .bss-hero h1,.bsc-app .bsc-page-hero h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.06!important}
  .bsb-app .bsb-hero h1{font-size:30px!important;letter-spacing:-.065em!important}
  .bsb-app .bsb-hero>p,.bss-app .bss-hero>p,.bsc-app .bsc-page-hero>p{font-size:13px!important;line-height:1.55!important}
  .bsb-app .bsb-game-shell,.bss-app .bss-game-shell,.bsc-app .bsc-game-shell{width:100%!important;border-radius:18px!important}
}