.infrastructure-canvas{pointer-events:auto;touch-action:none;cursor:grab;outline-offset:-3px}
.infrastructure-canvas.dragging{cursor:grabbing}
.infrastructure-canvas:focus-visible{outline:1px solid var(--orange)}
.hero-visual .infrastructure-canvas{top:7%;height:72%;width:100%}
.infrastructure-controls{position:absolute;left:16px;right:16px;bottom:98px;display:flex;align-items:center;justify-content:flex-end;gap:6px;z-index:3}
.infrastructure-controls>span{margin-right:auto;font:9px var(--mono);letter-spacing:.5px;color:#aa9d90}
.infrastructure-controls button{height:28px;min-width:28px;border:1px solid #4a3d33;background:#151619dc;color:#e8ba96;font-size:15px}
.infrastructure-controls button:hover{border-color:var(--orange)}
.command-visual .infrastructure-controls{bottom:42px}
.deck-scene .infrastructure-canvas{pointer-events:none;cursor:default}
@media(min-width:801px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:440px){.infrastructure-controls{left:10px;right:10px;gap:4px}.infrastructure-controls>span{font-size:8px;letter-spacing:0}}