/* Shared N9 desktop/mobile casino presentation: Solo + Arena */
body.n9-shared-casino-layout{
  min-height:100vh;
  background:
    linear-gradient(rgba(2,7,15,.34),rgba(1,5,12,.48)),
    url('../images/casino-ui/n9-arena-nebula.jpg') center center / cover fixed no-repeat !important;
}
body.n9-shared-casino-layout .cosmic-canvas{opacity:.18!important;mix-blend-mode:screen}
body.n9-shared-casino-layout .cosmic-container{opacity:.12!important;mix-blend-mode:screen}
body.n9-shared-casino-layout .ambient{opacity:.12!important}
body.n9-shared-casino-layout .casino-topnav,
body.n9-shared-casino-layout .paytable-side,
body.n9-shared-casino-layout .main-reactor-card,
body.n9-shared-casino-layout .game-info-side{
  border-color:rgba(71,163,223,.28)!important;
  background-color:rgba(4,10,20,.76)!important;
  backdrop-filter:blur(12px) saturate(1.08);
  box-shadow:0 16px 42px rgba(0,0,0,.28),0 0 24px rgba(64,178,255,.05)!important;
}
body.n9-shared-casino-layout .game-page-three-col,
body.n9-shared-casino-layout .arena170-game-grid{
  grid-template-columns:225px minmax(0,1fr) 260px!important;
  gap:10px!important;
}
body.n9-shared-casino-layout .reactor-stage{
  background:linear-gradient(180deg,rgba(4,12,24,.17),rgba(2,7,17,.28))!important;
}
.panel-action.admin{background:linear-gradient(180deg,#154057,#0d2939);color:#72e9ff}

@media(max-width:1050px){
  body.n9-shared-casino-layout{background-attachment:scroll!important;background-position:center top!important}
  body.n9-shared-casino-layout .game-page-three-col,
  body.n9-shared-casino-layout .arena170-game-grid{display:flex!important;flex-direction:column!important}
  body.n9-shared-casino-layout .main-reactor-card,
  body.n9-shared-casino-layout .arena170-center{order:1!important;width:100%!important}
  body.n9-shared-casino-layout .game-info-side,
  body.n9-shared-casino-layout .arena170-ops{order:2!important;width:100%!important}
  body.n9-shared-casino-layout .paytable-side,
  body.n9-shared-casino-layout .arena173-lhs{order:3!important;width:100%!important}
}
@media(max-width:700px){
  body.n9-shared-casino-layout{
    background:
      linear-gradient(rgba(2,7,15,.26),rgba(1,5,12,.44)),
      url('../images/casino-ui/n9-arena-nebula.jpg') 52% top / auto 100vh no-repeat fixed !important;
    background-color:#020711!important;
  }
  body.n9-shared-casino-layout .reactor-stage{min-height:500px!important}
  body.n9-shared-casino-layout .n9-user-quickpanel{z-index:300!important}
}