/* Ludo Royal: layout tailored for the entire 3D dice + 15x15 board UI. */
.canvas-shell[data-game="ludo-royal"]{aspect-ratio:auto!important;width:100%!important;height:clamp(630px,78dvh,800px)!important;max-width:100%!important;max-height:none!important;min-height:630px!important;background:#090d16;border-radius:17px}
.canvas-shell[data-game="ludo-royal"] .source-game-frame{width:100%;height:100%;border:0}
@media(max-width:640px){
  .canvas-shell[data-game="ludo-royal"]{width:100%!important;aspect-ratio:auto!important;height:clamp(580px,calc(100svh - 125px),760px)!important;min-height:580px!important;max-height:none!important;border-radius:14px!important}
  .zgame-browser-play .play-page{overflow-x:clip}
}
.art-ludo-royal{background:linear-gradient(135deg,#7c3aed,#ec4899 54%,#f59e0b)}

.ludo-account-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;padding:12px 14px;border:1px solid #e5dbfa;border-radius:14px;background:#f7f2ff;color:#35245f;font-size:13px}
.ludo-account-status strong{display:block;font-weight:800}.ludo-account-status span{display:block;font-size:12px;line-height:1.5;color:#685a7c;margin-top:4px}
.ludo-account-status a{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border-radius:10px;background:#6d45c7;color:#fff;text-decoration:none;padding:10px 14px;font-weight:800;font-size:12px}
@media(max-width:500px){.ludo-account-status{flex-direction:column;align-items:stretch}.ludo-account-status a{width:100%}}

/* 2026-10-21 mobile correction: make the board readable, even if the user
   scrolls the outer website to reach the dice controls. Never shrink it to 190px. */
@media(max-width:640px){
  .canvas-shell[data-game="ludo-royal"]{
    height:clamp(820px,calc(100svh + 150px),980px)!important;
    min-height:820px!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .canvas-shell[data-game="ludo-royal"] .source-game-frame{height:100%!important;overflow:hidden!important}
}