.alt-patrol{max-width:100%;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,color-mix(in srgb,var(--green) 8%,var(--bg2)),var(--panel));overflow:hidden;outline:none}.alt-patrol:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 28%,transparent)}.alt-patrol *{box-sizing:border-box}.alt-patrol-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.alt-patrol-head span{display:block;color:var(--muted);font:700 10px "JetBrains Mono",monospace;letter-spacing:.09em}.alt-patrol-head h3{margin:5px 0 0;color:var(--green);font-size:16px}.alt-patrol-head output{max-width:45%;color:var(--amber);font:700 11px/1.4 "JetBrains Mono",monospace;text-align:right}.alt-patrol-head output.success{color:var(--green)}.alt-patrol-map{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:13px;background:#0a1422}.alt-patrol-map span{display:grid;min-width:0;min-height:31px;place-items:center;border:1px solid #2a3a54;border-radius:6px;background:#13223a;color:#607490;font:700 13px "JetBrains Mono",monospace}.alt-patrol-map span.wall{border-color:#5e4352;background:#281b2a;color:#ff8794}.alt-patrol-map span.agent{border-color:#75e6ff;background:#113749;color:#75e6ff;box-shadow:0 0 13px rgba(117,230,255,.25)}.alt-patrol-map span.target{border-color:#f6c85f;background:#3c3219;color:#f6c85f}.alt-patrol-map span.route{border-color:#65d6a3;background:#153a35;color:#65d6a3}.alt-patrol-legend{display:flex;gap:11px;flex-wrap:wrap;padding:9px 13px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.alt-patrol-legend span{display:inline-flex;align-items:center;gap:5px}.alt-patrol-legend i{width:9px;height:9px;border-radius:50%;background:#75e6ff}.alt-patrol-legend i.target{background:#f6c85f}.alt-patrol-legend i.wall{border-radius:2px;background:#ff8794}.alt-patrol-legend i.route{background:#65d6a3}.alt-patrol-controls{display:grid;grid-template-areas:"up up up" "left down right" "step route reset";grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:13px}.alt-patrol-controls button{min-width:0;min-height:38px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--ink);cursor:pointer;font:700 11px/1.3 "Manrope",sans-serif;overflow-wrap:anywhere}.alt-patrol-controls button:hover,.alt-patrol-controls button:focus-visible{border-color:var(--green);color:var(--green);outline:0}.alt-patrol-controls [data-patrol-move="up"]{grid-area:up}.alt-patrol-controls [data-patrol-move="left"]{grid-area:left}.alt-patrol-controls [data-patrol-move="down"]{grid-area:down}.alt-patrol-controls [data-patrol-move="right"]{grid-area:right}.alt-patrol-controls [data-patrol-step]{grid-area:step}.alt-patrol-controls [data-patrol-route]{grid-area:route}.alt-patrol-controls [data-patrol-reset]{grid-area:reset}.alt-patrol-message{min-height:39px;margin:0;padding:0 14px 14px;color:var(--muted);font-size:12px;line-height:1.5}@media(max-width:430px){.alt-patrol-head{align-items:flex-start;flex-direction:column}.alt-patrol-head output{max-width:100%;text-align:left}.alt-patrol-map{gap:3px;padding:10px}.alt-patrol-map span{min-height:29px;font-size:12px}.alt-patrol-controls{grid-template-areas:"up up up" "left down right" "step step step" "route route route" "reset reset reset"}.alt-patrol-controls button{min-height:42px}}@media(max-width:350px){.alt-patrol-map span{min-height:27px}}
