*{box-sizing:border-box}html,body{background:#101416;width:100%;height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.hud{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#0f1416e8;border-radius:12px;width:350px;padding:16px;position:fixed;top:18px;left:18px;box-shadow:0 12px 30px #00000040}.title{letter-spacing:.08em;font-size:14px;font-weight:800}.subtitle{color:#b9c5c9;margin-top:4px;margin-bottom:14px;font-size:12px}.instruction{background:#ffffff0f;border-left:3px solid #e4c63a;margin-bottom:14px;padding:10px;font-size:12px;line-height:1.45}.readout{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;display:grid}.readout div{background:#ffffff12;border-radius:7px;padding:8px}.readout span{color:#aebbc0;margin-bottom:4px;font-size:10px;display:block}.readout strong{font-variant-numeric:tabular-nums;font-size:12px}.status{text-align:center;border-radius:7px;margin-top:10px;padding:9px;font-size:11px;font-weight:800}.status.warning{color:#ffd796;background:#be701540}.status.ok{color:#a9edc1;background:#25965340}.selected{margin-top:12px;font-size:12px}.buttons{grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;display:grid}button{cursor:pointer;color:#172023;background:#e6ecee;border:0;border-radius:7px;padding:8px 9px;font-size:11px;font-weight:700}button:hover{filter:brightness(1.08)}.note{color:#9dabad;border-top:1px solid #ffffff1f;margin-top:12px;padding-top:10px;font-size:10px;line-height:1.4}@media (width<=600px){.hud{width:calc(100% - 16px);padding:11px;top:8px;left:8px}.instruction{margin-bottom:8px}.readout{margin-bottom:5px}.note{display:none}}.fine-panel{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;z-index:20;background:#0f1416eb;border-radius:12px;width:330px;padding:15px;position:fixed;top:18px;right:18px;box-shadow:0 12px 30px #00000040}.fine-title{letter-spacing:.08em;font-size:14px;font-weight:800}.fine-subtitle{color:#abb8bc;margin-top:4px;margin-bottom:12px;font-size:11px}.fine-angle{background:#ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:7px 8px;font-size:11px;display:flex}.fine-angle span{color:#abb8bc}.fine-angle strong{font-variant-numeric:tabular-nums}.fine-status{text-align:center;border-radius:6px;margin-top:9px;padding:8px;font-size:10px;font-weight:800}.fine-warning{color:#ffd796;background:#be701540}.fine-ok{color:#a9edc1;background:#25965340}.fine-instruction{background:#ffffff0d;border-left:3px solid #e4c63a;margin-top:10px;padding:10px;font-size:11px;line-height:1.45}.fine-complete{background:#24914e26;border-left-color:#55cf7e}.fine-section{border-top:1px solid #ffffff1c;margin-top:12px;padding-top:10px;font-size:11px}.fine-buttons{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;display:grid}.fine-help{color:#96a5aa;border-top:1px solid #ffffff1a;margin-top:12px;padding-top:9px;font-size:10px;line-height:1.4}@media (width<=900px){.fine-panel{width:calc(100% - 16px);max-height:46vh;top:auto;bottom:8px;right:8px;overflow-y:auto}}