/* =========================================================
   DSX0-LB3-MOBILE-POLISH-V1
   Mobile only:
   1. Prize card premium igual ao desktop
   2. Countdown centralizado
   ========================================================= */

@media (max-width:800px){

  /* =======================================================
     PREMIA??O TOTAL
     ======================================================= */

  .lb3-prize-stack
  .pool-box.lb3-prize-premium{
    position:relative !important;
    overflow:hidden !important;

    width:100% !important;
    max-width:none !important;

    height:auto !important;
    min-height:176px !important;

    margin:0 !important;
    padding:24px 28px 22px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    border:
      1px solid
      rgba(50,224,255,.52) !important;

    border-radius:18px !important;

    background:
      radial-gradient(
        420px 150px
        at 50% 0%,
        rgba(26,210,255,.10),
        transparent 68%
      ),
      linear-gradient(
        180deg,
        rgba(5,31,54,.98),
        rgba(3,18,35,.98)
      ) !important;

    box-shadow:
      inset 0 0 0 1px
        rgba(255,255,255,.025),
      0 0 17px
        rgba(31,219,255,.13),
      0 0 27px
        rgba(234,35,255,.12),
      0 18px 38px
        rgba(0,0,0,.30) !important;
  }


  /* borda interna igual ao desktop */

  .lb3-prize-stack
  .pool-box.lb3-prize-premium::before{
    content:'' !important;

    position:absolute !important;
    inset:10px !important;

    border-radius:14px !important;

    border:
      1px solid
      rgba(116,204,255,.20) !important;

    background:
      linear-gradient(
        135deg,
        rgba(73,221,255,.025),
        transparent 42%,
        rgba(220,42,255,.018)
      ) !important;

    pointer-events:none !important;
  }


  /* t?tulo */

  .lb3-prize-stack
  .lb3-prize-title{
    position:relative !important;
    z-index:4 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:
      0 0 10px !important;

    color:#f1f8ff !important;

    font-size:11px !important;
    letter-spacing:.18em !important;

    text-align:center !important;

    text-shadow:
      0 0 12px
      rgba(70,222,255,.10) !important;
  }


  /* $2,000 */

  .lb3-prize-stack
  .lb3-prize-amount{
    position:relative !important;
    z-index:4 !important;

    margin:0 !important;

    color:#32dcf7 !important;

    font-family:
      'Chakra Petch',
      sans-serif !important;

    font-size:60px !important;
    font-weight:900 !important;
    line-height:.92 !important;

    text-align:center !important;

    text-shadow:
      0 0 7px rgba(49,223,255,.32),
      0 0 18px rgba(39,215,255,.20),
      0 0 34px rgba(37,191,255,.12)
      !important;
  }


  /* subt?tulo */

  .lb3-prize-stack
  .lb3-prize-subtitle{
    position:relative !important;
    z-index:4 !important;

    margin-top:12px !important;

    color:#52e8f7 !important;

    font-family:
      'JetBrains Mono',
      monospace !important;

    font-size:6.5px !important;
    font-weight:800 !important;
    letter-spacing:.15em !important;

    text-align:center !important;
    white-space:nowrap !important;

    text-shadow:
      0 0 10px
      rgba(48,223,245,.13) !important;
  }


  /* brilhos roxo/rosa laterais */

  .lb3-prize-stack
  .lb3-prize-deco{
    display:block !important;

    position:absolute !important;
    z-index:5 !important;

    top:50% !important;

    width:2px !important;
    height:58px !important;

    transform:
      translateY(-50%) !important;

    border-radius:99px !important;

    background:
      linear-gradient(
        180deg,
        transparent 0%,
        #f52cff 24%,
        #a251ff 72%,
        transparent 100%
      ) !important;

    box-shadow:
      0 0 10px
        rgba(244,42,255,.68),
      0 0 20px
        rgba(96,91,255,.26)
      !important;
  }

  .lb3-prize-stack
  .lb3-prize-deco-left{
    left:17px !important;
  }

  .lb3-prize-stack
  .lb3-prize-deco-right{
    right:17px !important;
  }


  /* =======================================================
     CONTADOR CENTRALIZADO
     ======================================================= */

  .lb3-prize-stack
  .timer{
    width:100% !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }

  .lb3-prize-stack
  .timer-title{
    width:100% !important;
    text-align:center !important;
  }

  .lb3-prize-stack
  .countdown{
    display:flex !important;

    width:100% !important;
    max-width:260px !important;

    margin:
      0 auto !important;

    align-items:center !important;
    justify-content:center !important;

    gap:4px !important;
  }

  .lb3-prize-stack
  .countdown .cd{
    flex:
      0 0 52px !important;

    width:52px !important;
    min-width:52px !important;
    max-width:52px !important;

    height:52px !important;
  }

  .lb3-prize-stack
  .countdown .colon{
    flex:
      0 0 5px !important;

    width:5px !important;

    text-align:center !important;
  }

}