.mechanics{position:absolute;z-index:3;right:16px;top:16px;width:225px;padding:9px;background:#f8fcfff2;border:1px solid #afc7d8;border-radius:10px;box-shadow:0 5px 18px #17354d30;display:grid;gap:5px}
.mechanics strong{font-size:11px;color:#173a61;letter-spacing:.4px}
.mechanics button{border:1px solid #b8ccda;background:#fff;color:#173a61;border-radius:6px;padding:7px 8px;text-align:left;cursor:pointer;font-size:11px}
.mechanics button:hover{border-color:#1383cb}
.mechanics button.on{background:#087fce;color:#fff;border-color:#087fce}
.mechanics span{font-size:9px;color:#5b7488;line-height:1.25;padding-top:3px}
#mechanic-card{border-left:3px solid #12a5df;background:#e9f6fd;border-radius:5px;padding:7px;color:#173a61;display:grid;gap:3px}#mechanic-card b{font-size:11px}#mechanic-card small{font-size:9px;line-height:1.3}#mechanic-card em{font-style:normal;font-weight:700;color:#0871c3}
@media(max-width:850px){.mechanics{width:auto;left:12px;right:12px;top:68px;grid-template-columns:repeat(5,1fr)}.mechanics strong,.mechanics span,#mechanic-card{grid-column:1/-1}.mechanics button{font-size:9px;text-align:center;padding:6px 3px}#mechanic-card{display:none}}