.spottingLocations{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;font-size:12px}.spottingLocations[hidden]{display:none}.spottingLocations label{display:flex;align-items:center;gap:5px;min-width:0}.spottingLocations select{max-width:240px;min-width:100px;background:#15263b;color:white;border:1px solid #597185;border-radius:5px;padding:6px}.spottingLocations small{max-width:300px;color:#b6d6e3;font-size:11px}
#spottingPlacesDialog,#spottingPlaceEditor{box-sizing:border-box;width:min(680px,94vw);max-height:90dvh;overflow:auto;background:#102037;color:#f0f7ff;border:1px solid #597185;border-radius:10px;padding:16px}#spottingPlacesDialog::backdrop,#spottingPlaceEditor::backdrop{background:#020914c9}.placesHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.placesHeading h2{font-size:20px;margin:4px 0}.placesActions{display:flex;flex-wrap:wrap;gap:6px}.spottingPlaceRow{padding:12px 0;border-bottom:1px solid #3b5065}.spottingPlaceRow strong,.spottingPlaceRow small{display:block;overflow-wrap:anywhere;margin-bottom:6px}#spottingPlacesDialog button,#spottingPlaceEditor button{border:1px solid #64879d;border-radius:5px;background:#193a50;color:white;padding:8px;cursor:pointer}#spottingPlacesDialog button:disabled,#spottingPlaceEditor button:disabled{opacity:.5}#spottingPlaceEditor input{box-sizing:border-box;max-width:100%;padding:8px;background:#071425;color:white;border:1px solid #64879d;border-radius:4px}#spottingPlaceEditor input[type=checkbox]{width:auto}.placeCoordinates{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.placeCoordinates label{flex:1;min-width:110px}.placeCoordinates input{width:100%}#spottingPickerMap{height:min(340px,40dvh);width:100%;margin:10px 0;touch-action:none}.spottingPickerPin{font-size:28px}.spottingLocations button:focus-visible,#spottingPlacesDialog button:focus-visible,#spottingPlaceEditor button:focus-visible{outline:2px solid #8bf0c8;outline-offset:2px}
@media(max-width:760px){.spottingLocations{flex-basis:100%;width:100%}.spottingLocations label{flex:1}.spottingLocations select{flex:1;max-width:calc(100vw - 170px)}.spottingLocations small{flex-basis:100%;max-width:100%}}

#spottingPlacesDialog[open],#spottingPlaceEditor[open]{display:block;height:fit-content;margin:auto;font-size:14px;line-height:1.4}

#modeSidebar .spottingLocations{width:100%;padding:8px 0;gap:6px;box-sizing:border-box}#modeSidebar .spottingLocations label{flex:1;min-width:0;white-space:nowrap}#modeSidebar .spottingLocations select{flex:1;width:100%;min-width:0;max-width:none}#modeSidebar #manageSpottingPlaces{flex:none;width:auto;min-width:54px;min-height:34px;white-space:nowrap;padding:6px 8px;margin:0}#modeSidebar .spottingLocations small{flex-basis:100%;max-width:100%}