#shark-expansion{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;width:min(640px,92vw);margin:8px auto;color:#c6f5ff;font-size:13px}
#shark-expansion label{display:flex;gap:6px;align-items:center}
#shark-expansion select{max-width:300px;background:#102d40;color:white;border:1px solid #4da4b8;border-radius:8px;padding:8px;font:inherit}
#shark-region-hint{flex-basis:100%;text-align:center;margin:0;font-size:12px}
@media(max-width:600px){#shark-expansion select{max-width:230px;padding:6px}#shark-expansion{gap:5px;margin:4px auto}}

@media(orientation:landscape) and (max-height:560px){#shark-region-hint{display:none}#shark-expansion{margin:0;gap:6px;font-size:11px}#shark-expansion select{max-width:190px;padding:3px}}