.pf-lens{margin:10px 0;border:2px solid #10b981;border-radius:10px;background:#fff}
.pf-lens summary{min-height:44px;display:flex;align-items:center;padding:10px;font-weight:800;cursor:pointer}
.pf-lens-body{padding:0 10px 10px;display:grid;gap:10px;min-width:0}
.pf-lens p{font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}
.pf-lens-position{font-weight:800}.pf-lens-note,.pf-lens-key{color:#475569}
.pf-lens-board{display:grid;gap:3px;background:#cbd5e1;padding:4px;border-radius:8px;max-width:100%}
.pf-lens-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0;border-radius:3px;background:#f8fafc;color:#334155;font-weight:800;font-size:clamp(12px,4vw,18px)}
.pf-lens-cell.is-reachable{background:#d1fae5}.pf-lens-cell.is-trail{background:#a5f3fc}.pf-lens-cell.is-wall{background:#1e293b;color:#cbd5e1}.pf-lens-cell.is-cut{background:#ffe4e6;color:#9f1239}
.pf-lens-directions,.pf-lens-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.pf-lens button{min-width:44px;min-height:44px;border:2px solid #10b981;border-radius:8px;background:#ecfdf5;color:#065f46;font:700 .8rem/1.3 'Plus Jakarta Sans',system-ui,sans-serif;padding:7px;cursor:pointer;touch-action:manipulation}
.pf-lens button:disabled{opacity:.45;cursor:default}.pf-lens button[aria-pressed="true"]{background:#065f46;color:#fff}
.pf-lens button:focus-visible,.pf-lens summary:focus-visible{outline:3px solid #0891b2;outline-offset:2px}