.controller-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem;margin:1rem 0}.controller-layout>*{min-width:0}.stick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stick{text-align:center;min-width:0}.stick canvas{width:100%;max-width:240px;height:auto;aspect-ratio:1;display:block;margin:auto}.stick p{font-size:.83rem;font-variant-numeric:tabular-nums}.axis-readings{display:flex;flex-wrap:wrap;gap:.4rem 1rem}.axis-readings p{font-size:.8rem;margin:.3rem 0}.rest-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;font-variant-numeric:tabular-nums}.button-panel{margin:1rem 0}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.button-reading{background:#091d28;border:1px solid #365663;border-radius:8px;padding:.7rem;margin:0;font-size:.82rem}.button-reading.pressed{background:#236b70;color:#fff;border-color:#78e7e7}#controller-info{overflow-wrap:anywhere}#reference{width:100%;accent-color:#50d5d9}.controller-skip{position:absolute;top:-70px;left:10px;padding:10px;background:#091d28;z-index:20}.controller-skip:focus{top:10px}@media(max-width:850px){.controller-layout{grid-template-columns:1fr}}@media(max-width:450px){.stick-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}