#practice-room{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#040a13f5;padding:12px;touch-action:none}#practice-room[hidden]{display:none}
.practice-card{width:min(680px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:18px;border:2px solid #355768;background:#0a1420;color:#e1faff;font-family:sans-serif}.practice-card strong{color:#7feaff}.practice-card p{line-height:1.6;min-height:2em}.practice-card canvas{display:block;width:100%;image-rendering:pixelated}.practice-controls{display:flex;gap:6px;justify-content:center;margin:12px 0}.practice-card button{min-height:46px;min-width:40px;flex:1;border:2px solid #52768b;background:#152b3b;color:#e1faff;touch-action:none;font-size:12px}.practice-card small{color:#a1b4c6;font-size:11px}.practice-skip{display:block;margin:12px 0 0 auto;padding:6px 15px}.practice-controls button:active{background:#396579}
@media(max-height:460px){.practice-card{padding:10px}.practice-card canvas{width:min(100%,420px);max-height:42dvh;margin:auto}.practice-card p{margin:5px 0;font-size:12px}.practice-controls{margin:6px 0}.practice-skip{margin:4px 0 0 auto}}