.rules > .rules-heading,.bastra-tutorial,.bastra-full-rules-heading,.bastra-full-rules-grid{grid-column:1/-1}
.rules > .rules-heading{max-width:760px}
.rules > .rules-heading p{max-width:680px}
.bastra-tutorial{min-width:0}
.bastra-tutorial[hidden]{display:none!important}
.bastra-tutorial-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.25rem}
.bastra-tutorial-eyebrow{margin:0 0 .45rem;color:#be5545;font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.bastra-tutorial-heading h3{margin:0;color:#17382f;font:400 clamp(1.8rem,3vw,2.5rem)/1.1 var(--serif,Georgia,serif)}
.bastra-tutorial-heading>p{max-width:330px;margin:0;color:#6c7168;font-size:.78rem;line-height:1.55}
.bastra-tutorial-card{overflow:hidden;border:1px solid #c9c0b0;border-radius:14px;background:#fffaf0;box-shadow:0 14px 35px #172d2314}
.bastra-tutorial-scene{display:grid;grid-template-rows:auto 1fr auto;gap:1rem;min-height:365px;padding:24px clamp(16px,4vw,46px);background:radial-gradient(circle at 50% 45%,#316b59,#174637 72%,#0d342b);color:#fff9eb}
.bt-seat{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:42px}
.bt-seat-name{padding:.35rem .75rem;border:1px solid #ffffff30;border-radius:999px;background:#082b24a8;color:#e3f0e7;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.bt-backs{display:flex;padding-right:13px}
.bt-back{display:block;width:27px;height:39px;margin-right:-13px;border:3px solid #fff8e8;border-radius:4px;background:#d65e4a;box-shadow:inset 0 0 0 2px #ffffff6b,0 4px 8px #0004;transform:rotate(-4deg)}
.bt-back:nth-child(2n){transform:rotate(3deg)}
.bt-board{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;min-width:0;padding:12px;border:1px dashed #ffffff47;border-radius:12px;background:#092d2540}
.bt-zone-label{color:#c9e0d1;font-size:.59rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.bt-card-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem;min-height:83px}
.bt-empty{color:#c9e0d1;font:400 1rem var(--serif,Georgia,serif)}
.bt-card{position:relative;display:block;width:57px;height:79px;border:2px solid #fff7e6;border-radius:6px;background:#fffaf0;color:#17382f;box-shadow:0 6px 12px #0004}
.bt-card.is-red{color:#d95847}
.bt-card.is-selected{outline:3px solid #efbe56;outline-offset:2px;transform:translateY(-5px)}
.bt-card.is-target{outline:3px solid #efbe56;outline-offset:2px}
.bt-card.is-laid{outline:3px solid #e77d6c;outline-offset:2px}
.bt-corner{position:absolute;top:5px;left:6px;font:400 1rem/1 var(--serif,Georgia,serif)}
.bt-corner small{display:block;font-size:.65rem}
.bt-suit{position:absolute;inset:0;display:grid;place-items:center;font-size:1.7rem}
.bt-group{position:absolute;right:3px;bottom:3px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#efbe56;color:#17382f;font-size:.52rem;font-weight:700}
.bt-action{max-width:100%;padding:.4rem .8rem;border-radius:999px;background:#092c24d9;color:#f4d07b;font-size:.68rem;font-weight:700;line-height:1.4;text-align:center}
.bt-human{display:flex;flex-direction:column;align-items:center;gap:.45rem}
.bt-human .bt-card-row{min-height:84px}
.bastra-tutorial-copy{padding:clamp(18px,3vw,32px) clamp(18px,4vw,42px)}
.bastra-tutorial-copy-head{display:flex;justify-content:space-between;gap:1rem;color:#bb5444;font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.bastra-tutorial-copy-head span:last-child{color:#777c70}
.bastra-tutorial-copy h4{margin:.65rem 0 .5rem;color:#17382f;font:400 clamp(1.55rem,2.8vw,2.35rem)/1.1 var(--serif,Georgia,serif)}
.bastra-tutorial-copy>p{max-width:850px;min-height:3em;margin:0;color:#515f55;font-size:.88rem;line-height:1.65}
.bastra-tutorial-progress{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.3rem 0 1rem}
.bastra-tutorial-progress button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#d7cbb8;cursor:pointer}
.bastra-tutorial-progress button[aria-current="step"]{background:#d95847;transform:scale(1.25)}
.bastra-tutorial-progress button:focus-visible,.bastra-tutorial-nav button:focus-visible,.bastra-tutorial-skip:focus-visible{outline:3px solid #d95847;outline-offset:3px}
.bastra-tutorial-nav{display:flex;align-items:center;gap:1rem}
.bastra-tutorial-nav button{flex:0 0 auto;min-width:90px;min-height:40px;padding:.65rem .95rem;border:1px solid #c7bdaa;border-radius:999px;background:transparent;color:#17382f;font-size:.73rem;font-weight:700;cursor:pointer}
.bastra-tutorial-nav button:last-child{border-color:#d95847;background:#d95847;color:#fffaf0}
.bastra-tutorial-nav button:disabled{opacity:.4;cursor:default}
.bastra-tutorial-track{height:5px;flex:1;overflow:hidden;border-radius:999px;background:#e8decd}
.bastra-tutorial-track span{display:block;height:100%;width:0;background:#d95847;transition:width .2s ease}
.bastra-tutorial-skip{display:inline-block;margin-top:1rem;border-bottom:1px solid currentColor;color:#41584b;font-size:.72rem;font-weight:700}
.bastra-full-rules-heading{margin:1rem 0 -.7rem;color:#17382f;font:400 clamp(1.65rem,2.6vw,2.25rem)/1.1 var(--serif,Georgia,serif)}
.bastra-full-rules-grid{min-width:0}
@media(max-width:760px){.bastra-tutorial-heading{align-items:start;flex-direction:column;gap:.4rem}.bastra-tutorial-heading>p{max-width:none}.bastra-tutorial-scene{min-height:325px;padding:16px 10px;gap:.7rem}.bt-seat{gap:.55rem}.bt-card-row{gap:.35rem;min-height:68px}.bt-card{width:43px;height:62px}.bt-corner{top:3px;left:4px;font-size:.77rem}.bt-corner small{font-size:.48rem}.bt-suit{font-size:1.3rem}.bt-action{font-size:.61rem}.bt-human .bt-card-row{min-height:70px}.bastra-tutorial-copy>p{min-height:0}.bastra-tutorial-nav{gap:.55rem}.bastra-tutorial-nav button{min-width:72px;padding:.55rem .6rem;font-size:.66rem}}
@media(max-width:380px){.bt-card{width:38px;height:56px}.bt-card-row{gap:.24rem}.bt-board{padding:8px 5px}}