/* Shared scene composition for research, recruitment and fleet operations. */
:root body#realm-ui[data-ui-theme][data-view=research] .page-heading{display:none}
:root body#realm-ui[data-ui-theme] #workspace .research-scene{min-height:calc(var(--game-height,100dvh) - 82px);margin:0 -14px;padding:22px 18px 24px;background:url('/art/caribbean/research-study.webp') center/cover;display:flex;align-items:flex-start;justify-content:flex-end}
:root body#realm-ui[data-ui-theme] .research-board{width:min(830px,66%);padding:0;background:linear-gradient(#0c1d24ee,#111a1aef),var(--cabin);color:#fff0cf;min-width:0}
:root body#realm-ui[data-ui-theme] .research-scene-title{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 12px;background:var(--cabin) center/cover;border-bottom:1px solid #b48b46}
:root body#realm-ui[data-ui-theme] .research-scene-title img{width:43px;height:43px;object-fit:contain}
:root body#realm-ui[data-ui-theme] .research-scene-title h1{font-size:30px;font-weight:500;margin:0;color:#fff0c1}
:root body#realm-ui[data-ui-theme] .research-scene-title .info-button{margin-left:auto}
:root body#realm-ui[data-ui-theme] #workspace .research-policy{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 12px;border:0;border-bottom:2px solid #94743b;background:#eddbb5 url('/art/interface/ledger-paper.webp') center/cover;padding:8px 10px;margin:0;color:#32210e;text-align:center;line-height:1.2}
:root body#realm-ui[data-ui-theme] #workspace .research-policy>span{font-size:16px;color:#32210e}
:root body#realm-ui[data-ui-theme] #workspace .research-policy>strong{font-size:17px;color:#33200c}
:root body#realm-ui[data-ui-theme] #workspace .research-policy>small{font-size:14px;color:#654417}
:root body#realm-ui[data-ui-theme] .research-tree{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b58c44 #0b2029;padding:0 2px 8px;scroll-snap-type:x proximity}
:root body#realm-ui[data-ui-theme] .research-branch{flex:1 0 86px;min-width:86px;border-right:1px solid #846b3899;background:linear-gradient(var(--branch-color),#071924 35%);text-align:center;scroll-snap-align:start}
:root body#realm-ui[data-ui-theme] .research-branch.selected{background:linear-gradient(var(--branch-color),#123e50 50%,#092d3a);box-shadow:inset 0 0 0 1px #d8b15c}
:root body#realm-ui[data-ui-theme] #workspace .research-branch-title{width:100%;min-height:89px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;font-size:15px;border:0;border-image:none;border-bottom:1px solid #ba9653;border-radius:0;background:none;box-shadow:none;color:#fff0d2;white-space:normal}
:root body#realm-ui[data-ui-theme] .research-branch-title .painted-icon{width:40px;height:40px;filter:sepia(.6) saturate(.9)}
:root body#realm-ui[data-ui-theme] .research-ladder{display:flex;flex-direction:column;align-items:center;padding:8px 0 0;position:relative;gap:10px;min-height:356px}
:root body#realm-ui[data-ui-theme] .research-ladder::before{content:'';position:absolute;top:30px;bottom:25px;width:2px;background:linear-gradient(#e2b85f,#5d512e)}
:root body#realm-ui[data-ui-theme] #workspace .research-node{position:relative;width:62px;min-width:62px;height:62px;min-height:62px;padding:0;border:0;border-image:none;background:none;box-shadow:none;color:#e9d59e}
:root body#realm-ui[data-ui-theme] .research-hex{display:grid;place-items:center;position:absolute;inset:0;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:linear-gradient(125deg,#ffe2a0,#9b6c20,#e4bd67);padding:4px}
:root body#realm-ui[data-ui-theme] .research-hex::before{content:'';position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(125deg,#4e3c1d,#1d211a)}
:root body#realm-ui[data-ui-theme] .research-hex>.painted-icon{position:relative;width:40px;height:40px;filter:sepia(.8) saturate(.7)}
:root body#realm-ui[data-ui-theme] .research-node b{position:absolute;right:0;bottom:0;border:1px solid #cca94f;border-radius:50%;background:#121b18;color:#f5dc9c;width:21px;height:21px;display:grid;place-items:center;font-size:13px;font-weight:500;z-index:1}
:root body#realm-ui[data-ui-theme] .research-node i{position:absolute;left:0;top:0;color:#a3d57d;text-shadow:0 2px #000;font-style:normal}
:root body#realm-ui[data-ui-theme] .research-node.available{filter:drop-shadow(0 0 5px #55c8ec)}
:root body#realm-ui[data-ui-theme] .research-node.available .research-hex::before{background:linear-gradient(#1b6b8b,#0b304c)}
:root body#realm-ui[data-ui-theme] .research-node.locked .research-hex{background:#686b63}
:root body#realm-ui[data-ui-theme] .research-node.locked .research-hex::before{background:#17222a}
:root body#realm-ui[data-ui-theme] .research-node.locked b{color:#b5b5a5;border-color:#6b6c5f}
:root body#realm-ui[data-ui-theme] .node-lock{z-index:1;color:#a8afa5;font-size:35px;line-height:1}
:root body#realm-ui[data-ui-theme] .research-node.working{filter:drop-shadow(0 0 6px #f9d371)}
:root body#realm-ui[data-ui-theme] .research-branch>small{display:block;font-size:12px;color:#cab78a;padding:5px}
:root body#realm-ui[data-ui-theme] .research-selection{display:grid;grid-template-columns:65px minmax(0,1fr) 170px;align-items:center;gap:10px;padding:14px;border-top:2px solid #b08a45;background:linear-gradient(#181b17e5,#141b1ae5),var(--cabin)}
:root body#realm-ui[data-ui-theme] .research-selected-art{position:relative;align-self:start}
:root body#realm-ui[data-ui-theme] .research-selected-art .painted-icon{width:60px;height:60px}
:root body#realm-ui[data-ui-theme] .research-selected-art>b{position:absolute;right:0;bottom:0;background:#15232a;border:1px solid #b39456;border-radius:50%;padding:1px 7px;font-size:14px}
:root body#realm-ui[data-ui-theme] .research-selection h2{font-size:23px;font-weight:500;line-height:1.1;color:#ffe6aa;margin:0 0 5px}
:root body#realm-ui[data-ui-theme] .research-selection p{font-size:16px;color:#efe3ca;line-height:1.25;margin:0 0 5px}
:root body#realm-ui[data-ui-theme] .research-selection small{font-size:13px;color:#d5c69e;line-height:1.2}
:root body#realm-ui[data-ui-theme] .research-selection .text-button{display:block;font-size:13px;color:#dfbe78;text-decoration:underline;padding:4px 0;background:none;box-shadow:none;border:0;border-image:none;min-height:28px}
:root body#realm-ui[data-ui-theme] .research-start{display:flex;flex-direction:column;gap:5px;border-left:1px solid #97783c;padding-left:13px}
:root body#realm-ui[data-ui-theme] .research-start>strong{font-size:20px;color:#ffe3a7}
:root body#realm-ui[data-ui-theme] .research-start>button{min-height:44px;font-size:18px;margin-top:4px}
:root body#realm-ui[data-ui-theme] .research-board .research-project{margin:0;border:0;border-top:1px solid #a88848;padding:10px 14px;background:#0c2835}
:root body#realm-ui[data-ui-theme] .research-board .research-project h2{font-size:19px}
:root body#realm-ui[data-ui-theme] .research-board .research-project img{width:40px;height:40px}
:root body#realm-ui[data-ui-theme] .research-board .research-project>strong{font-size:15px}
:root body#realm-ui[data-ui-theme] .research-contribution{margin:0;border:0;border-top:1px solid #806a3c;background:#132c34;padding:8px 13px}
:root body#realm-ui[data-ui-theme] .research-contribution summary{font-size:16px;color:#f6e2b5;min-height:36px}
:root body#realm-ui[data-ui-theme] #workspace :is(.research-start .primary,.recruitment-order .primary,#send-fleet){border:9px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 11px / 1px stretch;background:linear-gradient(#1e799d,#0a3a64);color:#fff0ce;text-shadow:0 1px #000;box-shadow:0 3px 7px #0009}
/* The shipwright's order is one floating panel; the shipyard itself fills the screen. */
:root body#realm-ui[data-ui-theme]:is([data-view=ships],[data-view=troops]) #content-page{padding-top:0}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-screen{display:grid;grid-template-columns:minmax(0,1fr) 356px;grid-template-rows:minmax(350px,1fr) auto auto;gap:10px 22px;min-height:calc(var(--game-height,100dvh) - 128px);margin:0 -14px;padding:20px;background:url('/art/caribbean/shipyard-scene.webp') center/cover}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-screen[data-recruitment=troops]{background-image:url('/art/caribbean/barracks-scene.webp')}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-workbench{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;border:20px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 23px / 3px stretch;background:linear-gradient(#0b1e28ee,#121c1df5),var(--cabin);box-shadow:0 5px 14px #0008;align-self:start}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-portrait{height:170px;min-height:170px;border:0;background:radial-gradient(ellipse at 50% 65%,#20647a66,#09233000 72%);order:0}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-portrait.soldier{background:none}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-portrait>img,:root body#realm-ui[data-ui-theme] #workspace .recruitment-portrait.soldier>img{height:155px;width:90%;filter:drop-shadow(0 5px 5px #0007);margin-bottom:12px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-portrait>span{left:8px;bottom:0;padding:3px 6px;font-size:12px;background:#071a22e0}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-order>header{padding:8px 10px;background:linear-gradient(#171b19,#10212a);border-bottom:1px solid #a58748}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-order h2{font-size:27px;color:#ffebbe;font-weight:500}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-paper{padding:8px 10px 12px;background:linear-gradient(#131d21ed,#151c1bed),var(--cabin);color:#f5e8ce;min-height:0}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px 9px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-stats>span{grid-template-columns:21px 1fr auto;font-size:18px;border-bottom:1px solid #967c3c55;padding-bottom:4px;color:#f8ead0}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-stats small{font-size:12px;color:#e0cba1;grid-column:auto}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-stats>small{display:none}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-description{font-size:14px;line-height:1.25;margin:7px 0;color:#e7d7b3}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-gates button{font-size:14px;color:#ffce84;min-height:32px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-cost .costs{font-size:18px;gap:12px;color:#fff0d0;margin:7px 0;padding-top:7px;border-top:1px solid #96743f}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-cost .costs span{color:#fff0cf}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-cost .costs span.missing{color:#ffb392}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-order form{grid-template-columns:1fr auto;gap:5px 8px;align-items:center;margin:8px 0}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-order form>button{grid-column:1/-1;font-size:19px;min-height:46px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-quantity{grid-template-columns:auto 58px auto;align-items:center;gap:5px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-quantity label{grid-column:auto;font-size:16px;color:#e6d4ac}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-quantity input{width:58px;min-height:40px;background:#071a23;color:#fff0c9;border-color:#ab8b50;font-size:18px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-quantity>button{min-height:40px;padding:3px 6px;font-size:14px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-order .duration{margin:0;font-size:14px;color:#ebd8ac}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-payment{color:#e0cba7;font-size:12px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-status{grid-column:2;grid-row:3;align-self:start;display:flex;flex-wrap:wrap;gap:6px;margin:0;border:18px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 21px / 2px stretch;background:#102029ed;padding:5px 7px;color:#ffedc6}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-status>img{width:44px;height:44px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-status>small{font-size:11px;width:100%;line-height:1.3}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-status strong{font-size:17px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-catalog-heading{grid-column:1;grid-row:2;margin:0;align-self:end;background:#0e2028ec;border:1px solid #ac8c49;padding:7px 10px;gap:8px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-catalog{grid-column:1;grid-row:3;align-self:start;border:19px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 22px / 3px stretch;background:#10212bed;padding:0 2px 5px;gap:7px;min-width:0}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-catalog>button{flex-basis:139px;border:6px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 7px / 0 stretch;background:linear-gradient(#244e6580,#061b23);padding:3px;min-height:135px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-catalog>button[aria-pressed=true]{outline:0;box-shadow:inset 0 0 0 2px #e4b965,0 0 7px #ffcb65}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-catalog img{width:118px;height:80px}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-catalog strong{font-size:16px;font-weight:500}
:root body#realm-ui[data-ui-theme] #workspace .recruitment-catalog span{font-size:11px}
/* Material consistency in dialogs, the map and combat. */
:root body#realm-ui #modal{border:20px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 23px / 3px stretch;background:#102733;box-shadow:0 15px 80px #0009}
:root body#realm-ui #modal:has(#mission-form){width:min(1080px,94vw);max-width:94vw;background:linear-gradient(#0c212cec,#13282ef5),var(--cabin)}
:root body#realm-ui #modal:has(#mission-form) .modal-inner{background:none;color:#fff0cf}
:root body#realm-ui #modal:has(#mission-form) :is(h2,h3,label){color:#fff0cf}
:root body#realm-ui #modal:has(#mission-form) :is(select,input){background:#071e2a;color:#fff0cf;border:1px solid #b68c45}
:root body#realm-ui #modal:has(#mission-form) .voyage-ships>div{background:#122a34;border:9px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 10px / 0 stretch}
:root body#realm-ui #modal:has(#mission-form) :is(.mission-warning,.voyage-rules,.mission-estimate){color:#f4deb4}
:root body#realm-ui #modal:has(#mission-form) #send-fleet{background:linear-gradient(#8f2621,#481517);border:10px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 12px / 0 stretch;color:#fff0d1}
:root body#realm-ui #workspace :is(.combat-heading,.combat-unit-detail,.combat-bottom,.combat-tabs,#island-detail,.map-legend,.chart-overview-wrap){border-image:var(--carved-frame) 170 140 170 140 / 13px / 1px stretch;border-width:12px;border-style:solid;border-color:transparent}
:root body#realm-ui #workspace .combat-monitor{border:0;box-shadow:none;background:none}
:root body#realm-ui #workspace .combat-heading{background:linear-gradient(100deg,#0b3f68ed,#111b1bed 45%,#171919ed 60%,#5a1a1ceb),var(--cabin)}
:root body#realm-ui #workspace .combat-arena{min-height:440px;max-height:530px;border:0;background-image:url('/art/battle/sea.webp')}
:root body#realm-ui #workspace .combat-squad{border:9px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 10px / 0 stretch;background:linear-gradient(90deg,#093d5b44,#071d2bdd);padding:2px 5px}
:root body#realm-ui #workspace .combat-side{grid-auto-rows:103px}
:root body#realm-ui #workspace .combat-squad-art{height:92px}
:root body#realm-ui #workspace .combat-unit-detail,:root body#realm-ui #workspace .combat-bottom{background:linear-gradient(#0c1e27ee,#142022ee),var(--cabin)}
:root body#realm-ui #workspace :is(.scene-job,.research-project,.recruitment-status) progress::-webkit-progress-bar{background:#03121b;border-radius:3px}
:root body#realm-ui #workspace :is(.scene-job,.research-project,.recruitment-status) progress::-webkit-progress-value{background:linear-gradient(#76d8ee,#078dc2);border-radius:3px;box-shadow:inset 0 1px #b4f6ff}
:root body#realm-ui #workspace :is(.scene-job,.research-project,.recruitment-status) progress::-moz-progress-bar{background:linear-gradient(#76d8ee,#078dc2)}
:root body#realm-ui #workspace .resource-label{color:#efd9aa}
@media(max-width:1250px) and (min-width:951px){
 :root body#realm-ui[data-ui-theme] .research-board{width:76%}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-screen{grid-template-columns:minmax(0,1fr) 330px;padding:16px;gap:10px 14px}
}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #workspace .research-scene{display:block;min-height:calc(var(--game-height,100dvh) - 104px);margin:0 -10px;padding:160px 8px 12px;background-position:30% top;background-size:auto 850px;background-repeat:no-repeat;background-color:#093747}
 :root body#realm-ui[data-ui-theme] .research-board{width:100%;border-width:14px;border-image-width:18px}
 :root body#realm-ui[data-ui-theme] .research-scene-title{padding:5px 7px;gap:8px}
 :root body#realm-ui[data-ui-theme] .research-scene-title h1{font-size:28px}
 :root body#realm-ui[data-ui-theme] #workspace .research-policy>span{font-size:16px}
 :root body#realm-ui[data-ui-theme] .research-branch{min-width:96px}
 :root body#realm-ui[data-ui-theme] .research-tree{max-height:340px;overflow:auto}
 :root body#realm-ui[data-ui-theme] .research-branch-title{position:sticky;top:0;z-index:2;background:var(--branch-color)!important;font-size:16px!important}
 :root body#realm-ui[data-ui-theme] .research-selection{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:12px 8px}
 :root body#realm-ui[data-ui-theme] .research-selected-art .painted-icon{width:42px;height:42px}
 :root body#realm-ui[data-ui-theme] .research-selection h2{font-size:23px}
 :root body#realm-ui[data-ui-theme] .research-selection p{font-size:17px}
 :root body#realm-ui[data-ui-theme] .research-selection .text-button{min-height:40px;font-size:15px}
 :root body#realm-ui[data-ui-theme] .research-start{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid #8b6b36;padding:9px 0 0;gap:5px}
 :root body#realm-ui[data-ui-theme] .research-start>small{grid-column:1;grid-row:2;font-size:14px}
 :root body#realm-ui[data-ui-theme] .research-start>button{grid-column:2;grid-row:1/3;margin:0;min-height:48px}
 :root body#realm-ui[data-ui-theme] .research-board .research-project{padding:8px;gap:7px}
 :root body#realm-ui[data-ui-theme] .research-board .research-project>strong{font-size:16px}
 :root body#realm-ui[data-ui-theme] .research-contribution{padding:8px}
 :root body#realm-ui[data-ui-theme] .research-contribution summary{min-height:44px;font-size:17px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-screen{display:flex;flex-direction:column;margin:0 -10px;padding:190px 9px 12px;min-height:0;background-size:auto 600px;background-position:30% top;background-repeat:no-repeat;background-color:#0b3c4e;gap:8px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-choice-label{display:flex;align-items:center;gap:8px;order:0;padding:7px 10px;background:#101e25eb;border:1px solid #b69353;color:#ffebbc;font-size:17px;margin:0}
 :root body#realm-ui[data-ui-theme] #workspace #recruitment-choice{min-height:44px;background:#0c2836;color:#fff0cd;font-size:18px;flex:1;margin:0;padding:4px 8px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-workbench{width:100%;order:1;display:flex;border-width:15px;border-image-width:19px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-portrait{height:142px;min-height:142px;width:100%;align-self:stretch;grid-column:auto;grid-row:auto}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-portrait>img,:root body#realm-ui[data-ui-theme] #workspace .recruitment-portrait.soldier>img{height:130px;width:90%;margin:0 0 12px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-order{display:block;grid-column:auto;grid-row:auto}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-order>header{min-height:0;padding:8px 10px 8px 10px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-order h2{font-size:27px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-order header small{font-size:13px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-stats{gap:7px 9px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-stats small{font-size:13px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-description{font-size:16px;line-height:1.3}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-quantity input,:root body#realm-ui[data-ui-theme] #workspace .recruitment-quantity>button{min-height:44px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-order .duration{font-size:16px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-order form>button{min-height:48px;font-size:20px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-status{order:2;width:100%;border-width:15px;border-image-width:19px;padding:4px 7px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-status span{font-size:15px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-status strong{font-size:18px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-status button{min-height:44px;font-size:16px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-catalog-heading{order:3;width:100%;padding:7px 10px}
 :root body#realm-ui[data-ui-theme] #workspace .recruitment-catalog{order:4;width:100%;border-width:15px;border-image-width:18px}
 :root body#realm-ui #modal,:root body#realm-ui #modal:has(#mission-form){width:calc(100vw - 16px);max-width:none;border-width:12px;border-image-width:16px;max-height:calc(var(--game-height,100dvh) - 24px);margin:auto}
 :root body#realm-ui #modal:has(#mission-form) .voyage-ships>div{border-width:7px}
 :root body#realm-ui #workspace .combat-arena{min-height:0;max-height:none}
 :root body#realm-ui #workspace .combat-side{grid-auto-rows:auto}
 :root body#realm-ui #workspace .combat-squad{border-width:7px;border-image-width:9px;min-height:145px}
 :root body#realm-ui #workspace .combat-squad-art{height:74px}
}

.research-node .node-lock{width:24px;height:28px;position:relative;flex:none}


/* Availability belongs to the dark ship card, including inherited label spans. */
:root body#realm-ui #modal:has(#mission-form) .voyage-ships label span{color:#e8d6b2;text-shadow:none}