/* Reading surfaces are deliberately quieter than the illustrated world and its frame.
   Timber belongs to the navigation and panel headings, never behind dense numbers. */
:root body#realm-ui[data-ui-theme]{
 --weathered-oak:linear-gradient(115deg,#1b2025,#11181f);
 --cabin:url('/art/interface/cabin-timber.webp');
 --reading-paper:linear-gradient(105deg,#f5e7caee,#efdbb8f5),url('/art/interface/ledger-paper.webp');
 --reading-ink:#322416;--reading-muted:#cfbf9f;--reading-rule:#9a784653;
}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.carved-panel,.study-board,.council-board,.correspondence-board,.ranking-board,.trade-board,.report-journal,.guide-reader,.guide-task,.guide-achievement-ledger,.account-profile,.account-card,.combat-monitor,.fleet-board){background:var(--weathered-oak);color:#f6e9cf;text-shadow:none}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.study-heading,.post-heading,.council-heading,.fleet-board-heading,.construction-catalog>header,.construction-queue>header,.recruitment-order>header,.recruitment-catalog-heading,.plan-heading,.scene-orders-heading){background:linear-gradient(#181410df,#181410ed),var(--cabin) center/600px;color:#ffe4ac;border-bottom:1px solid #a7834b;padding-block:9px}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.dossier-paper,.upgrade-compare,.upgrade-payment,.upgrade-levels,.upgrade-effects,.upgrade-effects>div,.recruitment-costs,.realm-island-ledger){background:var(--reading-paper)!important;color:var(--reading-ink)!important;text-shadow:none!important}
:root body#realm-ui[data-ui-theme] #workspace #content-page .dossier-paper{padding:14px 16px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .dossier-paper :is(h3,dt,dd,strong,.upgrade-order>span,.upgrade-complete){color:var(--reading-ink)!important;text-shadow:none}
:root body#realm-ui[data-ui-theme] #workspace #content-page .dossier-paper :is(small,.planned-notice,.upgrade-footnote,.upgrade-resource>span){color:#634b32!important}
:root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-effects>div{border-color:#9b77494d}
:root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-effects .effect-gain{background:#e2e6bc;color:#354b20!important;border:1px solid #8d985c}
:root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-resource.short strong{color:#a22e20!important;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-resource strong{font-size:22px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-resource small{font-size:13px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order>strong{font-size:20px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order>small{font-size:13px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier header p{color:#ddd1bb;font-size:14px;line-height:1.4}
:root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier h2{font-size:25px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier[data-start-ready=false] article>header>img{filter:none}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.building-readiness,.queue-obstruction,.recruitment-gates){background:#30251c;color:#ffe4bb;border:0;border-left:3px solid #d0a45b;padding:10px 12px;margin:8px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .building-readiness{background:#e7d2ad;margin:0 0 10px;color:#46301d}
:root body#realm-ui[data-ui-theme] #workspace #content-page .queue-obstruction strong{font-size:15px;font-weight:500}
:root body#realm-ui[data-ui-theme] #workspace #content-page .queue-shortage{display:inline-flex;gap:10px;margin:0 0 0 7px;vertical-align:middle;color:#ffb19b;font-size:17px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .queue-shortage .painted-icon{width:28px;height:28px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .queue-remedies{margin-top:5px;font-size:13px;color:#e4c9a5}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.active-construction,.scene-job,.scene-queued-job,.work-queue li,.construction-orders>li,.fleet-row,.stationed-fleet,.council-member,.chat-message,.guide-topic,.guide-achievement,.account-session){background:#0d141cd9!important;border:0;border-bottom:1px solid var(--reading-rule);color:#f7ead0;box-shadow:none}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.queue-track,.queue-plans,.queue-plan-scroll,.work-queue,.scene-build-plan,.recruitment-status,.research-contribution,.desk-metrics,.desk-orders,.desk-post,.desk-latest,.desk-shortcuts,.chat-toolbar,.chat-compose,.report-summary,.guide-index,.guide-categories,.captain-stats,.route-create-panel){background:#151d25!important;box-shadow:none;color:#f6e9d2}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.queue-plans,.work-queue,.scene-build-plan)>summary{background:#202b36!important;color:#ffe3ab;border:0;border-bottom:1px solid #ab864e;min-height:42px;padding:8px 10px;font-size:15px}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.queue-controls,.order-controls,.plan-row-controls,.scene-plan-tools,.work-queue li>div,.recruitment-quantity)>button:not(.info-button){background:#30241b var(--asset-timber) center/320px!important;color:#ffe8b9;border:4px solid transparent!important;border-image:var(--asset-button-frame) 105 115 / 8px 10px / 0 stretch!important;box-shadow:inset 0 1px 3px #fff2;border-radius:6px;min-width:34px;min-height:34px;font-size:19px;padding:3px}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.queue-controls,.order-controls,.plan-row-controls,.work-queue li>div)>button:disabled{opacity:.4}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.construction-catalog nav,.fleet-tabs,.ranking-tabs,.tab-strip,.realm-section-tabs)>button{border:4px solid transparent!important;border-image:var(--asset-button-frame) 105 115 / 8px 10px / 0 stretch!important;background:#30241b var(--asset-timber) center/320px;color:#ebdec2;min-height:38px;box-shadow:none;padding:5px 10px;border-radius:6px}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.construction-catalog nav,.fleet-tabs,.ranking-tabs,.tab-strip,.realm-section-tabs)>button:is([aria-pressed=true],[aria-current=page],.active){background:var(--command-blue)!important;color:#fff3d2;box-shadow:inset 0 -3px #e3ba6d}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.construction-state,.queue-count,.order-copy small,.scene-queued-job small,.work-queue li small,.plan-empty){color:#d9c7a6;font-size:13px;line-height:1.35}
:root body#realm-ui[data-ui-theme] #workspace #content-page .queue-free-slots{display:none}
:root body#realm-ui[data-ui-theme] #workspace #content-page .construction-queue>header{gap:8px;min-height:48px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .construction-queue>header h3{font-size:18px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .research-monitor{background:#111b25;border-image-width:9px;padding:6px 10px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .research-monitor .research-project{background:none;border-bottom:1px solid #967445}
:root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch{background:linear-gradient(#192634,#0c141e);border-image:none;border:1px solid #826538}
:root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch.selected{background:linear-gradient(#16517a,#0b2135);border-color:#e7bf76}
:root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch-title>span:not(.painted-icon){color:#f9e8c4}
:root body#realm-ui[data-ui-theme] #workspace #content-page .research-selection{background:#111c27;border-top:1px solid #ae874a}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.recruitment-order,.recruitment-stats,.recruitment-quantity,.fleet-order){background:#141e28;color:#f5e7cb}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(input,select,textarea){background:#0d1721;color:#fff0d1;border-color:#ad8b51;text-shadow:none;font-size:15px}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(input,select,textarea):focus-visible{outline:2px solid #e2bf77;outline-offset:2px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .realm-island-ledger :is(strong,span,small){color:#3e2a17}
:root body#realm-ui[data-ui-theme] #workspace #content-page .realm-island-ledger button{color:#fff0d0}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.guide-reader,.guide-task,.account-card,.report-journal) p{line-height:1.5}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.guide-topic-list,.chat-messages,.painted-ranking-table tbody,.report-list){background:#0d1720;color:#f5e6c9}
:root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table tbody tr:nth-child(even){background:#1b2630}
:root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table tbody td{color:#f5e6c9;border-color:#9a784638}
:root body#realm-ui[data-ui-theme] #modal .modal-content{background:#141d27;color:#f7e7c8}
:root body#realm-ui[data-ui-theme] #workspace #content-page button:focus-visible{outline:2px solid #ffe4a4;outline-offset:2px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .realm-island-ledger .realm-island-order{color:#3e2a17}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-topic.is-active{background:var(--command-blue)!important;border-left:3px solid #ebc176}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-topic :is(strong,small){color:#f2e3c4}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index .guide-topic.is-active :is(strong,small,span){color:#fff1d0}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(input,textarea)::placeholder{color:#b8ad98;opacity:1}
:root body#realm-ui[data-ui-theme] #workspace #content-page .correspondence-board :is(.chat-message header b,.chat-message p,.chat-message .text-button,.chat-empty strong){color:#f7e8cd}
:root body#realm-ui[data-ui-theme] #workspace #content-page .correspondence-board :is(.chat-message time,.chat-empty small){color:#d0bfa3}
:root body#realm-ui[data-ui-theme] #workspace #content-page .dossier-paper .modifier-gain{background:#e2e6bc;color:#354b20!important;border:1px solid #8d985c}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.guide-reader,.guide-task){background:var(--reading-paper)!important;color:var(--reading-ink)}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.guide-reader,.guide-task) :is(h2,h3,p,li,dt,dd,.guide-lede,.guide-eyebrow,.guide-task-heading small,.guide-task-progress span,.guide-task-progress strong,.guide-quiet,.guide-note summary,.guide-related-link,.guide-back){color:#432e1a;text-shadow:none}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.guide-reader,.guide-task) :is(.guide-note,.guide-related){background:#d7bd8c40;border-color:#ab8855}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-achievement-ledger :is(.guide-earned-total,.guide-visible-count,.guide-achievement-progress>span,.guide-earned,.guide-quiet){color:#e4d3b4}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-filter-button{background:#162330;color:#f4e5c7;border:1px solid #a1824f;min-height:40px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-filter-button.is-active{background:var(--command-blue);color:#fff1cc;border-color:#e1b86d}
:root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table :is(.ranking-rank,.ranking-captain strong,.ranking-score-value,.ranking-island-count){color:#ffedca}
:root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table .ranking-crew{color:#d3c1a1}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.captain-standing,.council-stats){background:var(--weathered-oak);color:#f6e5c2}
:root body#realm-ui[data-ui-theme] #workspace #content-page .council-member :is(b,strong){color:#f6e5c2}
:root body#realm-ui[data-ui-theme] #workspace #content-page .council-member small{color:#d4c1a0}
:root body#realm-ui[data-ui-theme] #workspace #content-page .compact-route{background:var(--reading-paper);color:#382718}
:root body#realm-ui[data-ui-theme] #workspace #content-page .compact-route :is(small,.route-manifest){color:#60482c}
:root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table{background:#111b25}
:root body#realm-ui[data-ui-theme][data-view=battles] #content-page{background:linear-gradient(#07162240,#07162280),url('/art/caribbean/shipyard-scene.webp') center/cover;min-height:calc(var(--game-height) - var(--workspace-top,140px))}
@media(min-width:951px) and (max-height:800px){
 :root body#realm-ui[data-ui-theme] #workspace #activity-bar{padding:0;margin:0;min-height:0;background:none}
 :root body#realm-ui[data-ui-theme] #workspace #activity-bar .guide-briefing{min-height:44px;padding:2px 6px}
 :root body#realm-ui[data-ui-theme] #workspace #activity-bar .guide-briefing :is(button,.guide-briefing-options,.guide-briefing-options>summary){min-height:36px;height:36px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen{grid-template-rows:minmax(0,1fr) 90px 155px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen #construction-queue .queue-obstruction{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;padding:4px 7px;margin:2px;max-height:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen #construction-queue .queue-shortage{margin:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen #construction-queue .queue-remedies{width:100%;margin:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen #construction-queue:has(.queue-obstruction) .construction-state{display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen .build-dossier{overflow:auto;scrollbar-width:thin}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier>article{height:auto;min-height:100%}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .dossier-details{flex:none;overflow:visible}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .dossier-paper{flex:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier article>header{min-height:52px;padding:5px 10px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier article>header>img{height:42px;width:42px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier header p{display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .dossier-paper{padding:8px 10px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen .upgrade-effects>div{min-height:28px;margin:2px 0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen .upgrade-levels{padding-bottom:3px;margin-bottom:3px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .building-readiness{padding:2px 8px;margin-bottom:5px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .building-readiness>summary{min-height:26px;font-size:13px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-payment{grid-template-columns:minmax(0,1fr) 160px;gap:6px;padding-top:5px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order>strong{font-size:18px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order>small{font-size:12px;white-space:nowrap}
}
/* The public harbour uses the same quiet parchment, ink and painted blue actions. */
body:has(.hero) .entry-panel{background:linear-gradient(105deg,#f6e8cdee,#efdbb8f5),url('/art/interface/ledger-paper.webp') center/cover;color:#372718}
body:has(.hero) .entry-panel :is(p,label,input,button){font-size:16px;line-height:1.4}
body:has(.hero) .entry-panel :is(input:not([type=checkbox]),button){min-height:44px}
body:has(.hero) .entry-panel :is(h2,h3){font-size:29px;line-height:1.15}
body:has(.hero) .entry-panel small{font-size:13px;line-height:1.4}
body:has(.hero) .hero-copy>p{font-size:18px;line-height:1.5}
body:has(.hero) #hero-title{font-size:clamp(46px,5.3vw,76px);line-height:1.02}
body:has(.hero) :is(.entry-submit,.entry-tabs [aria-selected=true]){background:linear-gradient(110deg,#092a50,#155a91 55%,#082c53);color:#fff1ce;text-shadow:0 1px #000}
@media(max-width:600px){
 body:has(.hero) .hero-layout{padding-top:106px}
 body:has(.hero) #hero-title{font-size:46px}
 body:has(.hero) .hero-copy>p{font-size:17px}
 body:has(.hero) .hero-promises{font-size:14px;gap:9px}
 body:has(.hero) .entry-panel{padding:22px 18px}
 body:has(.hero) .hero-actions button{font-size:18px;min-height:48px}
}
@media(max-width:950px){
 html:has(body#realm-ui){scroll-padding-bottom:125px!important}
 :root body#realm-ui[data-ui-theme]:not([data-view=map]) #workspace{padding-bottom:calc(125px + env(safe-area-inset-bottom))!important}
 :root body#realm-ui[data-ui-theme] #workspace #content-page :is(button,summary,input,textarea){scroll-margin-bottom:115px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen{display:grid;grid-template-areas:'visual' 'catalog' 'details' 'queue';grid-template-columns:minmax(0,1fr);gap:8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen .building-showcase{height:140px;min-height:140px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog{margin:0;border-width:5px;border-image-width:7px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog>header{padding:5px 7px;gap:5px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog h2{display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog nav{width:100%;display:flex;gap:4px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog nav button{flex:1;padding:4px;font-size:13px;min-height:40px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .building-ribbon>button{flex:0 0 90px;width:90px;min-width:90px;height:110px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .building-ribbon>button img{height:62px;object-fit:cover}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .building-ribbon>button strong{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .building-ribbon>button small{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier{border-width:6px;border-image-width:8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier article>header{min-height:68px;padding:8px 10px;gap:8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier article>header>img{width:42px;height:48px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier h2{font-size:23px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier header p{display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .dossier-paper{padding:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-resource strong{font-size:21px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-resource small{font-size:13px;line-height:1.3}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order{margin-top:10px;padding-top:10px;border-top:1px solid #9b77494d}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order>strong{font-size:20px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order>button{font-size:19px;min-height:48px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-payment{margin-top:8px;padding-top:8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-queue{border-width:6px;border-image-width:8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-queue>header .queue-count{display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-queue>header .construction-state{font-size:12px;max-width:90px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page :is(.queue-controls,.order-controls,.plan-row-controls,.scene-plan-tools,.work-queue li>div,.recruitment-quantity)>button:not(.info-button){min-width:42px;min-height:42px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page :is(.order-copy small,.scene-queued-job small,.work-queue li small,.scene-plan-tools,.research-monitor .research-project span){font-size:13px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-scene{padding-top:80px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-tree{order:2}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selection{order:3}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-monitor{order:4}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-contribution{order:5}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .fleet-stage{padding-top:90px;background-size:auto 280px}
 :root body#realm-ui[data-ui-theme][data-view=alliance] #workspace #content-page{padding-top:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .council-panorama{height:90px;min-height:90px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-screen{padding-top:70px;background-size:auto 300px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-catalog-heading{min-height:38px;display:flex;flex-wrap:nowrap;gap:6px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-catalog-heading h3{font-size:16px;white-space:nowrap;margin:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-capacity{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-catalog{height:118px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-catalog>button{min-height:96px;flex-basis:92px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-catalog img{height:48px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-workbench{grid-template-rows:85px auto}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-workbench .recruitment-order>header{min-height:85px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-portrait{height:85px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-portrait>img{height:65px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-stats small{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-monitor{margin:6px 0;border-width:4px;border-image-width:6px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-monitor .research-project>div>small{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-monitor .research-project h2{font-size:17px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-tree{gap:6px;min-height:350px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch{flex-basis:104px;min-width:104px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-node{width:56px;height:56px;min-width:56px;min-height:56px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-hex>.painted-icon{width:38px;height:38px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page :is(input,select,textarea){font-size:16px;min-height:44px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page :is(.guide-reader,.guide-task,.account-card,.report-journal) p{font-size:16px}
}
/* Reserve real picture space for the building choices, independently of the dossier. */
@media(min-width:951px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen{grid-template-areas:'visual details' 'catalog details' 'catalog queue';grid-template-rows:minmax(0,1fr) clamp(90px,12vh,145px) 155px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog{display:flex;flex-direction:column;overflow:hidden}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog>header{flex:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog .catalog-scroll{height:auto;flex:1;min-height:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog #building-ribbon>button{flex:0 0 clamp(140px,8vw,160px);min-height:0;height:100%}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog .catalog-art{flex:1 1 0;height:auto;min-height:90px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog #building-ribbon>button>span:not(.catalog-art){flex:none;font-size:14px;margin:5px 0 3px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog #building-ribbon small{flex:none;font-size:13px}
}
/* Zoom 1 covers this viewport, including after resizing or rotating the screen. */
:root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island .island-viewport{container-type:size}
:root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island .island-panorama{width:calc(max(100cqw,175cqh)*max(1,var(--island-zoom)));min-width:0;aspect-ratio:7/4}
/* Phone command deck: use the screen for actions, not empty framing. */
@media(max-width:950px){
 :root{--notice-height:0px;--mobile-dock:66px}
 html:has(body#realm-ui){scroll-padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
 :root body#realm-ui[data-ui-theme] #mobile-dock{bottom:0;background:#171e24;border-top:1px solid #b69452;padding-bottom:calc(4px + env(safe-area-inset-bottom));height:calc(66px + env(safe-area-inset-bottom))}
 :root body#realm-ui[data-ui-theme]:not([data-view=map]) #workspace{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}
 :root body#realm-ui[data-ui-theme] .notification-berth{bottom:calc(66px + env(safe-area-inset-bottom));height:auto;border:0;background:none}
 :root body#realm-ui[data-ui-theme] .notification-berth:has(#toast[hidden]){display:none}
 :root body#realm-ui[data-ui-theme] #toast,:root body#realm-ui[data-ui-theme][data-view=map] #toast{position:relative;min-height:36px;height:auto;background:#efe0bf;color:#382619;border:1px solid #b59458;max-width:100%;padding:8px 12px}
 :root body#realm-ui[data-ui-theme] #workspace .topbar .header-shortcuts{display:none}
 :root body#realm-ui[data-ui-theme][data-player=captain] #workspace .topbar{height:62px;min-height:62px;grid-template-rows:50px;padding-bottom:5px}
 :root body#realm-ui[data-ui-theme] #sidebar{inset:0;width:100%;height:100dvh;max-height:100dvh;min-height:0;padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));clip-path:none;overflow-y:auto;overscroll-behavior:contain;z-index:150;border:0;border-radius:0;background:linear-gradient(#171411b8,#171411e8),url('/art/interface/cabin-timber.webp') center/440px;box-sizing:border-box}
 :root body#realm-ui[data-ui-theme] #sidebar::before{display:none}
 :root body#realm-ui[data-ui-theme] #sidebar.open{display:flex;flex-direction:column;gap:10px}
 :root body#realm-ui[data-ui-theme] #sidebar .brand{position:relative;flex:none;height:68px;min-height:68px;width:calc(100% - 44px);padding:0;gap:8px;clip-path:none}
 :root body#realm-ui[data-ui-theme] #sidebar .brand-crest{width:50px;height:58px}
 :root body#realm-ui[data-ui-theme] #sidebar .brand>span{font-size:23px}
 :root body#realm-ui[data-ui-theme] #sidebar-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:44px;height:44px;min-height:44px;z-index:2}
 :root body#realm-ui[data-ui-theme] #sidebar #navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:none;width:100%;margin:0;padding:0}
 :root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item{width:100%;min-width:0;height:86px;min-height:86px;margin:0;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
 :root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-item .painted-icon{width:34px;height:34px}
 :root body#realm-ui[data-ui-theme] #sidebar #navigation .nav-label{font-size:16px;line-height:1.15}
 :root body#realm-ui[data-ui-theme] #sidebar .mobile-menu-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0;flex:none}
 :root body#realm-ui[data-ui-theme] #sidebar .mobile-menu-tools button{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 10px;font-size:14px;color:#f8e7c6;background:#172330;border:1px solid #a88950;border-image:none;border-radius:5px;box-shadow:inset 0 1px #f4d58c33}
 :root body#realm-ui[data-ui-theme] #sidebar .mobile-menu-tools .painted-icon{width:27px;height:27px}
 :root body#realm-ui[data-ui-theme] #sidebar .sidebar-bottom{margin:0;padding:0;flex:none}
 :root body#realm-ui[data-ui-theme] #sidebar .legal-links{padding:6px 0;display:flex;justify-content:space-between}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen{gap:4px;grid-template-areas:'catalog' 'details' 'queue';margin-bottom:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen .building-showcase{display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog{border-width:4px;border-image-width:6px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog>header{padding:0 4px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog nav button{min-height:32px;padding:3px 4px;font-size:12px;border-radius:4px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog .catalog-scroll{padding:4px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog #building-ribbon>button{flex:0 0 100px;min-height:96px;height:96px;border-width:3px;border-image-width:5px;padding:0;gap:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog .catalog-art{height:53px;min-height:53px;flex:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog .catalog-art img{height:100%}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog #building-ribbon>button>span:not(.catalog-art){font-size:12px;margin:3px 0 0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-catalog #building-ribbon small{font-size:12px;line-height:1.1}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier article>header{min-height:48px;padding:4px 8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier article>header>img{width:38px;height:38px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .build-dossier h2{font-size:20px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .dossier-paper{padding:7px 10px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .building-readiness{margin:0 0 4px;padding:0 6px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .building-readiness>summary{min-height:30px;padding:2px;font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-levels{padding-bottom:4px;margin-bottom:4px;font-size:13px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-effects>div{min-height:24px;margin:2px 0;grid-template-columns:22px 1fr auto}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-effects dt{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-effects dd{grid-column:3;font-size:14px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-effects .painted-icon{width:22px;height:22px;grid-row:1}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-effects .modifier-gain{padding:2px 4px;font-size:13px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-payment{margin-top:5px;padding-top:5px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-resource strong{font-size:19px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-resource small{font-size:11px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order{margin-top:5px;padding-top:5px;gap:3px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order>button{min-height:44px;font-size:18px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .upgrade-order>strong{font-size:18px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-queue>header{min-height:40px;padding:2px 6px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-queue>header h3{font-size:16px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-queue .queue-obstruction{margin:3px;padding:5px 7px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-queue .queue-obstruction strong{font-size:13px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .construction-screen :is(.build-dossier,#construction-queue){border-width:4px;border-image-width:6px}
}
.mobile-menu-tools{display:none}
/* Dedicated icon files are never treated as sprite sheets or stretched scenery. */
:root body#realm-ui[data-ui-theme] img.painted-icon.asset-icon{background:none!important;object-fit:contain!important;object-position:center;opacity:1;flex-shrink:0;padding:0;border:0;filter:none}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.construction-catalog,.build-dossier,.construction-queue,.recruitment-workbench,.scene-orders,.research-monitor){border-image:var(--carved-frame) 170 140 170 140 / 9px / 0 stretch;box-shadow:0 3px 10px #03131b55}
:root body#realm-ui[data-ui-theme] #workspace :is(.island-subnav nav button,.construction-catalog #building-ribbon>button,.recruitment-catalog>button){border:6px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 6px / 0 stretch;box-shadow:none;border-radius:6px;overflow:hidden}
:root body#realm-ui[data-ui-theme] #workspace :is(.island-subnav nav button,.construction-catalog #building-ribbon>button,.recruitment-catalog>button)[aria-pressed=true],:root body#realm-ui[data-ui-theme] #workspace .island-subnav nav button.active{background:linear-gradient(135deg,#14578a,#217cb0 48%,#103f6e);box-shadow:inset 0 0 0 1px #ffe2a2}
:root body#realm-ui[data-ui-theme] #workspace #content-page button.primary{border:7px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 7px / 0 stretch;background:linear-gradient(160deg,#277dab,#154973);box-shadow:inset 0 1px 3px #fff6,0 2px 4px #0004;border-radius:6px;text-shadow:0 1px 2px #102338}
:root body#realm-ui[data-ui-theme] #workspace #content-page button.primary:disabled{background:linear-gradient(#55534b,#363b3c);color:#e2d9c5;box-shadow:none}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #sidebar{z-index:220}
 :root body#realm-ui[data-ui-theme] #sidebar-backdrop{z-index:210}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-screen{padding-top:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-catalog-heading{padding:4px 7px;min-height:36px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-catalog{height:110px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-order form{grid-template-columns:minmax(0,1fr) auto;gap:5px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-quantity{grid-column:1/-1}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-order form>button{grid-column:1;grid-row:2}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-order form>.duration{grid-column:2;grid-row:2;align-self:center}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .recruitment-payment{font-size:11px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island{height:calc(100dvh - var(--workspace-top,110px) - 74px - env(safe-area-inset-bottom));min-height:470px;display:flex;flex-direction:column;gap:4px;padding-bottom:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island .island-viewport{height:auto;flex:1 1 220px;min-height:180px;order:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island .island-command-rail{position:static;order:1;flex:none;min-height:0;max-height:none;display:block}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-orders{margin:0 5px;padding:2px 6px;border-width:5px;max-height:none;overflow:visible}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-orders-heading{padding:2px 0;min-height:28px;font-size:15px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-orders-heading .painted-icon{width:25px;height:25px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-job{min-height:36px;padding:3px;grid-template-columns:26px minmax(0,1fr) 94px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-job img{width:26px;height:28px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-job strong{font-size:13px;margin:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-job-time{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-build-plan>summary{min-height:34px;padding:4px 6px;font-size:13px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-ribbon-shell{order:2;flex:none;height:108px;margin:0 5px;padding:0;display:block}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-ribbon-shell #building-ribbon{display:flex;overflow-x:auto;overflow-y:hidden;height:100%;gap:5px;scrollbar-width:thin}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-ribbon-shell #building-ribbon>button{display:flex!important;flex:0 0 104px;width:104px;min-width:104px;min-height:0;height:99px;border:4px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 4px / 0 stretch;gap:1px;padding:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-ribbon-shell .scene-tile-art{height:55px;min-height:55px;flex:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-ribbon-shell .scene-tile-art img{height:100%;width:100%;object-fit:cover}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-ribbon-shell #building-ribbon>button>span:not(.scene-tile-art){font-size:11px;line-height:15px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-ribbon-shell #building-ribbon small{font-size:11px;line-height:14px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .scene-catalog-disclosure{display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island:has(.scene-build-plan[open]),:root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island:has(.scene-inspector){height:auto}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island:has(.scene-build-plan[open]) .island-viewport,:root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island:has(.scene-inspector) .island-viewport{height:220px;flex:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island .scene-chart,:root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island .scene-dispatch{display:none}
}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-scene{padding-top:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-tree{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:64px 64px 68px;gap:4px;min-height:0;height:auto;overflow:visible;padding:6px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch{display:contents}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch-title{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:64px;min-height:64px;padding:3px;background:linear-gradient(#213e52,#102331);border:1px solid #8d774e;border-radius:5px;box-shadow:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch.selected .research-branch-title{background:linear-gradient(#236fa0,#12416d);border-color:#f4d28d;box-shadow:inset 0 0 0 1px #ddb46a}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch-title .research-tile-art{display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch-title>.painted-icon{position:static;width:30px;height:30px;transform:none;margin:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch-title>span:not(.painted-icon){font-size:11px;background:none;position:static;padding:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch-title .research-tile-level{font-size:10px;right:2px;top:2px;width:17px;height:17px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch>.research-ladder,:root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch>small{display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch.selected>.research-ladder{display:flex;grid-row:3;grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-around;min-height:0;height:68px;padding:4px;background:#112b3b;border-radius:6px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selection{display:grid;grid-template-columns:42px minmax(0,1fr) 52px;gap:6px;padding:8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selected-art{width:42px;height:58px;min-width:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selection h2{font-size:17px;margin:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selection :is(.research-description,.research-effect>small){display:none}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-effect{margin:3px 0;font-size:13px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selection .text-button{font-size:11px;padding:0;min-height:28px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-level-picker{font-size:10px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-level-picker select{height:38px;min-height:38px;padding:4px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-start{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-start>strong{font-size:18px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-start>small{font-size:12px;grid-row:2}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-start>button{grid-column:2;grid-row:1/3;min-height:44px;font-size:17px}
}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selected-art{grid-column:1;grid-row:1}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selection>div:nth-child(2){grid-column:2;grid-row:1}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-level-picker{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:3px;font-size:10px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-level-picker select{width:100%;max-width:100%;font-size:14px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-start{grid-row:2}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-effect>strong{font-size:19px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-effect>span{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-effect .modifier-gain{font-size:11px;padding:2px 4px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island{height:auto;min-height:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island .island-viewport,
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island:has(.scene-build-plan[open]) .island-viewport,
 :root body#realm-ui[data-ui-theme] #workspace #content-page .immersive-island:has(.scene-inspector) .island-viewport{height:clamp(180px,calc(100dvh - var(--workspace-top,110px) - 380px),340px);flex:none}
}