/* Painted Caribbean kit. Full colour silhouettes own their fill and edge together.
   This named layer is declared before the legacy layers in asset-ui.css. */
:root{--adventure-panel:url('/art/interface-v5/cabin-panel.webp');--adventure-blue:url('/art/interface-v5/command-blue.webp');--adventure-wood:url('/art/interface-v5/command-wood.webp')}
@layer adventure {
body#realm-ui{--font-body:'Libre Baskerville',Georgia,serif!important;--font-display:'EB Garamond',Georgia,serif!important;--font-body-size:14px!important;--warm-ink:#fff2d6!important;--warm-muted:#ecd3a6!important}
body#realm-ui :is(button,input,select,textarea){font-family:'Libre Baskerville',Georgia,serif!important}
body#realm-ui :is(h1,h2,h3){font-family:'EB Garamond',Georgia,serif!important;font-weight:600!important}
/* A single painted plate, never a rectangular colour underneath a transparent rim. */
.kit-button,body#realm-ui :is(button.primary,button.secondary,.island-subnav nav button,.construction-catalog nav>button,.fleet-tabs>button,.ranking-tabs>button,.tab-strip>button,.realm-section-tabs>button,.mobile-menu-tools>button,.queue-controls>button,.order-controls>button,.plan-row-controls>button,.scene-plan-tools>button,.work-queue li>div>button,.recruitment-quantity>button,.realm-island-actions>button,.desk-shortcuts>button,.guide-action,.guide-filter-button,.island-overview-button,.research-branch-title,.combat-tabs>button):not(.info-button){--command-art:var(--adventure-wood);--command-slice:70 140;position:relative!important;isolation:isolate!important;background:none!important;border:5px solid transparent!important;border-image:none!important;box-shadow:none!important;color:#fff4dc!important;text-shadow:0 2px 2px #160b05!important;filter:none!important;border-radius:12px!important}
.kit-button::before,body#realm-ui :is(button.primary,button.secondary,.island-subnav nav button,.construction-catalog nav>button,.fleet-tabs>button,.ranking-tabs>button,.tab-strip>button,.realm-section-tabs>button,.mobile-menu-tools>button,.queue-controls>button,.order-controls>button,.plan-row-controls>button,.scene-plan-tools>button,.work-queue li>div>button,.recruitment-quantity>button,.realm-island-actions>button,.desk-shortcuts>button,.guide-action,.guide-filter-button,.island-overview-button,.research-branch-title,.combat-tabs>button):not(.info-button)::before{content:''!important;display:block!important;position:absolute!important;inset:-5px!important;z-index:-1!important;pointer-events:none!important;background:none!important;border:0 solid transparent!important;border-image:var(--command-art) var(--command-slice) fill / 12px 20px / 0 stretch!important;border-radius:0!important;box-shadow:none!important;width:auto!important;height:auto!important;transform:none!important;opacity:1!important}
.kit-button::after,body#realm-ui :is(button.primary,button.secondary,.island-subnav nav button,.construction-catalog nav>button,.fleet-tabs>button,.ranking-tabs>button,.tab-strip>button,.realm-section-tabs>button,.mobile-menu-tools>button,.queue-controls>button,.order-controls>button,.plan-row-controls>button,.scene-plan-tools>button,.work-queue li>div>button,.recruitment-quantity>button,.realm-island-actions>button,.desk-shortcuts>button,.guide-action,.guide-filter-button,.island-overview-button,.research-branch-title,.combat-tabs>button):not(.info-button)::after{content:none!important;display:none!important}
.kit-button:is(.selected,[aria-pressed=true]),body#realm-ui :is(button.primary,[aria-current=page],[aria-pressed=true],.active,.is-active){--command-art:var(--adventure-blue)!important;--command-slice:48 140!important}
body#realm-ui button:disabled{filter:saturate(.45)!important;cursor:not-allowed}
body#realm-ui :is(button.primary,button.secondary):not(:disabled):hover,.kit-button:not(:disabled):hover{filter:brightness(1.13)!important}
body#realm-ui button:focus-visible,.kit-button:focus-visible{outline:2px solid #fff0ae!important;outline-offset:2px!important}
body#realm-ui .island-overview-button{position:absolute!important}
/* Broad wood and restrained brass fittings replace repeated fine gold rectangles. */
.kit-panel,body#realm-ui #content-page :is(.carved-panel,.construction-catalog,.build-dossier,.construction-queue,.recruitment-workbench,.scene-orders,.research-monitor,.council-board,.correspondence-board,.ranking-board,.trade-board,.report-journal,.guide-reader,.account-card,.fleet-board,.recruitment-status,.recruitment-catalog,.combat-monitor,.desk-board),body#realm-ui .island-detail:not(:empty){border:12px solid transparent!important;border-image:var(--adventure-panel) 130 fill / 25px / 0 stretch!important;background:none!important;border-radius:24px!important;box-shadow:0 8px 18px #23170c40!important;color:#fff2d6!important}
body#realm-ui #content-page :is(.recruitment-order,.recruitment-paper,.recruitment-stats,.recruitment-quantity,.dossier-paper,.research-selection,.research-contribution){background:none!important}
body#realm-ui #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,.research-scene-title){background:linear-gradient(90deg,#140e0999,#63371c44,#140e0977)!important;color:#ffe2a3!important;border-bottom:1px solid #cf9b5266!important;text-shadow:0 2px 2px #170b07!important}
body#realm-ui #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:linear-gradient(110deg,#17130ed9,#3e291cd9)!important;border:1px solid #b38a4f77!important;border-radius:12px!important;box-shadow:inset 0 1px #ffe3aa15!important;color:#fff2d6!important}
body#realm-ui #content-page :is(.queue-track,.queue-plans,.queue-plan-scroll,.work-queue,.scene-build-plan,.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:#24170ec9!important;border-radius:12px!important;color:#fff0ce!important}
body#realm-ui #content-page :is(.work-queue,.queue-plans,.scene-build-plan)>summary{background:linear-gradient(#62402388,#2b1c12aa)!important;border-radius:10px!important;color:#ffe5b3!important}
body#realm-ui #content-page .work-queue{border:1px solid #b78b4e99!important;border-image:none!important;background:#281c12f2!important;border-radius:12px!important;box-shadow:0 3px 8px #160e0844!important}
body#realm-ui #content-page :is(.recruitment-catalog>button,.construction-catalog #building-ribbon>button,.scene-ribbon-shell #building-ribbon>button){border:2px solid #b38a4f!important;border-image:none!important;border-radius:12px!important;background:linear-gradient(0deg,#1d1710 0 27%,#163f58aa 55%,#56a7c844),url('/art/battle/sea.webp') center/cover!important;box-shadow:inset 0 1px 3px #fff3,0 3px 6px #110c0866!important;overflow:hidden!important;padding:5px!important;outline:none!important}
body#realm-ui #content-page :is(.recruitment-catalog>button,.construction-catalog #building-ribbon>button,.scene-ribbon-shell #building-ribbon>button)[aria-pressed=true]{border-color:#ffe09b!important;background:linear-gradient(0deg,#073c69 0 27%,#0877ad99 55%,#79d9f344),url('/art/battle/sea.webp') center/cover!important;box-shadow:inset 0 0 0 1px #fff3,0 0 10px #47bce980!important}
body#realm-ui #content-page .recruitment-catalog .locked img{filter:none!important;opacity:.8!important}
body#realm-ui #content-page .recruitment-stock{border:0!important;background:#0e2736!important;color:#fff2d6!important;border-radius:8px!important;min-width:38px!important;width:auto!important;padding:3px 10px!important;justify-self:center!important;font-size:14px!important;line-height:1.1!important}
body#realm-ui #content-page .recruitment-catalog strong{font-size:13px!important;text-shadow:0 1px 2px #000!important;font-weight:600!important}
body#realm-ui #content-page .recruitment-portrait{background:radial-gradient(ellipse,#2c6c89b0,#163e5d55 60%,transparent 75%)!important;border:0!important;border-radius:16px!important}
body#realm-ui #content-page .recruitment-portrait>span{background:#132b37!important;border:1px solid #c5a36b!important;border-radius:9px!important;font-size:13px!important;color:#fff5df!important;padding:4px 10px!important}
body#realm-ui #content-page .recruitment-stats>span{background:#160f0a66!important;border:1px solid #b78b4444!important;border-radius:9px!important;padding:7px!important}
body#realm-ui #content-page .recruitment-stats b{font-size:18px!important;color:#fff4dc!important}
body#realm-ui #content-page .recruitment-stats small{font-size:11px!important;color:#e9ce9f!important}
body#realm-ui #content-page .recruitment-cost .costs{font-size:18px!important;gap:15px!important}
body#realm-ui #content-page .recruitment-cost .costs img{width:32px!important;height:32px!important;object-fit:contain!important}
body#realm-ui #content-page .recruitment-order h2{font-size:30px!important;color:#fff0c6!important}
body#realm-ui #content-page .recruitment-order form>button{font-size:17px!important;min-height:46px!important}
body#realm-ui #content-page .recruitment-payment{font-size:11px!important;color:#d9bf94!important}
body#realm-ui #content-page :is(.recruitment-quantity label,.recruitment-order .duration){font-size:13px!important;color:#f3dab1!important}
body#realm-ui #content-page :is(input,select,textarea){background:#1c140f!important;border:1px solid #bb9256!important;color:#fff2d6!important;border-radius:10px!important;box-shadow:inset 0 2px 4px #0005!important}
/* The navigation is one compact wooden rail with a luminous blue selected plaque. */
body#realm-ui #sidebar #navigation .nav-item{transform:none!important;padding:7px 8px!important;font-size:14px!important;gap:3px!important}
body#realm-ui #sidebar #navigation .nav-item::before{background:none!important;border:0 solid transparent!important;border-image:var(--adventure-panel) 130 fill / 13px / 0 stretch!important;inset:1px 3px!important}
body#realm-ui #sidebar #navigation .nav-item.active::before{background:none!important;border-image:var(--adventure-blue) 48 140 fill / 13px 18px / 0 stretch!important}
body#realm-ui #sidebar #navigation .nav-item.active .nav-label::after{display:none!important}
body#realm-ui #sidebar #navigation .nav-item>.painted-icon{height:32px!important;width:38px!important;object-fit:contain!important}
body#realm-ui #sidebar #navigation .nav-label{color:#fff0cd!important;text-shadow:0 1px 3px #120b06!important}
body#realm-ui #workspace .island-subnav nav button{min-height:40px!important;font-size:13px!important;padding:4px 12px!important}
body#realm-ui #workspace .island-subnav nav .painted-icon{width:25px!important;height:25px!important}
body#realm-ui #mobile-dock button.active{background:none!important;isolation:isolate!important}
body#realm-ui #mobile-dock button.active::before{content:''!important;display:block!important;position:absolute!important;inset:0!important;background:none!important;border:0 solid transparent!important;border-image:var(--adventure-blue) 48 140 fill / 10px 13px / 0 stretch!important;z-index:-1!important}
/* Research reads as coloured disciplines, with generously sized medallions. */
body#realm-ui #content-page .research-branch{background:linear-gradient(0deg,#16100de8,var(--branch-color))!important;border:1px solid #b9905766!important;border-radius:14px!important;overflow:hidden!important}
body#realm-ui #content-page .research-branch.selected{box-shadow:inset 0 0 0 2px #edc374,0 0 12px #2e9ed144!important;background:linear-gradient(0deg,#112438,#195d88)!important}
body#realm-ui #content-page .research-branch-title{--command-art:none!important;border:0!important;background:#1a110a44!important;border-bottom:1px solid #b9905755!important;border-radius:0!important}
body#realm-ui #content-page .research-branch-title::before{display:none!important}
body#realm-ui #content-page .research-node .research-hex{background:radial-gradient(ellipse at 35% 20%,#ae8245,#3b2b1c 65%)!important;box-shadow:inset 0 1px 5px #ffe6a366!important}
body#realm-ui #content-page .research-node[aria-pressed=true] .research-hex{background:radial-gradient(ellipse at 35% 20%,#309cce,#114e76 65%)!important}
body#realm-ui #content-page .research-node.locked .research-hex{background:#221d18!important;color:#b8afa0!important}
body#realm-ui #content-page .research-selection{border-top:1px solid #b9905766!important}
/* Long reading retains a light page; wood only frames the content. */
body#realm-ui #content-page .guide-reader{border-image:var(--adventure-panel) 130 / 24px / 0 stretch!important;background:#f3dfb5 var(--asset-paper) center/512px!important;background-clip:padding-box!important;color:#342313!important}
body#realm-ui #content-page .guide-reader :is(h1,h2,h3,p,li,small,span,strong){color:#342313!important;text-shadow:none!important}
body#realm-ui #content-page :is(.guide-task,.guide-steps,.guide-achievement-ledger,.captains-desk,.realm-island-card){border:10px solid transparent!important;border-image:var(--adventure-panel) 130 / 22px / 0 stretch!important;border-radius:20px!important;overflow:hidden!important}
body#realm-ui #content-page :is(.battle-empty,.empty-state){background:#23190feb!important;border:1px solid #c7a36388!important;border-radius:16px!important;color:#fff2d6!important;padding:22px!important;box-shadow:0 5px 12px #100b0744!important}
body#realm-ui #content-page :is(.fleet-tabs,.realm-section-tabs){background:#251a10e8!important;border-radius:12px!important;padding:4px!important;gap:5px!important;width:max-content!important;max-width:100%!important;align-self:start!important}
body#realm-ui .chart-overview-wrap{border-image:var(--adventure-panel) 130 fill / 17px / 0 stretch!important;border-radius:18px!important}
body#realm-ui .topbar{background:linear-gradient(0deg,#17120ef2,#322014d9),var(--asset-timber)!important;box-shadow:0 2px 8px #130d0877!important}
body#realm-ui .resource{border-radius:10px!important;background:linear-gradient(#4b32194d,#100d0966)!important;border:1px solid #bb8e4733!important;padding-inline:8px!important}
body#realm-ui .resource .painted-icon{width:32px!important;height:32px!important;object-fit:contain!important}
@media(min-width:951px){
 body#realm-ui #sidebar #navigation .nav-item{height:72px!important;min-height:72px!important}
 body#realm-ui #content-page .recruitment-screen{grid-template-columns:minmax(0,1fr) clamp(360px,31vw,460px)!important;gap:12px!important}
 body#realm-ui #content-page .recruitment-workbench{display:block!important;position:relative!important;padding:0!important;overflow:auto!important;height:auto!important;grid-row:1/3!important;align-self:start!important;max-height:calc(100dvh - var(--workspace-top,140px) - var(--notice-height,36px) - 170px)!important}
 body#realm-ui #content-page .recruitment-portrait{position:absolute!important;top:56px!important;left:12px!important;right:12px!important;width:auto!important;height:170px!important;min-height:0!important;z-index:2!important;pointer-events:none!important}
 body#realm-ui #content-page .recruitment-portrait>img{width:92%!important;height:146px!important;margin:0 0 20px!important;object-fit:contain!important}
 body#realm-ui #content-page .recruitment-portrait>span{left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;white-space:nowrap!important}
 body#realm-ui #content-page .recruitment-order>header{min-height:236px!important;align-items:flex-start!important;padding:10px 10px 184px!important;gap:10px!important}
 body#realm-ui #content-page .recruitment-order>header>div{display:flex!important;align-items:baseline!important;gap:12px!important}
 body#realm-ui #content-page .recruitment-order>header small{font-size:12px!important;order:2!important}
 body#realm-ui #content-page .recruitment-paper{padding:10px!important}
 body#realm-ui #content-page .recruitment-status{max-width:340px!important;font-size:14px!important}
 body#realm-ui #content-page .recruitment-catalog>button{grid-template-rows:minmax(0,1fr) 20px 24px!important;gap:3px!important;min-height:0!important}
 body#realm-ui #content-page .recruitment-catalog img{height:100%!important;min-height:0!important;width:100%!important;object-fit:contain!important}
 body#realm-ui #content-page .recruitment-catalog{gap:7px!important;padding:5px!important}
 body#realm-ui #content-page .recruitment-catalog-heading{grid-column:1!important;padding:5px 12px!important;min-height:32px!important;background:#24190fe8!important}
 body#realm-ui #content-page .recruitment-catalog-heading h3{font-size:20px!important}
 body#realm-ui #content-page .research-branch-title>.painted-icon{width:45px!important;height:45px!important;object-fit:contain!important}
 body#realm-ui #content-page .research-selection h2{font-size:25px!important}
 body#realm-ui #content-page .build-dossier article>header h2{font-size:27px!important}
 body#realm-ui #content-page .build-dossier :is(.upgrade-resource strong,.upgrade-duration strong){font-size:20px!important}
}
@media(min-width:951px) and (max-height:820px){
 body#realm-ui #content-page .recruitment-screen{grid-template-rows:minmax(0,1fr) 32px 145px!important}
 body#realm-ui #content-page .recruitment-catalog{height:145px!important}
 body#realm-ui #content-page .recruitment-portrait{height:86px!important;top:39px!important}
 body#realm-ui #content-page .recruitment-portrait>img{height:75px!important}
 body#realm-ui #content-page .recruitment-portrait>span{font-size:11px!important;padding:2px 8px!important}
 body#realm-ui #content-page .recruitment-order>header{min-height:132px!important;padding-bottom:90px!important}
 body#realm-ui #content-page .recruitment-paper{padding:5px 8px!important}
 body#realm-ui #content-page .recruitment-order h2{font-size:25px!important}
 body#realm-ui #content-page .recruitment-stats>span{padding:4px!important}
 body#realm-ui #content-page .recruitment-payment{display:none!important}
 body#realm-ui #content-page .recruitment-catalog img{height:100%!important}
}
@media(min-width:951px) and (max-width:1400px){body#realm-ui #content-page .recruitment-catalog strong{font-size:11px!important;white-space:nowrap!important}body#realm-ui #content-page .recruitment-catalog [data-recruit-select=settler] strong{font-size:10px!important}}
@media(max-width:950px){
 body#realm-ui #content-page :is(.carved-panel,.construction-catalog,.build-dossier,.construction-queue,.recruitment-workbench,.scene-orders,.research-monitor,.recruitment-status,.recruitment-catalog,.combat-monitor){border-width:8px!important;border-image-width:18px!important;border-radius:18px!important}
 body#realm-ui #content-page .recruitment-stats>span{padding:4px!important}
 body#realm-ui #content-page .recruitment-order h2{font-size:25px!important}
 body#realm-ui #content-page .recruitment-portrait>img{height:90px!important;width:100%!important;object-fit:contain!important}
 body#realm-ui #content-page .recruitment-portrait>span{font-size:11px!important;padding:2px 5px!important}
 body#realm-ui #content-page .recruitment-workbench{display:block!important;position:relative!important}
 body#realm-ui #content-page .recruitment-portrait{position:absolute!important;left:8px!important;top:8px!important;width:100px!important;height:100px!important;min-height:0!important;z-index:2!important;pointer-events:none!important}
 body#realm-ui #content-page .recruitment-order>header{display:flex!important;min-height:100px!important;padding:5px 6px 5px 114px!important;align-items:center!important;gap:6px!important}
 body#realm-ui #content-page .recruitment-order>header>div{display:block!important;min-width:0!important;flex:1!important}
 body#realm-ui #content-page .recruitment-order h2{font-size:23px!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.1!important}
 body#realm-ui #content-page .recruitment-order header small{font-size:11px!important}
 body#realm-ui #content-page .recruitment-order .info-button{width:32px!important;min-width:32px!important}
 body#realm-ui #content-page .recruitment-catalog strong{font-size:12px!important}
 body#realm-ui #content-page .recruitment-catalog>button{grid-template-rows:minmax(0,1fr) 18px 22px!important;gap:2px!important;min-height:0!important}
 body#realm-ui #content-page .recruitment-catalog img{height:100%!important;min-height:0!important;object-fit:contain!important}
 body#realm-ui #content-page .recruitment-catalog{gap:6px!important;padding:4px!important;height:120px!important;max-height:none!important}
 body#realm-ui #content-page .recruitment-cost .costs{font-size:16px!important;margin:7px 0!important}
 body#realm-ui #content-page .recruitment-cost .costs img{height:26px!important;width:26px!important}
 body#realm-ui #content-page .recruitment-payment{font-size:10px!important}
 body#realm-ui #content-page .recruitment-catalog-heading{background:#21170ee8!important;min-height:34px!important;padding:5px 8px!important}
 body#realm-ui #content-page .recruitment-catalog-heading h3{font-size:15px!important}
 body#realm-ui #content-page .recruitment-capacity summary{font-size:12px!important}
 body#realm-ui #sidebar #navigation .nav-item{min-height:74px!important;height:74px!important}
 body#realm-ui #mobile-dock button{font-size:12px!important}
 body#realm-ui #workspace .island-subnav nav button{font-size:12px!important;min-height:38px!important;padding:4px 7px!important}
}
@media(max-width:950px) and (min-height:820px){body#realm-ui #content-page .recruitment-catalog{height:145px!important}}
}