.mechanics-modes{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 16px}.mechanics-modes button{padding:10px 15px;border:1px solid rgba(0,18,51,.18);color:#001233;background:transparent;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mechanics-modes button.is-active{color:#fff;border-color:#fe5000;background:#fe5000}.mechanics-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.mechanics-controls label{display:grid;gap:6px;align-content:start;font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.mechanics-controls input{min-width:0;width:100%;height:43px;padding:9px;border:1px solid rgba(0,18,51,.18);color:#001233;background:#fff}.mechanics-controls input[type=range]{padding:0;accent-color:#fe5000}.mechanics-controls output{color:#fe5000}.mechanics-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}.mechanics-result{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px}.mechanics-result strong{color:#fe5000}.mechanics-simulation{position:relative;min-height:470px;overflow:hidden;background:#001233}.mechanics-simulation canvas{display:block;width:100%;height:470px}.mechanics-vector-legend{position:absolute;top:16px;left:18px;display:flex;flex-wrap:wrap;gap:14px;color:#fff;font-size:.65rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.mechanics-vector-legend span{display:flex;align-items:center;gap:6px}.mechanics-vector-legend span::before{content:"";width:18px;height:3px;background:currentColor}.mechanics-vector-legend .is-velocity{color:#16b8a6}.mechanics-vector-legend .is-acceleration{color:#fe5000}.mechanics-vector-legend .is-force{color:#ffba35}.mechanics-time{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center;gap:14px;padding:15px 0}.mechanics-time label,.mechanics-time output{font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.mechanics-time input{width:100%;accent-color:#fe5000}.mechanics-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(0,18,51,.14)}.mechanics-charts article{min-width:0;padding:16px;background:#fff}.mechanics-charts h3{margin:0 0 10px;font:650 1.45rem/1 "Cormorant Garamond",serif}.mechanics-charts canvas{width:100%!important;height:230px!important}@media(max-width:900px){.mechanics-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mechanics-charts{grid-template-columns:1fr}.mechanics-charts canvas{height:210px!important}}@media(max-width:560px){.mechanics-controls{grid-template-columns:1fr}.mechanics-simulation{min-height:390px}.mechanics-simulation canvas{height:390px}.mechanics-time{grid-template-columns:1fr}.mechanics-vector-legend{right:14px;gap:8px}.mechanics-vector-legend span{font-size:.58rem}}