@media(max-width:900px){.mobile-only{display:block}.sidebar{transform:translateX(-105%);transition:.25s;width:min(85vw,310px)}.sidebar.open{transform:none}.backdrop.open{display:block;position:fixed;inset:70px 0 0;background:rgba(20,10,30,.45);z-index:20}.app-main{padding:92px 16px 30px}.hero{grid-template-columns:1fr;text-align:center}.demo-card{max-width:440px;margin:auto}.control-grid{grid-template-columns:1fr}.current{grid-row:auto}.quick{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{height:64px}.sidebar{top:64px}.heading{align-items:flex-start;flex-direction:column}.heading .btn{width:100%}.stats{grid-template-columns:1fr 1fr}.code-panel{display:grid;grid-template-columns:1fr auto}.code-panel .btn{grid-column:1/-1;margin:0;width:100%}.player-row{grid-template-columns:1fr auto}.player-row select{grid-row:2;grid-column:1}.player-row .pay{grid-row:2;grid-column:2}.actions .btn{width:100%}.caller-actions{grid-template-columns:1fr}.board{gap:2px;padding:2px}.cell{border-radius:5px}.cell strong{font-size:.5rem}}