.nautical-strip{display:flex;align-items:center;gap:24px;flex-shrink:0;min-width:0;padding:0 4px 8px;border-bottom:1px solid #d5cdc1;min-height:78px}.nautical-message{flex:1;min-width:0}.flag-string{position:relative;height:67px;padding:0 12px}.flag-rope{position:absolute;left:0;top:0;width:100%;height:38px}.flags-on-rope{display:flex;justify-content:center;align-items:flex-start;gap:clamp(3px,.8vw,14px);height:100%;position:relative}.hoisted-flag{flex:0 1 47px;max-width:47px;min-width:0;display:flex;align-items:center;flex-direction:column;padding-top:var(--drop);position:relative;transform-origin:top center}.hoisted-flag::before{content:'';height:6px;border-left:2px solid #a38c69}.nautical-flag{width:100%;height:auto;display:block;overflow:visible}.hoisted-flag>.nautical-flag{filter:drop-shadow(1px 3px 2px #01216926);transform-origin:top left}.hoisted-flag small{color:#667078;font:8px Segoe UI,Arial,sans-serif;margin-top:3px}.flag-space{flex:0 1 18px;min-width:6px}.flag-caption{display:flex;justify-content:space-between;gap:10px;color:#667078;font-size:8px;letter-spacing:1px;padding:4px 6px 0;overflow-wrap:anywhere}.flags-flutter .hoisted-flag>.nautical-flag{animation:flag-flutter 4.5s ease-in-out infinite;animation-delay:var(--flag-delay)}@keyframes flag-flutter{0%,100%{transform:skewY(-2deg) rotate(-2deg)}50%{transform:skewY(3deg) rotate(2deg)}}.bravo-status{display:flex;align-items:center;gap:14px;border-left:3px solid #c8102e;background:#fbf4f1;padding:10px 14px;border-radius:4px;max-width:440px;flex:0 1 380px;min-width:230px;color:#222c33}.bravo-status>.nautical-flag{width:65px;flex-shrink:0;filter:drop-shadow(1px 2px 1px #01216924)}.bravo-status>div{min-width:0}.bravo-status span{display:block;font-size:8px;font-weight:750;letter-spacing:1.5px;color:#c8102e}.bravo-status strong{display:block;font-size:clamp(13px,1.2vw,19px);line-height:1.3;color:#012169;margin-top:5px}.bravo-status p{font-size:12px;line-height:1.4;margin:5px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.flag-live-preview{background:#f2efe8;border:1px solid #dcd6cc;border-radius:8px;padding:15px;margin:12px 0 23px;min-height:110px}.flag-live-preview .flag-caption{font-size:9px;letter-spacing:.3px}.bravo-explanation{display:flex;align-items:center;gap:20px;background:#f9eaed;padding:16px;border-radius:8px;margin-bottom:20px}.bravo-explanation>.nautical-flag{width:70px;flex-shrink:0}.bravo-explanation p{font-size:13px;margin:0;color:#222c33}.has-flags.crew-board{gap:10px}.has-flags.drill-display{gap:12px}.has-flags.drill-display .drill-hero h1{font-size:32px}.has-flags.drill-display .drill-hero p{font-size:12px}.has-flags.drill-display .drill-date-badge{height:58px;width:58px}.has-flags.drill-display .drill-programme li{padding-top:12px;padding-bottom:12px}.has-flags.drill-display .drill-brief-section{padding:12px 0}.tv.priority .nautical-strip{margin-top:15px;border:0;justify-content:flex-end}.tv.priority.has-flags .tv-main{min-height:45vh}.tv.priority .bravo-status{background:#fbf4f1}
@media(max-height:800px) and (min-width:901px){.has-flags.crew-board .weather-art{height:30px}.has-flags.crew-board .weather-main strong{font-size:32px}.has-flags.crew-board .tide-panel{padding-top:10px;padding-bottom:10px}.has-flags.crew-board .tide-columns{margin-top:8px}.has-flags.crew-board .tide-row{padding:3px 0}.has-flags.crew-board .tide-source{margin-top:7px}.has-flags.crew-board .crew-notice{padding-top:16px;padding-bottom:16px}.has-flags.drill-display .drill-programme p{font-size:13px}.has-flags.drill-display .drill-brief-section p{font-size:15px}.has-flags.drill-display .drill-schedule-panel,.has-flags.drill-display .drill-brief-panel{padding:13px 20px}.has-flags.drill-display .drill-panel-heading{padding-bottom:11px}}
@media(max-width:700px){.nautical-strip{flex-wrap:wrap;gap:14px}.nautical-message{flex-basis:100%}.nautical-strip .bravo-status{flex:1;max-width:none}.flag-string{padding:0 4px}.bravo-status>.nautical-flag{width:54px}.flag-caption{letter-spacing:.3px}}
@media(prefers-reduced-motion:reduce){.flags-flutter .hoisted-flag>.nautical-flag{animation:none}}
@media(max-height:800px) and (min-width:901px){
  .has-flags.crew-board{padding:14px 24px 60px;gap:8px}.has-flags .crew-header{min-height:45px;padding-bottom:8px}.has-flags .crew-wordmark .spirit-logo{width:175px}.has-flags .crew-clock{font-size:27px}
  .has-flags .flag-string{height:53px}.has-flags .flag-rope{height:27px}.has-flags .hoisted-flag{max-width:36px}.has-flags .flag-caption{padding-top:2px;font-size:7px}.has-flags .nautical-strip{min-height:65px;padding-bottom:5px}
  .has-flags .crew-layout{gap:12px}.has-flags .crew-side{gap:9px}.has-flags.crew-board .crew-notice{padding:14px 20px}.has-flags.crew-board .weather-panel{padding:9px 15px}.has-flags .weather-main{margin:3px 0}.has-flags .weather-details{padding-top:4px}.has-flags .weather-source{font-size:8px;margin-top:4px}
  .has-flags .movement-panel{padding:8px 14px}.has-flags .movement-heading{margin-bottom:4px}.has-flags .movement-row{padding:4px 0}.has-flags .flap-tile{height:30px}.has-flags .flap-tile>span{font-size:26px}.has-flags .contractor-panel{padding:12px 16px}.has-flags .notice-kicker{margin-bottom:0}
}

.hide-flag-labels .hoisted-flag small{visibility:hidden}.hide-flag-caption .flag-caption>span:first-child{display:none}.hide-flag-caption .flag-caption{justify-content:flex-end}

/* Keep the full message on one rope at every available width. */
.flags-on-rope{gap:min(.35%,5px)}.hoisted-flag{flex:1 1 0;width:0}.flag-space{flex:.45 1 0;min-width:0;max-width:18px}.hoisted-flag small{max-width:100%;overflow:hidden}.hoisted-flag>.nautical-flag{overflow:hidden}

.mast-status{background:#f8f5ef;border-left:3px solid #012169;border-radius:4px;padding:8px 12px;min-width:100px;max-width:440px;flex:0 1 320px}.mast-status>span{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#012169}.mast-hoist{display:flex;align-items:flex-start;gap:6px;border-top:2px solid #b39e7d;margin-top:6px;padding-top:3px}.mast-flag{flex:1 1 0;min-width:0;max-width:42px;text-align:center}.mast-flag small{font-size:8px;color:#667078}.mast-flag .nautical-flag{overflow:hidden}.hide-flag-labels .mast-flag small{visibility:hidden}.flags-flutter .mast-flag .nautical-flag{animation:flag-breeze 5s ease-in-out infinite;transform-origin:top left}.flags-flutter .mast-flag:nth-child(2n) .nautical-flag{animation-delay:-2s}@media(max-width:900px){.nautical-strip{flex-wrap:wrap}.nautical-message{flex-basis:100%}.mast-status{flex:1}}@media(prefers-reduced-motion:reduce){.flags-flutter .mast-flag .nautical-flag{animation:none}}

.bunkering-illustration{margin-top:6px;width:100%;max-width:330px}.bunkering-illustration svg{width:100%;height:auto;display:block}.bravo-status .bunkering-illustration>span{font-size:8px;letter-spacing:1.4px;color:#012169;text-align:center;margin-top:2px}
.fuel-flow{animation:none}.bunkering-motion .fuel-flow{animation:bunker-flow 2s linear infinite}@keyframes bunker-flow{to{stroke-dashoffset:-44}}
.motion-off .fuel-flow{animation:none}@media(prefers-reduced-motion:reduce){.bunkering-motion .fuel-flow{animation:none}}