/* A ship manifest, a chart and sailing orders share one readable command table. */
:root body#realm-ui #modal:has(#mission-form){width:min(1160px,96vw);max-width:96vw;max-height:94dvh;background:linear-gradient(#201a16eb,#141515f7),url('/art/interface/cabin-timber.webp') center/360px}
:root body#realm-ui #modal:has(#mission-form) .modal-inner{padding:12px 16px 0}
:root body#realm-ui #modal:has(#mission-form) .modal-top{margin:0 0 12px;min-height:40px;align-items:center}
:root body#realm-ui #modal:has(#mission-form) .modal-top h2{font-size:27px;margin:0}
:root body#realm-ui #modal:has(#mission-form) .modal-top .eyebrow{display:none}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner>section{min-width:0;padding:0 12px 10px;border-right:1px solid #b2904955}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-manifest{grid-column:1;grid-row:1;padding-left:0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-course{grid-column:2;grid-row:1}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-orders{grid-column:3;grid-row:1;border:0;padding-right:0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner h3{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:500;margin:0 0 14px;color:#ffe5aa}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner h3 .painted-icon{width:30px;height:30px;flex:0 0 30px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner label{font-size:15px;margin:0 0 6px;line-height:1.3}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner :is(select,input){font:16px var(--font-body);min-height:42px;padding:8px;color:#fff0cf;background:#0a1d25;border:1px solid #a1844a;border-radius:0;box-shadow:inset 0 1px 4px #0006}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner select{width:100%;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#e8d6b2 50%),linear-gradient(135deg,#e8d6b2 50%,transparent 50%);background-size:6px 6px;background-position:calc(100% - 16px) 51%,calc(100% - 10px) 51%;background-repeat:no-repeat;padding-right:30px;text-overflow:ellipsis}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships{display:grid;grid-template-columns:1fr;gap:7px;margin:0;max-height:440px;overflow:auto;padding-right:3px;scrollbar-color:#b28a46 #11252d}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships>div{display:grid;grid-template-columns:65px minmax(0,1fr) 62px;align-items:center;gap:7px;padding:4px 6px;border:1px solid #98703e;background:linear-gradient(110deg,#174452,#101e25);min-height:74px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships>div[hidden]{display:none}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships .ship-illustration{width:65px;height:58px;object-fit:contain;mix-blend-mode:normal;filter:none;margin:0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships label{font-size:15px;text-align:left;margin:0;color:#fff0cf}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships label span{display:block;font-size:12px;color:#e8d6b2;line-height:1.4;margin-top:4px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships input{width:62px;padding:5px;text-align:center}
:root body#realm-ui #modal .voyage-chart{position:relative;margin:12px 0 0;aspect-ratio:1;overflow:hidden;border:1px solid #af8e4a;background:#06617e url('/art/caribbean/ocean-tile.webp') center/400px;isolation:isolate}
:root body#realm-ui #modal .voyage-chart svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fff2c8;stroke-width:.8}
:root body#realm-ui #modal .voyage-chart svg path{stroke-dasharray:2 2}
:root body#realm-ui #modal .voyage-chart svg circle{stroke:#67d2ff;stroke-width:1}
:root body#realm-ui #modal .voyage-chart svg .voyage-chart-target{stroke:#ffdf77}
:root body#realm-ui #modal .voyage-chart-island{position:absolute;width:16%;height:16%;transform:translate(-50%,-50%);background-repeat:no-repeat;pointer-events:none}
:root body#realm-ui #modal .voyage-chart-island:is(.is-origin,.is-target){width:20%;height:20%}
:root body#realm-ui #modal .voyage-chart-north{position:absolute;top:8px;right:8px;color:#fff0c4;font-size:14px;text-shadow:0 1px 3px #000}
:root body#realm-ui #modal .voyage-chart figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:6px 9px;background:#071d27e8;color:#fff0cf;font-size:12px}
:root body#realm-ui #modal .voyage-chart figcaption span:first-child{color:#92dfff}
:root body#realm-ui #modal .voyage-chart figcaption span:last-child{color:#ffdf77}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-destination{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border:0;background:none}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-destination strong{font-size:19px;color:#ffe4a1;overflow-wrap:anywhere}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-destination small{font-size:13px;color:#e8d6b2}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-destination .painted-icon{width:40px;height:40px;flex:0 0 40px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #cargo-fields h4{font:16px var(--font-body);color:#ffe4a1;margin:14px 0 8px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #cargo-fields .input-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #cargo-fields .input-grid>div{padding:0;background:none;border:0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #cargo-fields label{display:flex;align-items:center;gap:5px;font-size:13px;color:#fff0cf;margin-bottom:3px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #cargo-fields .painted-icon{width:24px;height:24px;flex:0 0 24px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #cargo-fields input{width:100%;min-width:0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-estimate{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;padding:14px 0;margin:12px 0 0;border-top:1px solid #ad894766;background:none;color:#fff0cf}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-estimate>span{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 5px;align-items:center;min-width:0;font-size:16px;padding:0;border:0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-estimate :is(svg,img){width:24px;height:28px;grid-row:1/3;color:#e8c98a}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-estimate small{font-size:11px;color:#e8d6b2;line-height:1.4;white-space:normal}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-estimate strong{font-size:14px;color:#fff0cf;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner :is(.troop-cargo,.voyage-rules){margin:12px 0 0;padding:0;border:0;background:none;color:#e8d6b2}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner :is(.troop-cargo,.voyage-rules)>summary{display:flex;align-items:center;gap:6px;font-size:14px;min-height:40px;cursor:pointer;color:#f6dca6}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner :is(.troop-cargo,.voyage-rules)>summary::after{content:'⌄';margin-left:auto}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .troop-cargo>summary .painted-icon{width:24px;height:24px;flex:0 0 24px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .troop-cargo .input-grid{display:grid;grid-template-columns:1fr;gap:6px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .troop-cargo .input-grid>div{display:grid;grid-template-columns:40px minmax(0,1fr) 62px;align-items:center;gap:6px;padding:4px;border:1px solid #98703e;background:#102731;color:#fff0cf}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .troop-cargo .input-grid>div[hidden]{display:none}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .troop-cargo img{width:40px;height:45px;object-fit:contain}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .troop-cargo label{font-size:14px;color:#fff0cf;margin:0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .troop-cargo small{display:block;color:#e8d6b2;font-size:12px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .troop-cargo input{width:62px;text-align:center}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-rules p{font-size:13px;line-height:1.5;color:#e8d6b2;margin:5px 0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-launch{grid-column:1/-1;display:flex;align-items:center;gap:16px;position:sticky;bottom:0;background:#211b14 url('/art/interface/cabin-timber.webp') center/360px;border-top:1px solid #b69753;padding:12px 0;z-index:3}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-launch>div{flex:1;min-width:0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .mission-warning{font-size:13px;line-height:1.45;color:#e8d6b2;margin:0;padding:0;border:0;background:none}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .mission-warning.has-problem{color:#ffe1a6}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #send-fleet{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:auto;margin:0;padding:4px 18px;font-size:19px;flex-shrink:0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #send-fleet .painted-icon{width:30px;height:30px;flex:0 0 30px}
@media(max-width:950px){
 :root body#realm-ui #modal:has(#mission-form){width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:96dvh;border-width:12px;left:6px;right:auto;transform:none}
 :root body#realm-ui #modal:has(#mission-form) .modal-inner{padding:8px 8px 0}
 :root body#realm-ui #modal:has(#mission-form) .modal-top h2{font-size:24px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner{display:flex;flex-direction:column;gap:16px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner>section{width:100%;padding:0;border:0}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner h3{font-size:19px;margin:0 0 8px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-course{display:grid;grid-template-columns:minmax(0,1fr) 102px;gap:5px 10px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-course h3{display:none}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-course>label{grid-column:1;margin:0}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner #mission-origin{grid-column:1;align-self:start;font-size:16px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner #voyage-chart-slot{grid-column:2;grid-row:1/4}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-chart{margin:0}
 :root body#realm-ui #modal .voyage-chart figcaption{display:none}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-destination{grid-column:1;padding:2px 0}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-destination strong{font-size:17px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-destination .painted-icon{display:none}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships{max-height:none;overflow:visible;padding:0;gap:6px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships>div{grid-template-columns:58px minmax(0,1fr) 70px;min-height:72px;padding:4px 6px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships .ship-illustration{width:58px;height:54px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships label{font-size:16px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships label span{font-size:13px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships input{width:70px;min-height:44px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner :is(input,select){min-height:44px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner #cargo-fields label{font-size:15px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-estimate small{font-size:13px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-estimate strong{font-size:16px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner :is(.troop-cargo,.voyage-rules)>summary{min-height:44px;font-size:15px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-launch{width:100%;display:block;padding:8px 0 calc(8px + env(safe-area-inset-bottom));margin-top:0}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .mission-warning:not(:empty){margin-bottom:8px;font-size:14px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner #send-fleet{width:100%;min-height:48px;font-size:20px}
}

:root body#realm-ui #modal:has(#mission-form) .voyage-planner #voyage-launch-summary{display:flex;align-items:center;gap:6px;color:#fff0cf;font-size:15px;line-height:1.35;margin-bottom:4px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #voyage-launch-summary .painted-icon{width:24px;height:24px;flex:0 0 24px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #voyage-launch-summary strong{font-weight:500;white-space:nowrap}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #voyage-launch-summary>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner:not([data-mission=raid]):not([data-mission=conquer]) #send-fleet{background:linear-gradient(#185879,#082e47)}
@media(max-width:950px){:root body#realm-ui #modal:has(#mission-form) .voyage-planner #voyage-launch-summary{font-size:14px;margin:0 0 6px}}

/* Illustrated sailing orders: touch-sized quantities, visible missions and a searchable course. */
:root body#realm-ui #modal .voyage-banner{display:none}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner h3>b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #c99e51;border-radius:50%;background:#102c3a;color:#ffe4a1;font-size:18px;flex:0 0 29px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner [data-voyage-all]{margin-left:auto;min-height:36px;color:#ffe4a1;font-size:14px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner #mission-type{display:none}
:root body#realm-ui #modal .voyage-missions{display:grid;grid-template-columns:1fr;gap:6px}
:root body#realm-ui #modal .voyage-missions button{display:flex;align-items:center;gap:8px;padding:6px 8px;min-height:58px;text-align:left;background:linear-gradient(#1e2020e8,#141515e8),url('/art/interface/cabin-timber.webp') center/360px;border:1px solid #9c783a;box-shadow:inset 0 0 0 2px #17100a;color:#fbe8c6}
:root body#realm-ui #modal .voyage-missions button[aria-pressed=true]{background:linear-gradient(#105273,#082c40);border-color:#f1c66e;box-shadow:inset 0 0 0 2px #073048,0 0 0 1px #dcaa53}
:root body#realm-ui #modal .voyage-missions button:is([data-voyage-mission=raid],[data-voyage-mission=conquer])[aria-pressed=true]{background:linear-gradient(#783021,#43180f)}
:root body#realm-ui #modal .voyage-missions .painted-icon{width:32px;height:32px;flex:0 0 32px}
:root body#realm-ui #modal .voyage-missions strong{display:block;font-size:16px;font-weight:500}
:root body#realm-ui #modal .voyage-missions small{display:block;font-size:12px;color:#ddc69c;line-height:1.3;margin-top:2px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships>div{grid-template-columns:64px minmax(0,1fr);gap:2px 8px;background:linear-gradient(100deg,#efe1bfef,#e6cc9cef),#ead8b5 url('/art/interface/cabin-timber.webp') center/360px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships>div>img{grid-row:1/3;align-self:center}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships label{color:#2c1b0e;font-weight:600}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships label span{color:#644a2c;font-size:12px;margin:0;font-weight:400}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-quantity{display:grid;grid-template-columns:40px minmax(40px,1fr) 40px;gap:4px;grid-column:2;max-width:190px;width:100%;margin:2px 0}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-quantity button{height:40px;min-height:40px;padding:0;background:linear-gradient(#175677,#092c43);border:1px solid #be9148;color:#ffe4a1;box-shadow:inset 0 0 0 2px #102632;font-size:25px}
:root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-quantity input{width:100%;min-width:0;min-height:40px;height:40px;font-size:18px;appearance:textfield;-moz-appearance:textfield;background:#f3e6ca;color:#281b0f;border-color:#a18049}
:root body#realm-ui #modal .voyage-quantity input::-webkit-inner-spin-button{appearance:none}
:root body#realm-ui #modal .voyage-quantity button:disabled{opacity:.5}
:root body#realm-ui #modal #voyage-no-ships{padding:12px;border:1px solid #ab8344;color:#ffe4b0;background:#35291c;font-size:15px}
:root body#realm-ui #modal:has(#voyage-picker){width:min(560px,96vw);background:linear-gradient(#201a16eb,#141515f7),url('/art/interface/cabin-timber.webp') center/360px}
:root body#realm-ui #voyage-picker{display:grid;gap:8px;color:#fff0cf}
:root body#realm-ui #voyage-picker label{margin:0;font-size:16px;color:#ffe1a7}
:root body#realm-ui #voyage-picker :is(select,input){width:100%;min-width:0;min-height:44px;font:16px var(--font-body);padding:8px;color:#fff1cf;background:#13252b;border:1px solid #ac8849}
:root body#realm-ui #voyage-picker #voyage-target{min-height:140px;height:140px;padding:4px}
:root body#realm-ui #voyage-picker option{padding:7px;font-size:14px}
:root body#realm-ui #voyage-search-count{font-size:12px;color:#d6bd91;line-height:1.4}
:root body#realm-ui #voyage-picker-preview{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center}
:root body#realm-ui #voyage-picker-preview .voyage-chart{margin:0;width:110px;height:100px;aspect-ratio:auto}
:root body#realm-ui #voyage-picker-preview figcaption{display:none}
:root body#realm-ui #voyage-picker-preview>div{display:grid;gap:4px}
:root body#realm-ui #voyage-picker-preview strong{font-size:22px;line-height:1.1;overflow-wrap:anywhere;color:#ffe4a1}
:root body#realm-ui #voyage-picker-preview :is(small,span){font-size:13px;color:#e5cc9e}
@media(min-width:951px){
 :root body#realm-ui #modal:has(#mission-form){max-height:calc(var(--game-height,100dvh) - 24px)}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner{gap:10px;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1fr)}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships{max-height:min(440px,calc(var(--game-height,100dvh) - 300px))}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-orders{max-height:min(580px,calc(var(--game-height,100dvh) - 210px));overflow:auto;padding-right:5px;scrollbar-width:thin}
}
@media(max-width:950px){
 :root body#realm-ui #modal:has(#mission-form){border-width:8px;border-image-width:11px;width:calc(100vw - 8px);max-width:calc(100vw - 8px);left:4px}
 :root body#realm-ui #modal:has(#mission-form) .modal-inner{padding:0 3px}
 :root body#realm-ui #modal:has(#mission-form) .modal-top{padding:7px 3px;margin:0}
 :root body#realm-ui #modal:has(#mission-form) .modal-top h2{font-size:25px}
 :root body#realm-ui #modal .voyage-banner{display:block;height:110px;margin:0 -3px 8px;background:url('/art/caribbean/shipyard-scene.webp') center/cover}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner{gap:12px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-manifest{order:1}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-course{order:2;grid-template-columns:minmax(0,1fr) 110px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-course h3{display:flex;grid-column:1/-1}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner #voyage-chart-slot{grid-row:2/5}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-orders{order:3}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-launch{order:4}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships{max-height:330px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:1px 4px 1px 0}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships>div{grid-template-columns:76px minmax(0,1fr);min-height:91px;padding:5px 7px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-ships .ship-illustration{width:76px;height:76px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-quantity{grid-template-columns:44px minmax(42px,1fr) 44px;max-width:none}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-quantity :is(button,input){height:44px;min-height:44px}
 :root body#realm-ui #modal .voyage-missions{grid-template-columns:1fr 1fr}
 :root body#realm-ui #modal .voyage-missions button{padding:5px;gap:4px;min-height:72px}
 :root body#realm-ui #modal .voyage-missions .painted-icon{width:27px;height:30px;flex:0 0 27px}
 :root body#realm-ui #modal .voyage-missions strong{font-size:15px}
 :root body#realm-ui #modal .voyage-missions small{font-size:11px}
 :root body#realm-ui #modal:has(#mission-form) .voyage-planner .voyage-launch{box-shadow:0 -5px 12px #0008}
}