/*
 * JLPT180 Dashboard Card Base CSS owner.
 * P4.36: moved generic dashboard .card selectors from dashboard.css.
 */
body.jlpt180-clean-lobby .card{
border: 2px solid var(--jlpt-line);
  box-shadow: var(--jlpt-shadow);
  
}


@media (min-width: 900px){
body.jlpt180-clean-lobby .card{
border-radius: 24px;
    box-shadow: 0 10px 24px rgba(4, 72, 106, .16), inset 0 0 0 1px rgba(255,255,255,.82);
  }
}


@media (min-width: 900px){
body.jlpt180-clean-lobby .card{
border-color: rgba(255, 183, 213, .46);
    box-shadow:
      0 12px 26px rgba(6, 93, 128, .13),
      0 0 0 1px rgba(255,255,255,.72) inset,
      0 0 24px rgba(255, 143, 189, .08);
  }
}


@media (max-width: 899px){
body.jlpt180-clean-lobby .card{
border-color: rgba(255, 183, 213, .46);
    box-shadow: 0 10px 24px rgba(8, 86, 120, .12), 0 0 18px rgba(255, 143, 189, .08);
  }
}


@media (max-width: 899px){
body.jlpt180-clean-lobby .card{
border-width: 2px;
    box-shadow: 0 13px 28px rgba(8, 86, 120, .16), 0 0 20px rgba(255, 143, 189, .11);
  }
}