.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}
.spades-guide{margin-bottom:clamp(70px,8vw,115px)}
.spades-guide .bastra-tutorial-scene{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;min-height:420px;background:radial-gradient(circle at 50% 45%,#2f6177,#183e51 75%,#102d3e);color:#fff9ed}
.sg-opponents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;text-align:center}
.sg-opponents>div,.sg-human{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.sg-opponents span:first-child,.sg-human>span,.sg-zone-label{color:#cde1e4;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sg-backs{display:flex;justify-content:center;padding-right:18px}
.sg-backs i{display:block;width:40px;height:58px;margin-right:-18px;border:3px solid #fff9ed;border-radius:5px;background:#d65e4a;box-shadow:inset 0 0 0 3px #ffffff72,0 5px 10px #0004;transform:rotate(-3deg)}
.sg-backs i:nth-child(2){transform:rotate(3deg)}
.sg-cards{display:flex;justify-content:center;align-items:center;gap:.35rem;min-height:79px}
.sg-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:#102c3d70}
.sg-centre.is-score{flex:1}
.sg-trick{flex-wrap:wrap;min-height:79px}
.sg-human{min-height:98px}
.sg-scores{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;width:min(560px,100%)}
.sg-scores>div{min-width:85px;padding:.7rem .6rem;border:1px solid #ffffff38;border-radius:6px;background:#fffaf017;text-align:center}
.sg-scores span,.sg-scores strong{display:block;color:#fff9ed}
.sg-scores span{font-size:.62rem}.sg-scores strong{font:400 1.6rem var(--serif,Georgia,serif)}
.sg-caption{max-width:100%;align-self:center;padding:.45rem .8rem;border-radius:999px;background:#102c3de3;color:#f1c35b;font-size:.68rem;font-weight:700;line-height:1.4;text-align:center}
.spades-guide .bt-card{width:57px;height:79px}
.rules-ad{margin:clamp(64px,7vw,100px) 0 0}
@media(max-width:760px){.rules{padding:76px 22px}.spades-guide .bastra-tutorial-scene{min-height:350px;padding:16px 10px;gap:.55rem}.spades-guide .bt-card{width:43px;height:62px}.sg-backs i{width:34px;height:49px}.sg-cards{gap:.2rem;min-height:62px}.sg-opponents{gap:.2rem}.sg-human{min-height:78px}.sg-centre{min-height:88px}.sg-scores{gap:.25rem}.sg-scores>div{min-width:65px;padding:.4rem .2rem}.sg-scores strong{font-size:1.2rem}.sg-caption{font-size:.59rem}}
@media(max-width:380px){.spades-guide .bt-card{width:38px;height:56px}.sg-backs i{width:30px;height:44px}.sg-opponents span:first-child,.sg-human>span{font-size:.52rem}}