/* Optional title-screen practice drill. No motion or changes to arena layout. */
.bounce-lab{margin-top:1.5rem;border:2px solid var(--bounce-cyan);border-radius:12px;background:var(--bounce-bg);text-align:left}
.bounce-lab summary{min-height:44px;padding:.75rem;cursor:pointer;font-weight:800;color:var(--bounce-cyan)}
.bounce-lab__body{padding:0 .75rem .75rem}
.bounce-lab__body p{margin:.5rem 0}
.bounce-lab__arena{display:block;width:100%;height:auto;margin:.75rem 0;background:#121528;border-radius:8px}
.bounce-lab__fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.bounce-lab label{display:block;font-weight:700}
.bounce-lab output{display:block;color:var(--bounce-teal);font-size:.9rem}
.bounce-lab input[type="range"]{width:100%;min-height:44px;margin:0;accent-color:var(--bounce-cyan);cursor:pointer}
.bounce-lab__buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.bounce-lab__buttons .btn{flex:1;min-width:100px;min-height:44px;padding:.6rem;font-size:.9rem}
.bounce-lab [data-lab-status]{min-height:4.5em;font-size:.95rem}
.bounce-lab :is(summary,input,button):focus-visible{outline:3px solid var(--bounce-yellow);outline-offset:3px}
.bounce-lab button:disabled{opacity:.55;cursor:default}
@media(max-width:520px){.bounce-lab__fields{grid-template-columns:1fr;gap:.25rem}}