.hex-scout { margin:.9rem 0; text-align:center; }
.hex-scout > p { font-size:.8rem; color:#64748b; margin-top:.3rem; }
.hex-scout button,.hex-scout select { min-height:44px; min-width:44px; font:inherit; }
.hex-scout button { border:1px solid #ea580c; border-radius:8px; padding:.6rem .8rem; color:#9a3412; background:#fff7ed; font-weight:700; cursor:pointer; }
.hex-scout button:focus-visible,.hex-scout select:focus-visible { outline:3px solid #f97316; outline-offset:3px; }
.hex-scout-dialog { width:calc(100% - 32px); max-width:380px; max-height:calc(100dvh - 32px); overflow:auto; margin:auto; padding:1rem; color:#1e293b; border:2px solid #f97316; border-radius:12px; text-align:left; }
.hex-scout-dialog::backdrop { background:rgb(15 23 42 / .72); }
.hex-scout-dialog h2 { font-size:1.2rem; }
.hex-scout-dialog p { font-size:.82rem; line-height:1.45; margin:.55rem 0; }
.hex-scout-dialog label { display:block; font-size:.8rem; font-weight:700; margin:.6rem 0 .2rem; }
.hex-scout-dialog select { display:block; width:100%; max-width:100%; border:1px solid #94a3b8; border-radius:6px; padding:.4rem; font-size:.82rem; background:#fff; color:#1e293b; }
.hex-scout-board { margin:.6rem auto; width:150px; max-width:100%; background:#0f172a; border-radius:8px; padding:4px; }
.hex-scout-board svg { display:block; width:100%; height:auto; }
.hex-scout-result { font-weight:800; }
.hex-scout-actions { display:grid; gap:.5rem; }
.hex-scout button:disabled { opacity:.55; cursor:default; }