#collisionCanvas{display:block;width:100%;height:310px;touch-action:pan-y}.collision-legend{display:flex;justify-content:center;gap:20px;font-size:14px;padding:6px 16px 15px}.collision-legend span:first-child{color:#236f9b}.collision-legend span:last-child{color:#287651}.energy-distribution{display:flex;height:14px;margin:18px 0;border-radius:5px;overflow:hidden;background:#d6e6dc}.energy-distribution span:first-child{background:#448db6}.energy-distribution span:last-child{background:#40895f}.relative-result output{font-size:23px;line-height:1.6}.lab-buttons button{flex:1 1 0;min-width:0;min-height:46px;font-size:15px}.lab-buttons{gap:9px}.tool-card label{font-size:16px}.collision-explain p{font-size:16px;line-height:1.9;color:#426656}.collision-explain details{margin:22px 0}.collision-explain summary{cursor:pointer;color:#246d50}button{touch-action:manipulation}@media(max-width:480px){#collisionCanvas{height:275px}.relative-result output{font-size:21px}.lab-buttons{flex-wrap:wrap}.lab-buttons button{flex:1 1 calc(50% - 9px);font-size:14px}.lab-buttons button[data-angle="180"]{flex-grow:0}.tool-card p{font-size:15px;line-height:1.85}.collision-explain p{font-size:15px}.collision-legend{font-size:14px}}
.lab-buttons button[aria-pressed="true"]{background:#286f55;border-color:#286f55;color:white}