.brand-capsule{display:inline-block;width:28px;height:28px;flex:0 0 28px;object-fit:contain;vertical-align:middle}.brand:has(>em) .brand-capsule{margin-right:9px}
/* Every deck uses the same geometry, independent of destination label length. */
nav.deck-navigation{position:absolute;inset:0;z-index:8;display:block;margin:0;padding:0;width:100%;height:100%;border:0;pointer-events:none;gap:0;order:0;letter-spacing:0}
.deck-navigation .deck-arrow{box-sizing:border-box;position:absolute;top:48%;translate:0 -50%;display:grid;grid-template-rows:30px 42px;align-content:center;justify-items:center;gap:4px;width:68px;height:108px;min-height:108px;max-width:68px;margin:0;padding:12px 5px;border:1px solid #73877066;border-radius:36px;background:#f7f3e7ed;color:#315b52;box-shadow:0 3px 14px #31472f0d;font:10px/1.35 Arial,'PingFang TC',sans-serif;letter-spacing:0;text-align:center;text-decoration:none;opacity:1;pointer-events:auto;transition:background .18s,box-shadow .18s}
.deck-navigation .deck-previous{left:12px;right:auto}.deck-navigation .deck-next{left:auto;right:12px}.deck-navigation .deck-arrow b{font:26px/30px Arial;font-weight:400;align-self:center}.deck-navigation .deck-arrow span{display:flex;align-items:center;justify-content:center;max-width:56px;min-height:42px;overflow-wrap:anywhere;white-space:normal}.deck-navigation .deck-arrow:hover{background:#fff9e8;box-shadow:0 4px 18px #31472f20;filter:none;transform:none}.deck-navigation .deck-arrow:focus-visible{outline:2px solid #3c776c;outline-offset:4px}.immersive .deck-navigation{visibility:hidden}.deck-navigation .deck-arrow[aria-busy=true]{cursor:progress}


@media(max-width:680px){.brand-capsule{width:23px;height:23px;flex-basis:23px}nav.deck-navigation{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto;width:auto;margin:14px 6%;gap:10px;pointer-events:auto;align-items:stretch}.deck-navigation .deck-arrow{position:relative;inset:auto;translate:none;width:100%;max-width:none;height:56px;min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;border-radius:5px;font-size:10px}.deck-navigation .deck-next{flex-direction:row-reverse}.deck-navigation .deck-arrow b{font-size:22px;flex-shrink:0}.deck-navigation .deck-arrow span{min-height:36px;max-width:none;line-height:1.4}.deck-navigation .deck-previous span{text-align:right}.deck-navigation .deck-next span{text-align:left}}
@media(prefers-reduced-motion:reduce){#cabin{animation:none}.deck-navigation .deck-arrow{transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Direction follows the visitor's movement through the ship. */
html[data-departure] body{pointer-events:none;animation:deck-leave-left .28s ease-in both}
html[data-departure="left"] body{animation-name:deck-leave-right}
html[data-arrival="right"] body{animation:deck-enter-right .65s cubic-bezier(.2,.65,.25,1) both}
html[data-arrival="left"] body{animation:deck-enter-left .65s cubic-bezier(.2,.65,.25,1) both}
@keyframes deck-leave-left{to{opacity:0;transform:translateX(-3vw)}}
@keyframes deck-leave-right{to{opacity:0;transform:translateX(3vw)}}
@keyframes deck-enter-right{from{opacity:0;transform:translateX(5vw)}to{opacity:1;transform:translateX(0)}}
@keyframes deck-enter-left{from{opacity:0;transform:translateX(-5vw)}to{opacity:1;transform:translateX(0)}}
.ship-cruise{position:fixed;z-index:9;bottom:24px;left:6.5%;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #73877055;border-radius:22px;background:#f2eee3e8;color:#315b52;font:10px Arial,sans-serif;overflow:hidden}
.ship-cruise button,.ship-cruise select{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;padding:3px;min-height:24px}.ship-cruise button{min-width:24px}.ship-cruise select{border-left:1px solid #73877044;border-radius:0;padding-left:8px}.cruise-status{min-width:85px}.cruise-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:#6b9483;transform:scaleX(var(--cruise-progress,1));transform-origin:left;transition:transform .2s linear}
html[data-theme="night"] .ship-cruise{background:#132b32ed;color:#d9e8e1;border-color:#819fa455}html[data-theme="night"] .ship-cruise option{background:#132b32}.immersive .ship-cruise{visibility:hidden}
@media(max-width:680px){.ship-cruise{position:relative;bottom:auto;left:auto;justify-content:center;width:max-content;max-width:88%;margin:0 auto 16px}.cruise-status{min-width:0}}
@media(prefers-reduced-motion:reduce){html[data-departure] body,html[data-arrival] body{animation:none}.cruise-progress{transition:none}}
@media(min-width:681px){.world:has(.ship-cruise) .coordinates{display:none}}