/* LuckZoo phase artwork - viewport-level overlay */
#lz-phase-art{
 position:absolute!important;
 left:50%!important;
 top:36%!important;
 z-index:2147483000!important;
 width:min(540px,48%)!important;
 height:180px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 pointer-events:none!important;
 opacity:0;
 visibility:hidden;
 transform:translate(-50%,-50%) scale(.88);
 transition:opacity .12s ease,transform .16s ease;
}
#lz-phase-art.show{
 opacity:1!important;
 visibility:visible!important;
 transform:translate(-50%,-50%) scale(1)!important;
}
#lz-phase-art img{
 display:block!important;
 max-width:100%!important;
 max-height:100%!important;
 width:auto!important;
 height:auto!important;
 object-fit:contain!important;
 filter:drop-shadow(0 6px 6px rgba(0,0,0,.62));
}
/* Do not allow board, total bet, candidates, chips or bet marks to cover it. */


/* ===== V9 PHASE ART MUST COVER ALL GAME CONTENT ===== */
#lz-phase-art{
  z-index:2147483646!important;
  isolation:isolate!important;
}
#lz-phase-art img{
  position:relative!important;
  z-index:2147483647!important;
}

/* Explicitly keep dynamic game layers below the announcement artwork. */
#game > .viewport .machine,
#game > .viewport .board,
#game > .viewport .total-bet,
#game > .viewport #roundBet,
#game > .viewport .candidate,
#game > .viewport .console{
  z-index:auto!important;
}

/* Player bet chips must stay above the inner betting cards while BETTING.
   Previously this stylesheet forced #betMarks/.bet-mark back to z-index:auto,
   placing them behind .inner (z-index:5). The closed-bet amount became visible
   only later because it receives its own higher z-index. */
#game > .viewport #betMarks{
  z-index:90!important;
}
#game > .viewport #betMarks .bet-mark{
  z-index:91!important;
}


/* ===== V10 TRUE TOP LAYER =====
   The phase artwork is now a direct child at the end of .viewport,
   outside .game-row/.machine/#board stacking contexts. */
#game > .viewport > #lz-phase-art{
  position:absolute!important;
  left:50%!important;
  top:36%!important;
  z-index:2147483647!important;
  pointer-events:none!important;
  isolation:isolate!important;
}
#game > .viewport > #lz-phase-art img{
  position:relative!important;
  z-index:1!important;
}


/* ===== V11 DEFINITIVE BODY PORTAL =====
   #lz-phase-art is moved to document.body by betting-phase-portal.js.
   This escapes every transformed/isolated game stacking context, including
   dynamic bet markers and chips. */
body > #lz-phase-art{
  position:fixed!important;
  width:var(--lz-phase-w,540px)!important;
  height:var(--lz-phase-h,180px)!important;
  z-index:2147483647!important;
  margin:0!important;
  pointer-events:none!important;
  isolation:isolate!important;
}
body > #lz-phase-art.show{
  z-index:2147483647!important;
}
body > #lz-phase-art img{
  position:relative!important;
  z-index:2147483647!important;
}