/* Four separate original cards; the backdrop contains no baked card artwork. */
.belot-redesign .royal-menu-hero{position:relative;width:min(520px,100%);height:clamp(150px,39.5vw,165px);margin:0 auto;overflow:visible;isolation:isolate}
.belot-redesign .royal-menu-backdrop{position:absolute;inset:-64px 0 -60px;width:100%;height:calc(100% + 124px);object-fit:cover;object-position:center 42%;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 60%,transparent 100%)}
.royal-menu-cards{position:absolute;inset:0;pointer-events:none}
.royal-menu-cards>img{position:absolute;display:block;width:auto;height:91%;aspect-ratio:528/752;max-width:none;top:3%;left:50%;object-fit:contain;transform-origin:50% 91%;user-select:none;pointer-events:none;filter:drop-shadow(0 9px 12px #0007);transform:translateX(-50%) translateY(var(--card-lift)) rotate(var(--card-angle));z-index:var(--card-depth)}
.royal-menu-cards>[data-rf-card="0"]{--card-angle:-25deg;--card-lift:5px;--card-depth:1}
.royal-menu-cards>[data-rf-card="1"]{--card-angle:-9deg;--card-lift:-7px;--card-depth:2}
.royal-menu-cards>[data-rf-card="2"]{--card-angle:9deg;--card-lift:-7px;--card-depth:3}
.royal-menu-cards>[data-rf-card="3"]{--card-angle:25deg;--card-lift:5px;--card-depth:4}
@media(min-width:700px){.belot-redesign .royal-menu-hero{height:260px}}
@media(max-height:740px) and (min-height:500px) and (min-width:700px){.belot-redesign .royal-menu-hero{height:175px}}
.belot-redesign #lobby .lobby-top{z-index:2}