*{box-sizing:border-box;margin:0;padding:0}html,body{color:#cfd6e4;-webkit-font-smoothing:antialiased;background:#0b0d12;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#stage{width:100%;height:100%;display:block}#hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;-webkit-user-select:none;user-select:none;background:#0e1117d6;border:1px solid #7896be2e;border-radius:12px;width:234px;padding:14px 16px;font-size:12px;line-height:1.6;position:fixed;top:16px;left:16px}#hud h1{letter-spacing:.6px;color:#eaf0ff;margin-bottom:10px;font-size:12px;font-weight:600}.row{justify-content:space-between;align-items:center;gap:8px;margin:9px 0;display:flex}.row label{color:#8b97ab;white-space:nowrap}input[type=range]{accent-color:#5aa9ff;width:104px}input[type=checkbox]{accent-color:#5aa9ff}.val{text-align:right;color:#9fc3ff;font-variant-numeric:tabular-nums;width:30px}button{color:#bcd8ff;cursor:pointer;background:#5aa9ff1f;border:1px solid #5aa9ff59;border-radius:8px;width:100%;margin-top:8px;padding:7px 0;font-family:inherit;font-size:12px;transition:background .15s}button:hover{background:#5aa9ff3d}.hint{color:#5d6878;margin-top:12px;font-size:11px;line-height:1.65}@media (width<=520px){#hud{width:calc(100% - 32px)}input[type=range]{width:130px}}