.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}
.fortune-guide{margin-bottom:clamp(70px,8vw,115px)}
.fortune-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%,#416f6d,#264d50 75%,#172f36);color:#fff9ed}
.fg-seat,.fg-hand{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.fg-seat>span,.fg-hand>span,.fg-zone-label{color:#d2e6df;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.fg-backs{display:flex;justify-content:center;padding-right:14px}
.fg-backs i{display:block;width:32px;height:45px;margin-right:-14px;border:3px solid #fff9ed;border-radius:5px;background:#c65549;box-shadow:inset 0 0 0 3px #ffffff72,0 5px 10px #0004;transform:rotate(-3deg)}
.fg-backs i:nth-child(2n){transform:rotate(3deg)}
.fg-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}
.fg-centre.is-score{flex:1}
.fg-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;min-height:78px}
.fg-hand{min-height:98px}
.fg-scores{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;width:min(560px,100%)}
.fg-scores>div{min-width:85px;padding:.65rem .55rem;border:1px solid #ffffff38;border-radius:6px;background:#fffaf017;text-align:center}
.fg-scores span,.fg-scores strong{display:block;color:#fff9ed}
.fg-scores span{font-size:.62rem}.fg-scores strong{font:400 1.5rem var(--serif,Georgia,serif)}
.fg-caption{max-width:100%;align-self:center;padding:.45rem .8rem;border-radius:999px;background:#0c302be3;color:#f1c35b;font-size:.68rem;font-weight:700;line-height:1.4;text-align:center}
.fg-wild{position:absolute;right:2px;bottom:2px;padding:1px 2px;border-radius:2px;background:#e8b951;color:#17382f;font-size:.53rem;font-weight:700}
.rules-ad{margin:clamp(64px,7vw,100px) 0 0}
@media(max-width:760px){.rules{padding:76px 22px}.fortune-guide .bastra-tutorial-scene{min-height:340px;padding:16px 10px;gap:.55rem}.fg-backs i{width:28px;height:39px}.fg-cards{gap:.2rem;min-height:62px}.fg-hand{min-height:78px}.fg-centre{min-height:85px}.fg-scores{gap:.25rem}.fg-scores>div{min-width:65px;padding:.4rem .2rem}.fg-scores strong{font-size:1.2rem}.fg-caption{font-size:.59rem}}