.rules{display:block;padding:clamp(72px,8vw,120px) max(48px,calc((100vw - 1440px)/2))}
.rules-heading{max-width:760px;margin-bottom:clamp(42px,5vw,68px)}
.rules-heading h2{margin:1.5rem 0}
.baccarat-guide{margin-bottom:clamp(70px,8vw,115px)}
.baccarat-guide .bastra-tutorial-scene{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:390px;background:radial-gradient(circle at 50% 45%,#36846c,#205c4e 75%,#10372f);color:#fff9ed}
.bg-seat,.bg-hand{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.bg-seat>span,.bg-hand>span,.bg-zone-label{color:#d2e6df;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.bg-backs{display:flex;justify-content:center;padding-right:14px}
.bg-backs i{display:block;width:32px;height:45px;margin-right:-14px;border:3px solid #fff9ed;border-radius:5px;background:#d95f4e;box-shadow:inset 0 0 0 3px #ffffff72,0 5px 10px #0004;transform:rotate(-3deg)}
.bg-backs i:nth-child(2n){transform:rotate(3deg)}
.bg-centre{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:115px;padding:.7rem;border:1px dashed #ffffff5c;border-radius:12px;background:#0c302b80}
.bg-centre.is-score{flex:1}
.bg-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;min-height:78px}
.bg-hand{min-height:98px}
.bg-scores{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:min(560px,100%)}
.bg-scores>div{min-width:85px;padding:.65rem .55rem;border:1px solid #ffffff38;border-radius:6px;background:#fffaf017;text-align:center}
.bg-scores span,.bg-scores strong{display:block;color:#fff9ed}
.bg-scores span{font-size:.62rem}.bg-scores strong{font:400 1.5rem var(--serif,Georgia,serif)}
.bg-caption{max-width:100%;align-self:center;padding:.45rem .8rem;border-radius:999px;background:#0c302be3;color:#efc361;font-size:.68rem;font-weight:700;line-height:1.4;text-align:center}
.rules-ad{margin:clamp(64px,7vw,100px) 0 0}
@media(max-width:760px){.rules{padding:76px 22px}.baccarat-guide .bastra-tutorial-scene{min-height:340px;padding:16px 10px;gap:.55rem}.bg-backs i{width:28px;height:39px}.bg-cards{gap:.2rem;min-height:62px}.bg-hand{min-height:78px}.bg-centre{min-height:85px}.bg-scores{gap:.25rem}.bg-scores>div{min-width:65px;padding:.4rem .2rem}.bg-scores strong{font-size:1.2rem}.bg-caption{font-size:.59rem}}
