/* A symmetric, full-stage tutorial. The board occupies the middle grid track. */
.host.phase-hbt-intro #gameplay{overflow:visible}
.host.phase-hbt-intro .hbt-panel{padding:0!important;overflow:visible;gap:0}
.host.phase-hbt-intro .hbt-theatre{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:0;align-items:center;justify-items:center;height:100%;width:100%;position:relative}
.host.phase-hbt-intro .hbt-board{height:100%;width:auto;max-width:100%;max-height:none;justify-self:center;align-self:center;aspect-ratio:2/3}
.host.phase-hbt-intro .hbt-host{width:100%;height:100%;align-items:end}
.host.phase-hbt-intro .hbt-host-art{height:90%;max-height:none;max-width:100%}
.host.phase-hbt-intro .hbt-board-screen{inset:25% 12% 18%;gap:0}
.hbt-tutorial-step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,2vh,26px);width:100%;height:100%;min-height:0;text-align:center;animation:hbt-tutorial-arrive .25s ease-out}
.hbt-tutorial-step[hidden]{display:none!important}
.host.phase-hbt-intro .hbt-tutorial-step h2{font-size:clamp(22px,2.4vw,40px);line-height:1.08}
.host.phase-hbt-intro .hbt-tutorial-step .hbt-demo-main{font-size:clamp(20px,2vw,34px);line-height:1.15;color:#9b4e3e;text-wrap:balance}
.host.phase-hbt-intro .hbt-tutorial-step .hbt-demo-note{font-size:clamp(17px,1.5vw,25px);line-height:1.2;text-wrap:balance}
.hbt-tutorial-step[data-clip='hbt-bluff'] .hbt-demo-note:first-of-type,.hbt-tutorial-step[data-clip='hbt-vote'] .hbt-demo-note:first-of-type{padding:10px 14px;border:2px solid #b18161;border-radius:12px;background:#fff8e8;color:#743e35;font-weight:800}
@keyframes hbt-tutorial-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:650px){.host.phase-hbt-intro .hbt-tutorial-step{gap:10px}.host.phase-hbt-intro .hbt-tutorial-step h2{font-size:25px}.host.phase-hbt-intro .hbt-tutorial-step .hbt-demo-main{font-size:22px}.host.phase-hbt-intro .hbt-tutorial-step .hbt-demo-note{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hbt-tutorial-step{animation:none}.hbt-host.talking{animation:none}}
