.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}
.rules-heading>p{max-width:680px}
.hearts-guide{margin-bottom:clamp(70px,8vw,115px)}
.hearts-guide .bastra-tutorial-scene{display:flex;flex-direction:column;justify-content:space-between;gap:1.1rem;min-height:420px;background:radial-gradient(circle at 50% 48%,#6d3c56,#422239 74%,#301b2a);color:#fff9ed}
.hg-opponents{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;text-align:center}
.hg-opponents>div,.hg-human{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.hg-opponents span:first-child,.hg-human>span,.hg-zone-label{color:#e6cfdb;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hg-cards{display:flex;justify-content:center;align-items:center;gap:.35rem;min-height:78px}
.hg-card-back{display:block;width:48px;height:68px;border:3px solid #fff9ed;border-radius:6px;background:#d65e4a;box-shadow:inset 0 0 0 3px #ffffff72,0 5px 10px #0004}
.hg-card-back+.hg-card-back{margin-left:-21px}
.hg-centre{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:110px;padding:.65rem;border:1px dashed #ffffff5c;border-radius:12px;background:#25152355}
.hg-trick{flex-wrap:wrap;min-height:79px}
.hg-human{min-height:100px}
.hg-scores{display:grid;grid-template-columns:repeat(4,minmax(50px,1fr));gap:.65rem;width:min(440px,100%)}
.hg-scores>div{padding:.7rem .35rem;border:1px solid #ffffff38;border-radius:6px;background:#fffaf017;text-align:center}
.hg-scores span,.hg-scores strong{display:block;color:#fff9ed}
.hg-scores span{font-size:.65rem}.hg-scores strong{font:400 1.7rem var(--serif,Georgia,serif)}
.hg-caption{max-width:100%;align-self:center;padding:.45rem .8rem;border-radius:999px;background:#251523d9;color:#f1c35b;font-size:.68rem;font-weight:700;line-height:1.4;text-align:center}
.hearts-guide .bt-card{width:57px;height:79px}
.rules-ad{margin:clamp(64px,7vw,100px) 0 0}
@media(max-width:760px){.rules{padding:76px 22px}.hearts-guide .bastra-tutorial-scene{min-height:350px;padding:16px 10px;gap:.6rem}.hearts-guide .bt-card{width:43px;height:62px}.hg-card-back{width:38px;height:55px}.hg-cards{gap:.22rem;min-height:62px}.hg-opponents{gap:.25rem}.hg-human{min-height:83px}.hg-centre{min-height:88px}.hg-scores{gap:.25rem}.hg-scores strong{font-size:1.25rem}.hg-caption{font-size:.59rem}}
@media(max-width:380px){.hearts-guide .bt-card{width:38px;height:56px}.hg-card-back{width:34px;height:50px}.hg-opponents span:first-child,.hg-human>span{font-size:.53rem}}