#turn-scout { width:100%; }
#turn-scout > button { width:100%; }
#turn-scout button { min-height:44px; min-width:44px; }
#scout-dialog { width:calc(100% - 24px); max-width:380px; max-height:90dvh; overflow:auto; }
#scout-dialog .dialog-body { padding:16px; gap:10px; }
#scout-dialog p { font-size:.85rem; overflow-wrap:anywhere; }
#scout-board { width:100%; height:auto; max-width:280px; align-self:center; border:1px solid var(--border-bright); border-radius:8px; }
.scout-turns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#scout-dialog button { white-space:normal; border-radius:10px; padding:10px 8px; }
#scout-dialog button[aria-pressed="true"] { border-color:var(--snake-light); background:var(--snake-dark); }
#scout-result { padding:10px; background:var(--bg-card); border-left:3px solid var(--snake-light); }
#scout-dialog button:focus-visible { outline:2px solid var(--snake-light); outline-offset:2px; }
@media (prefers-reduced-motion:reduce) { #turn-scout *, #scout-dialog * { animation:none!important; transition:none!important; } }