#drawing svg{width:100%;height:clamp(240px,calc(100dvh - 540px),480px);background:#e8eeeb;border:1px solid #bdccc6;margin:8px 0}
#drawing h3{margin:8px 0;font-size:16px}#metrics p{margin:8px 0;font-size:14px;line-height:1.5}
#drawing polygon:nth-of-type(even){fill:#bb934830;stroke:#896322}
#pieces label{display:flex;align-items:center;gap:10px;border-bottom:1px solid #ccd8d2;padding:12px 0}
#pieces input[type=number]{width:90px}#pieces input[type=checkbox]{width:auto}
#metrics{background:#edf5ef;padding:12px}#advice{background:#fff5db;padding:12px}