:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0d10;color:#f4f7fa}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,select{font:inherit}.sim-shell{position:relative;width:100%;height:100%;background:#0a0d10}.sim-canvas{display:block;width:100%;height:100%}.app-header{position:absolute;top:12px;left:12px;z-index:24;color:#f4f7fa;font-size:16px;font-weight:800;letter-spacing:.04em;pointer-events:none;text-transform:uppercase;text-shadow:0 2px 14px rgba(0,0,0,.72)}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud.is-hidden .hud-panels{display:none}.hud-context-bar{position:absolute;top:12px;left:104px;right:12px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto;z-index:20}.hud-toggle{flex:0 0 auto;min-height:32px;border:1px solid rgba(244,247,250,.16);border-radius:6px;background:#0a0d10c7;color:#f4f7fa;cursor:pointer;padding:0 10px;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-chip{min-height:32px;border:1px solid rgba(244,247,250,.12);border-radius:6px;background:#0a0d109e;color:#aeb9c3;cursor:pointer;padding:0 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-toggle:hover,.hud-chip:hover{background:#1e2a33e6}.hud-chip.is-active{border-color:#70d6ff85;background:#1b3a46e0;color:#fff}.hud-panels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-panel{position:absolute;width:min(320px,calc(100vw - 24px));border:1px solid rgba(244,247,250,.12);border-radius:8px;background:#0a0d10c7;box-shadow:0 14px 40px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px;pointer-events:auto}.hud-panel.is-panel-hidden{display:none}.hud-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#c8d2da;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hud-panel-close{width:24px;height:24px;border:1px solid rgba(244,247,250,.1);border-radius:6px;background:#ffffff0a;color:#aeb9c3;cursor:pointer;line-height:1}.hud-panel-close:hover{background:#ffffff1a;color:#fff}.hud-panel-top-left{top:58px;left:12px}.hud-panel-top-left.second{top:58px;left:344px}.hud-panel-top-right{top:58px;right:12px}.hud-panel-top-center{top:58px;left:50%;transform:translate(-50%)}.hud-panel-right-center{top:50%;right:12px;transform:translateY(-50%)}.hud-panel-left-center{top:50%;left:12px;transform:translateY(-50%)}.hud-panel-bottom-left{bottom:12px;left:12px}.hud-panel-bottom-left.second{bottom:12px;left:344px}.hud-panel-bottom-center{bottom:12px;left:50%;transform:translate(-50%)}.hud-panel-controls{right:12px;bottom:12px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(64px,1fr));gap:6px}.metric{min-width:0;border:1px solid rgba(244,247,250,.08);border-radius:6px;padding:7px;background:#ffffff09}.metric-label{display:block;color:#94a0aa;font-size:11px;line-height:1.2}.metric-value{display:block;margin-top:4px;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;line-height:1.1;overflow-wrap:anywhere}.hud-help-panel{width:min(420px,calc(100vw - 24px))}.help-content{display:grid;gap:8px;color:#c8d2da;font-size:12px;line-height:1.45}.help-content p{margin:0}.help-content strong{color:#fff}.control-row{display:flex;align-items:center;gap:10px;margin-top:10px}.control-row label{min-width:64px;color:#b7c0c9;font-size:12px}.control-row input{width:100%;accent-color:#70d6ff}.hud-select{width:100%;min-width:0;border:1px solid rgba(244,247,250,.14);border-radius:6px;background:#121b21;color:#f4f7fa;padding:8px}.check-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;color:#b7c0c9;font-size:12px}.check-row input{width:18px;height:18px;accent-color:#70d6ff}.control-value{min-width:38px;color:#e8f3fb;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.placement-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}.hud-panel-controls>.hud-button{width:100%;margin-top:8px}.hud-button{min-height:36px;border:1px solid rgba(244,247,250,.16);border-radius:6px;background:#162027;color:#f4f7fa;cursor:pointer}.hud-button:hover{background:#1e2a33}.hud-button.is-active{border-color:#70d6ff;background:#24404d;color:#fff}.hud-button:active{transform:translateY(1px)}@media (max-width: 640px){.hud-context-bar{top:8px;left:8px;right:8px;padding-top:30px}.app-header{top:8px;left:8px;font-size:14px}.hud-panel,.hud-panel-top-left,.hud-panel-top-left.second,.hud-panel-top-right,.hud-panel-top-center,.hud-panel-right-center,.hud-panel-left-center,.hud-panel-bottom-left,.hud-panel-bottom-left.second,.hud-panel-bottom-center,.hud-panel-controls{position:static;transform:none;width:100%}.hud-panels{top:112px;right:8px;bottom:8px;left:8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:15px}}