html,body,#renderCanvas{color:#dce7f2;background:#10151c;width:100%;height:100%;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}#hud{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1018c7;border:1px solid #8cb4dc3d;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;top:12px;left:12px;right:12px}#status{color:#b9d3ea;min-width:220px}#hint{color:#7896ad;font-size:.88rem}#metrics{flex:560px;grid-template-columns:repeat(4,minmax(96px,1fr));gap:6px;display:grid}.metric{color:#e4f0fb;font-variant-numeric:tabular-nums;background:#121f2dd1;border:1px solid #8cb4dc29;border-radius:8px;justify-content:space-between;gap:10px;padding:5px 8px;display:flex}.metric b{color:#8fb8df;font-weight:600}button{color:#eaf6ff;cursor:pointer;background:#20344a;border:1px solid #4d6d8f;border-radius:8px;padding:6px 10px}button:hover{background:#2d4662}