/* Clear the fullscreen control without adding a header bar. */
.crewScene,.holdScene{padding-top:clamp(86px,9vh,120px)}
.crewScene .crewHeading,.holdScene .holdHeading{width:100%;max-width:100%;margin:0 0 14px}
.crewScene .crewHeading{padding-right:110px}
.crewScene .crewHeading h2,.holdScene .holdHeading h2{font-size:clamp(30px,2.7vw,52px);line-height:1.15;margin:3px 0 8px}
.crewScene .crewHeading p{font:700 clamp(15px,1.05vw,24px)/1.4 Nunito,system-ui,sans-serif;margin:0;max-width:850px}
.crewScene #crewShop{top:clamp(86px,9vh,120px)}
.holdCapacityNote{margin-bottom:12px}
.holdGrid .catchcard,.holdGrid .holdWeapon{border-radius:10px;transition:background .12s,box-shadow .12s}
.holdGrid .catchcard:hover,.holdGrid .holdWeapon:hover{background:#123a4dc9;box-shadow:inset 0 0 0 1px #d4af6b}
.componentPart{display:block;width:100%;height:100%;overflow:visible}
.componentChoice .componentPreview{height:clamp(44px,5vh,75px);width:100%;padding:3px 4px;box-sizing:border-box}
.componentChoice strong{line-height:1.25!important;overflow-wrap:anywhere}
.componentChoice.selected{box-shadow:inset 0 0 0 1px #ffe4a7,0 0 0 2px #e8bd7266}
.forgeHub .recipeAction .error:empty{display:none}
#overlay .panel{position:relative}
.panelDismiss{position:absolute;top:12px;right:12px;width:38px;height:38px;padding:0;border:1px solid #c9a56c;border-radius:8px;background:#183e4d;color:#fff1cc;font:700 30px/1 system-ui;display:flex;align-items:center;justify-content:center;z-index:3}
.panelDismiss:hover{background:#38616a;border-color:#ffe4a7}
#overlay .panel:has(.panelDismiss)>.toprow{padding-right:44px}
#overlay .panel:has(.panelDismiss)>h2{padding-inline:42px}
button:focus-visible{outline:3px solid #ffe7ad;outline-offset:3px}
#boatControls .waterCast{flex-direction:column;gap:3px}
#boatControls .waterCast .castBaitNote{font:700 clamp(10px,.85vw,19px)/1.15 Nunito,system-ui,sans-serif;color:#e4d7b4;white-space:nowrap;pointer-events:none}
#toast{max-width:min(90vw,680px);padding:12px 18px;background:#123747f5;border:1px solid #d4af71;border-radius:9px;box-shadow:0 4px 14px #081e2980;color:#fff0ca;font:800 clamp(14px,1.05vw,24px)/1.4 Nunito,system-ui,sans-serif;white-space:normal;text-align:center}
#returnAboard span{font-size:clamp(12px,.9vw,20px);background:#123747f2;border:1px solid #caa769;border-radius:6px;padding:5px 9px;color:#fff1ce;white-space:nowrap}
.primary:disabled{opacity:1;background:#405c65;color:#c6d1ca;border-color:#819085;box-shadow:none;cursor:not-allowed}
.forgeFocus:has(#workCanvas:focus-visible) .stationTitle h2{text-decoration:none}
.forgeFocus:has(#workCanvas:focus-visible) .stationTitle{border-color:#ffe4a7}
.crewFigure{position:relative;isolation:isolate}
.crewFigure::after{content:'';position:absolute;bottom:0;left:5%;right:5%;height:clamp(80px,8vh,145px);background:#153747ec;border:1px solid #bf9b6380;border-radius:9px;z-index:-1;pointer-events:none}
.crewFigure:hover::after,.crewFigure:focus-visible::after{background:#244c59f5;border-color:#f3d493}
.crewDeparture>small{font-size:clamp(12px,.9vw,19px);max-width:750px;margin:8px auto 0;line-height:1.35}
.crewScene #crewShop,.holdHeading .secondary{font-size:clamp(14px,1vw,23px);min-height:42px}
@media(orientation:landscape) and (max-height:650px){
 .crewScene,.holdScene{padding-top:61px}.crewScene #crewShop{top:61px}.crewScene .crewHeading,.holdScene .holdHeading{margin-bottom:7px}.crewScene .crewHeading h2,.holdScene .holdHeading h2{font-size:25px;margin:0 0 4px}.crewScene .crewHeading p{font-size:11px}.crewLineup{gap:15px}.crewFigure canvas{max-height:33vh;min-height:50px}.crewFigure::after{height:61px}.crewDeparture{padding-top:5px}.crewDeparture>small{font-size:10px;max-width:580px;margin:5px auto 0}.crewScene #crewShop,.holdHeading .secondary{font-size:12px;min-height:34px}.componentChoice .componentPreview{height:30px}.panelDismiss{top:8px;right:8px;width:32px;height:32px;font-size:26px}#boatControls .waterCast{gap:2px;padding-top:4px;padding-bottom:4px}#boatControls .waterCast .castBaitNote{font-size:9px}#toast{padding:8px 12px;font-size:12px}
}
@media(orientation:portrait){.crewScene,.holdScene{padding-top:70px}.crewScene #crewShop{top:70px}.crewScene .crewHeading{padding-right:75px}.crewScene .crewHeading p{font-size:13px}.crewFigure .crewWeaponName{font-size:12px}.crewDeparture .combatRouteButton{font-size:13px}.componentChoice .componentPreview{height:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.holdGrid .catchcard,.holdGrid .holdWeapon{transition:none}}