.tutorial-demo{gap:8px;height:100dvh;min-height:0}.tutorial-demo>*{min-width:0}.tutorial-player{grid-template-columns:72px minmax(0,1fr);align-items:center;padding-bottom:22px;display:grid;position:relative}.tutorial-seat-group{flex-direction:column;gap:2px}.tutorial-player>span,.tutorial-seat-group>.chip{text-align:center;bottom:0;position:absolute;inset-inline:0}.tutorial-caption{min-height:100px}.tutorial-table{min-height:0}.tutorial-hand{justify-content:center;align-items:center;height:70px;padding-inline:12px;display:flex}.tutorial-hand-large{height:110px}.tutorial-hand-card{flex-shrink:0;transition:transform .25s}.tutorial-hand-card+.tutorial-hand-card{margin-inline-start:-10px}.tutorial-hand-large .tutorial-hand-card+.tutorial-hand-card{margin-inline-start:-20px}@media (width<=400px){.tutorial-demo{padding-inline:12px}.tutorial-hand-large .tutorial-hand-card+.tutorial-hand-card{margin-inline-start:-24px}}@media (height<=740px){.tutorial-demo{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));gap:5px}.tutorial-demo header h1{font-size:16px;line-height:22px}.tutorial-player{gap:2px;padding-top:0;padding-bottom:18px}.tutorial-player .seat-ring-inner{width:32px;height:32px}.tutorial-hand{height:64px}.tutorial-hand-large{height:82px}.tutorial-hand-large .tutorial-hand-card>*{width:56px;height:80px}.tutorial-table .card-back,.tutorial-table .card-face,.tutorial-table [aria-label=ג\'וקר]{width:68px;height:96px}.tutorial-caption{min-height:94px;padding-block:8px}.tutorial-caption h2{font-size:18px;line-height:24px}.tutorial-caption p{font-size:13px;line-height:20px}.tutorial-demo footer{padding-top:6px}}@media (prefers-reduced-motion:reduce){.tutorial-demo *,.tutorial-demo :before,.tutorial-demo :after{transition:none!important;animation:none!important}}