.rules{display:block;padding:clamp(72px,8vw,120px) max(48px,calc((100vw - 1440px)/2))}
.solitaire-variant-choice{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:min(1440px,calc(100% - 96px));margin:0 auto 28px;padding:22px 28px;border:1px solid #d2c4ae;border-left:5px solid #d95847;background:#e8decd}
.solitaire-choice-kicker{margin:0 0 .25rem;color:#ba4d3d;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.solitaire-variant-choice h2{margin:0;color:#17382f;font-family:var(--serif);font-size:clamp(1.45rem,2.5vw,2rem);font-weight:400}
.solitaire-variant-choice p:last-child{margin:.35rem 0 0;color:#59645d;font-size:.78rem;line-height:1.45}
.solitaire-choice-control{display:grid;gap:.35rem;min-width:245px}
.solitaire-choice-control label{color:#40544b;font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.solitaire-choice-control select{width:100%;min-height:45px;padding:.6rem .8rem;border:1px solid #8d9e91;border-radius:5px;background:#fffaf0;color:#17382f;font:700 .85rem var(--sans);cursor:pointer}
.solitaire-choice-control select:focus-visible{outline:3px solid #d95847;outline-offset:2px}
.solitaire-choice-control small{color:#657068;font-size:.63rem}
.waste.three-card-draw .card[data-peek]{pointer-events:none}
.rules-heading{max-width:760px;margin-bottom:clamp(42px,5vw,68px)}
.rules-heading h2{margin:1.5rem 0 1.5rem}
.rules-heading>p{max-width:680px}
.solitaire-tutorial{margin-bottom:clamp(70px,8vw,115px)}
.solitaire-tutorial-scene{display:flex;flex-direction:column;justify-content:center;gap:1.15rem;min-height:410px}
.sg-top{display:flex;justify-content:space-between;align-items:start;gap:1.5rem}
.sg-piles,.sg-foundations{display:flex;gap:.55rem}
.sg-zone{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:54px}
.sg-zone-name,.sg-column-name{color:#c9e0d1;font-size:.57rem;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.sg-slot{display:grid;place-items:center;width:57px;height:79px;border:1px dashed #ffffff75;border-radius:6px;color:#b7d3c4;font:400 1.55rem/1 var(--serif,Georgia,serif)}
.sg-slot .bt-card{margin:-1px}
.sg-slot .bt-card,.sg-stack .bt-card{width:57px;height:79px}
.sg-waste-fan{position:relative;width:57px;height:79px}
.sg-waste-fan .bt-card{position:absolute;left:var(--fan-x);z-index:var(--fan-z)}
.sg-back{position:relative;display:grid;place-items:center;width:57px;height:79px;border:3px solid #fff7e6;border-radius:6px;background:#d95847;color:#fff8ec;font-size:1.5rem;box-shadow:inset 0 0 0 3px #f6ddd3,0 6px 12px #0004}
.sg-back::after{content:"✦"}
.sg-amount{color:#d5e4d9;font-size:.59rem}
.sg-tableau{display:flex;justify-content:center;gap:clamp(.5rem,2vw,1.25rem);min-height:148px}
.sg-column{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:57px}
.sg-stack{position:relative;width:57px;min-height:112px;border:1px dashed #ffffff4c;border-radius:6px}
.sg-stack .bt-card,.sg-stack .sg-back{position:absolute;top:var(--sg-y);left:-1px}
.sg-stack .sg-back{z-index:var(--sg-z)}
.sg-stack .bt-card{z-index:var(--sg-z)}
.sg-empty{display:grid;place-items:center;width:100%;height:79px;color:#9bbfaf;font:400 1.8rem/1 var(--serif,Georgia,serif)}
.sg-caption{max-width:100%;align-self:center;padding:.45rem .8rem;border-radius:999px;background:#092c24d9;color:#f4d07b;font-size:.68rem;font-weight:700;line-height:1.35;text-align:center}
.rules-ad{margin:clamp(64px,7vw,100px) 0 0}
@media(max-width:760px){.solitaire-variant-choice{width:calc(100% - 36px);align-items:stretch;flex-direction:column;gap:1rem;margin-bottom:20px;padding:18px}.solitaire-choice-control{min-width:0}.rules{padding:76px 22px}.solitaire-tutorial-scene{min-height:350px;padding:16px 10px}.sg-top{gap:.4rem}.sg-piles,.sg-foundations{gap:.18rem}.sg-zone,.sg-column{min-width:40px}.sg-slot,.sg-back,.sg-stack,.sg-waste-fan{width:40px}.sg-slot,.sg-back,.sg-slot .bt-card,.sg-stack .bt-card,.sg-waste-fan{height:57px}.sg-slot .bt-card,.sg-stack .bt-card{width:40px}.sg-slot .bt-card{margin:-1px}.sg-stack{min-height:88px}.sg-empty{height:57px}.sg-tableau{min-height:120px;gap:.35rem}.sg-zone-name,.sg-column-name{font-size:.48rem}.sg-caption{font-size:.61rem}.sg-back{font-size:1.1rem}.sg-amount{font-size:.52rem}}
@media(max-width:380px){.sg-zone,.sg-column{min-width:36px}.sg-slot,.sg-back,.sg-stack,.sg-slot .bt-card,.sg-stack .bt-card{width:36px}.sg-slot,.sg-back,.sg-slot .bt-card,.sg-stack .bt-card{height:52px}.sg-empty{height:52px}.sg-foundations{gap:.1rem}.sg-tableau{gap:.2rem}}