#overlay .panel.combatPicker{width:min(1050px,94vw);max-width:94vw;background:#143545f7;border:2px solid #c9a566;padding:24px;border-radius:15px}
.combatPicker h2{margin:8px 0 18px}.combatRouteGrid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.6fr);gap:24px}.combatAreas{display:flex;flex-direction:column;gap:9px}.combatArea,.combatLevel{border:1px solid #b9955b;border-radius:9px;background:#234855;color:#fff0cb;padding:12px;text-align:left;min-width:0}.combatArea strong,.combatLevel strong{display:block;font-size:clamp(16px,1.2vw,26px);line-height:1.2}.combatArea small,.combatLevel small{display:block;margin-top:6px;color:#dfd8bc;font-size:clamp(11px,.85vw,18px);line-height:1.3}.combatArea.selected,.combatLevel.selected{background:#826438;border-color:#ffe1a0}.combatArea:disabled,.combatLevel:disabled{background:#203d48;color:#98aaa8;border-color:#52696b;opacity:.65}.combatLevelChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:44vh;overflow:auto;padding:3px}.combatLevels h3{margin:0 0 9px;font-size:clamp(23px,1.8vw,34px)}#overlay .combatLevels p{font-size:clamp(14px,1vw,21px);line-height:1.4;margin:0 0 15px}.combatPicker>#closeCombatPicker{margin-top:18px}.crewDeparture .combatRouteButton{background:#133545f5;border:2px solid #c9a566;font-size:clamp(15px,1.1vw,25px);padding:10px 18px}.combatRouteButton span{color:#ebc77c;margin-left:12px;font-size:.8em}.levelUnlocked{color:#f6d99b;background:#183d49;padding:10px 14px;border:1px solid #b9955b;border-radius:8px}
@media(orientation:landscape) and (max-height:650px){#overlay .panel.combatPicker{padding:13px}.combatPicker h2{font-size:24px;margin:4px 0 9px}.combatRouteGrid{gap:12px;grid-template-columns:180px 1fr}.combatAreas{gap:5px}.combatArea,.combatLevel{padding:8px}.combatArea strong,.combatLevel strong{font-size:13px}.combatArea small,.combatLevel small{font-size:10px;margin-top:3px}.combatLevelChoices{max-height:38vh}.combatLevels h3{font-size:19px}#overlay .combatLevels p{font-size:12px;margin-bottom:8px}.crewDeparture .combatRouteButton{padding:6px 12px;font-size:12px}.combatPicker>#closeCombatPicker{margin-top:9px}}
@media(orientation:portrait){.combatRouteGrid{grid-template-columns:1fr;gap:16px}.combatAreas{display:grid;grid-template-columns:1fr 1fr}.combatArea{padding:9px}.combatArea strong{font-size:13px}.combatArea small{font-size:10px}.combatLevelChoices{grid-template-columns:1fr 1fr}.combatRouteButton span{display:block;margin:5px 0 0}}
#baitChooser .baitChoice{height:auto;min-height:106px;min-width:118px;width:clamp(118px,9vw,210px);flex-basis:clamp(118px,9vw,210px);display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px}
#baitChooser .baitChoice small{display:block;color:#dce5d4;font-size:clamp(11px,.8vw,18px);line-height:1.25;text-align:center;white-space:normal}
#baitChooser .baitChoice span{font-size:clamp(13px,1vw,23px);white-space:nowrap}
@media(max-height:650px){#baitChooser .baitChoice{min-height:83px;min-width:95px;width:95px;flex-basis:95px;padding:6px;gap:4px}#baitChooser .baitChoice small{font-size:10px}#baitChooser .baitChoice span{font-size:11px}}
#baitChooser{max-width:calc(100vw - 30px);flex-wrap:wrap;justify-content:center}
#baitChooser .baitChoice{background:#214852;color:#fff0ce;border-color:#c8a366}
#baitChooser .baitChoice.selected{background:#f2cd88;color:#17394c;border-color:#fff0c7}
#baitChooser .baitChoice small{color:inherit;opacity:.95}
#baitChooser .baitChoice svg{width:32px;height:32px;flex:none}
@media(max-height:650px){#baitChooser .baitChoice svg{width:25px;height:25px}}