@layer refinements244 {
body#realm-ui {--notice-height:0px!important}
body#realm-ui .immersive-island{--game-height:100dvh!important}
/* Readable information dialogs: one opaque paper with dark ink. */
body#realm-ui #modal:has(.context-help){background:#f5e3bc url('/art/interface-v3/parchment-fill.webp') center/512px!important;color:#302014!important}
body#realm-ui #modal:has(.context-help) :is(h2,h3,p,dt,dd,small,strong,span,.text-button,.modal-close){color:#302014!important;text-shadow:none!important;opacity:1!important}
body#realm-ui #modal .context-help {font-size:15px!important;line-height:1.6!important;padding:16px!important}
body#realm-ui #modal .context-help :is(.info-effect,.info-values){background:#ead4a6!important;border:1px solid #aa8245!important;color:#302014!important}
body#realm-ui #modal .context-help .text-button{font-size:14px!important;text-decoration:underline!important;min-height:44px!important}
/* A fixed upper notification berth, next to the actual report entry point. */
body#realm-ui .notification-berth{position:fixed!important;inset:88px 16px auto auto!important;width:min(380px,calc(100vw - 24px))!important;height:auto!important;min-height:0!important;z-index:110!important;pointer-events:none!important;background:none!important}
body#realm-ui #toast{position:static!important;margin:0!important;width:100%!important;max-width:none!important;min-height:0!important;background:#f6e5c2!important;color:#382514!important;box-shadow:0 6px 18px #0005!important;border:2px solid #c49b58!important;border-radius:14px!important;padding:12px 16px!important;font-size:14px!important}
body#realm-ui #toast[hidden]{display:none!important}
body#realm-ui .header-shortcuts{display:flex!important;gap:3px!important;align-items:center!important}
body#realm-ui .header-shortcuts button{position:relative!important;display:grid!important;place-items:center!important;width:40px!important;height:44px!important;min-width:40px!important;min-height:44px!important;padding:4px!important;background:none!important;border:0!important}
body#realm-ui .header-shortcuts .painted-icon{height:32px!important;width:32px!important;object-fit:contain!important}
body#realm-ui #header-notifications{position:absolute;right:0;top:0;border-radius:12px;background:#f4d489;color:#32200d;font:700 11px/18px Georgia,serif;min-width:18px;padding:0 3px}
body#realm-ui #header-notifications[hidden]{display:none!important}
/* The empire is an archipelago; individual cards show the actual map silhouette. */
body#realm-ui[data-view=realm] #workspace{background:linear-gradient(#17314422,#11253444),url('/art/realm-types/realm.webp') center/cover fixed!important}
body#realm-ui[data-view=realm] #content-page,body#realm-ui[data-view=realm] #workspace::before{background:none!important}
body#realm-ui .realm-island-picture{background:radial-gradient(ellipse,#36c8cc77,#095e83b3),url('/art/caribbean/ocean-tile.webp') center/cover!important;position:relative!important;display:grid!important;place-items:center!important;overflow:hidden!important}
body#realm-ui .island-silhouette{display:block!important;width:var(--island-preview-size,180px)!important;height:var(--island-preview-size,180px)!important;background-image:var(--island-sprite)!important;background-size:calc(var(--atlas-columns)*100%) calc(var(--atlas-rows)*100%)!important;background-position:var(--atlas-x) var(--atlas-y)!important;background-repeat:no-repeat!important;filter:drop-shadow(0 6px 7px #052d4d99)!important;margin-bottom:20px!important}
body#realm-ui .realm-island-name{background:linear-gradient(transparent,#071f33ed)!important;padding:20px 12px 8px!important;text-shadow:0 2px 2px #000!important}
body#realm-ui .land-capacity{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;font-size:12px!important;line-height:1.3!important;padding:4px 8px!important;background:#ead5a4!important;color:#392712!important;border-radius:8px!important;margin:3px 0!important}
body#realm-ui .land-capacity .info-button{min-width:28px!important;min-height:28px!important;width:28px!important;height:28px!important;font-size:18px!important;flex:none!important;color:#392712!important}
body#realm-ui .chart-land-info{font-size:13px!important;color:#ffe9c1!important;padding:4px 8px 10px!important;line-height:1.5!important}
body#realm-ui .chart-land-info span{display:block!important;color:#e4c78b!important}
body#realm-ui .map-scale>span{width:100px!important}
body#realm-ui .map-scale{width:auto!important;min-width:100px!important;font-size:13px!important;color:#fff1ca!important;text-shadow:0 2px 3px #001a2b!important}
/* Labels may use two lines, but are never cut or shrunk to illegibility. */
body#realm-ui #building-ribbon>button{min-width:126px!important;flex-basis:126px!important;grid-template-rows:minmax(40px,1fr) 34px 20px!important}
body#realm-ui #building-ribbon>button>span:not(.catalog-art):not(.scene-tile-art){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important;font-size:12px!important;display:grid!important;place-items:center!important;min-height:30px!important;word-break:normal!important;overflow-wrap:normal!important}
body#realm-ui #building-ribbon>button>small{font-size:12px!important}
body#realm-ui .scene-inspector .costs{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important;font-size:14px!important}
body#realm-ui .scene-inspector .costs>span{white-space:nowrap!important;min-width:0!important;gap:3px!important}
body#realm-ui .scene-inspector .costs img{width:23px!important;height:23px!important}
body#realm-ui .upgrade-resources>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
body#realm-ui .upgrade-resource{min-width:0!important}
body#realm-ui .upgrade-resource strong{white-space:nowrap!important}
/* Locked plans stay selectable for prerequisites, but visibly unavailable. */
body#realm-ui #content-page .recruitment-catalog .locked img{filter:grayscale(1) brightness(.74)!important;opacity:1!important}
body#realm-ui #content-page .recruitment-catalog .locked{background:linear-gradient(#393e40,#201a14)!important}
body#realm-ui #content-page .recruitment-catalog .locked[aria-pressed=true]{box-shadow:inset 0 0 0 2px #74c7f0!important}
body#realm-ui .unit-lock-hint{font-size:10px!important;line-height:1.15!important;display:block!important;white-space:normal!important;color:#ead3a7!important;min-height:36px!important;overflow:visible!important;text-align:center!important}
body#realm-ui #content-page .recruitment-catalog>button{grid-template-rows:minmax(0,1fr) 20px 36px 24px!important;gap:2px!important}
body#realm-ui #content-page [data-recruitment=troops] .recruitment-catalog>button{background:radial-gradient(ellipse at 50% 25%,#ac854d,#49311d 65%,#24180e)!important}
body#realm-ui #content-page [data-recruitment=troops] .recruitment-catalog>button[aria-pressed=true]{background:radial-gradient(ellipse at 50% 25%,#c2a572,#5e4526 65%,#183d50)!important}
body#realm-ui #content-page .recruitment-catalog-heading{background:#24180fed!important;box-sizing:border-box!important;height:36px!important;min-height:36px!important;padding:5px 8px!important}
body#realm-ui #content-page [data-recruitment=troops] .recruitment-portrait{background:radial-gradient(ellipse,#aa814b88,#45352044 60%,transparent 75%)!important}
/* Research: explanation and order monitor left, four-stage disciplines right. */
body#realm-ui #content-page .research-board{display:grid!important;width:100%!important;max-width:none!important;margin:0!important;gap:8px!important;grid-template-columns:minmax(290px,31%) minmax(0,1fr)!important;grid-template-rows:40px auto minmax(170px,1fr) minmax(120px,.8fr)!important;overflow:hidden!important}
body#realm-ui #content-page .research-scene-title{grid-column:1/-1!important;grid-row:1!important;min-height:0!important}
body#realm-ui #content-page .research-policy{grid-column:1!important;grid-row:2!important;display:flex!important;flex-wrap:wrap!important;padding:7px 10px!important;gap:4px 10px!important;background:#24190fe8!important;border-radius:9px!important;font-size:12px!important}
body#realm-ui #content-page .research-policy strong{font-size:16px!important}
body#realm-ui #content-page .research-tree{grid-column:2!important;grid-row:2/5!important;min-width:0!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(8,minmax(66px,1fr))!important;overflow:auto!important;padding:5px!important;gap:5px!important}
body#realm-ui #content-page .research-selection{grid-column:1!important;grid-row:3!important;display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;align-content:start!important;align-items:start!important;gap:8px!important;padding:10px!important;margin:0!important;overflow:hidden!important;background:#24180fe8!important;border:1px solid #c09b56!important;border-radius:12px!important}
body#realm-ui #content-page .research-selected-art{grid-column:1!important;grid-row:1!important;width:52px!important;height:60px!important}
body#realm-ui #content-page .research-selection>div:nth-child(2){grid-column:2!important;grid-row:1!important;overflow:auto!important;max-height:100%!important;min-height:0!important}
body#realm-ui #content-page .research-selection h2{font-size:21px!important;line-height:1.15!important;margin:0 0 8px!important}
body#realm-ui #content-page .research-description,body#realm-ui #content-page .research-unlock-note{display:block!important;font-size:12px!important;line-height:1.5!important;color:#f1dcba!important;margin:7px 0!important}
body#realm-ui #content-page .research-effect{display:flex!important;flex-wrap:wrap!important;gap:4px 9px!important;font-size:13px!important}
body#realm-ui #content-page .research-effect>small{display:block!important;color:#e4cfa9!important}
body#realm-ui #content-page .research-unlocks strong{font-size:14px!important;color:#ffe7a2!important;line-height:1.4!important}
body#realm-ui #content-page .research-level-picker{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;width:auto!important;min-width:0!important;font-size:11px!important}
body#realm-ui #content-page .research-level-picker select{min-width:0!important;width:56px!important;height:38px!important;padding:4px!important}
body#realm-ui #content-page .research-start{grid-column:2!important;grid-row:2!important;display:flex!important;flex-wrap:wrap!important;gap:5px 10px!important;width:auto!important;min-width:0!important;padding:0!important}
body#realm-ui #content-page .research-start button{width:100%!important;min-height:42px!important;font-size:14px!important}
body#realm-ui #content-page .research-start strong{font-size:17px!important}
body#realm-ui #content-page .research-start small{font-size:12px!important}
body#realm-ui #content-page .research-monitor{grid-column:1!important;grid-row:4!important;position:static!important;display:block!important;min-width:0!important;min-height:0!important;width:auto!important;margin:0!important;padding:6px!important;overflow:auto!important;border:2px solid #dab16b!important;border-image:none!important;background:#1a3543!important;border-radius:12px!important;box-shadow:0 0 0 2px #20160c!important}
body#realm-ui #content-page .research-monitor .plan-heading{display:flex!important;align-items:center!important;font-size:17px!important;gap:7px!important;padding:5px!important;background:#14577a!important;border-radius:8px!important}
body#realm-ui .research-queue-count{margin-left:auto;background:#f3d59d;color:#3c2913;min-width:25px;text-align:center;border-radius:14px;font-size:14px}
body#realm-ui #content-page .research-project{display:flex!important;align-items:center!important;gap:7px!important;padding:7px!important;flex-wrap:wrap!important}
body#realm-ui #content-page .research-project>img{height:30px!important;width:30px!important}
body#realm-ui #content-page .research-project>div{flex:1!important;min-width:100px!important}
body#realm-ui #content-page .research-project h2{font-size:15px!important;margin:2px 0!important}
body#realm-ui #content-page .research-project>strong{font-size:13px!important;margin-left:auto!important}
body#realm-ui #content-page .research-monitor .work-queue{margin:4px 0!important;max-height:none!important}
body#realm-ui #content-page .research-monitor .work-queue summary{background:#2e6172!important;color:#fff1cc!important;min-height:38px!important;font-size:14px!important}
body#realm-ui #content-page .research-branch{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}
body#realm-ui #content-page .research-branch-title{height:90px!important;min-height:90px!important;padding:5px 2px!important;flex:none!important}
body#realm-ui #content-page .research-branch-title>.painted-icon{width:44px!important;height:44px!important}
body#realm-ui #content-page .research-branch-title>span:not(.painted-icon){font-size:11px!important;white-space:normal!important}
body#realm-ui #content-page .research-ladder{display:flex!important;flex-direction:column!important;justify-content:space-evenly!important;flex:1!important;min-height:0!important;gap:3px!important}
body#realm-ui #content-page .research-node{flex:0 1 76px!important;min-height:42px!important;height:auto!important}
body#realm-ui #content-page .research-hex{width:clamp(42px,4.3vw,68px)!important;height:auto!important;aspect-ratio:1!important}
body#realm-ui #content-page .research-hex .painted-icon{height:74%!important;width:74%!important;object-fit:contain!important}
@media(min-width:951px){
 body#realm-ui #sidebar .brand{position:fixed!important;left:4px!important;top:0!important;width:292px!important;height:78px!important;min-height:0!important;padding:4px!important;display:flex!important;gap:4px!important;margin:0!important;align-items:center!important;z-index:65!important}
 body#realm-ui #sidebar .brand-crest{width:59px!important;height:68px!important;flex:none!important;margin:0!important}
 body#realm-ui #sidebar .brand>span{display:block!important;font-size:23px!important;line-height:1.1!important;white-space:nowrap!important;letter-spacing:-.8px!important}
 body#realm-ui #sidebar .brand small{font-size:10px!important;display:block!important;letter-spacing:1px!important;text-align:left!important;margin-top:5px!important}
 body#realm-ui .topbar{padding-left:304px!important;min-height:80px!important}
 body#realm-ui #resources .resource strong{font-size:18px!important}
 body#realm-ui #content-page .research-scene{padding:8px!important;min-height:0!important;height:calc(100dvh - var(--workspace-top,140px) - 12px)!important;width:100%!important;margin:0!important}
 body#realm-ui #content-page .research-board{height:100%!important;grid-template-rows:40px 50px minmax(0,1fr) 156px!important}
 body#realm-ui #content-page .research-tree{grid-row:2/4!important}
 body#realm-ui #content-page .research-monitor{grid-column:1/-1!important;grid-row:4!important;display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;grid-template-rows:34px minmax(0,1fr)!important;gap:5px 10px!important;overflow:hidden!important}
 body#realm-ui #content-page .research-monitor .plan-heading{grid-column:1/-1!important;margin:0!important}
 body#realm-ui #content-page .research-monitor .research-project{grid-column:1!important;grid-row:2!important;align-content:start!important;margin:0!important}
 body#realm-ui #content-page .research-monitor .research-project>div>small{display:none!important}
 body#realm-ui #content-page .research-monitor .research-project>strong{font-size:12px!important}
 body#realm-ui #content-page .research-monitor .research-project>div>span{font-size:11px!important}
 body#realm-ui #content-page .research-monitor .work-queue{grid-column:2!important;grid-row:2!important;overflow:auto!important;margin:0!important}
 body#realm-ui #content-page .research-monitor .work-queue li{min-height:40px!important;padding:4px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important}
 body#realm-ui #content-page .research-monitor .work-queue li>img{width:30px!important;height:30px!important}
 body#realm-ui #content-page .research-monitor .work-queue li strong{font-size:13px!important}
 body#realm-ui #content-page .recruitment-workbench{max-height:calc(100dvh - var(--workspace-top,140px) - 215px)!important}
 body#realm-ui #content-page .recruitment-workbench:has(.recruitment-gates) .recruitment-portrait{height:86px!important;top:40px!important}
 body#realm-ui #content-page .recruitment-workbench:has(.recruitment-gates) .recruitment-portrait>img{height:75px!important}
 body#realm-ui #content-page .recruitment-workbench:has(.recruitment-gates) .recruitment-order>header{min-height:132px!important;padding-bottom:90px!important}
 body#realm-ui #content-page .realm-islands{height:calc(100dvh - var(--workspace-top,230px) - 12px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:10px!important;overflow:auto!important}
 body#realm-ui #content-page .realm-island-card{display:flex!important;flex-direction:column!important;min-height:0!important}
 body#realm-ui #content-page .realm-island-picture{flex:1!important;min-height:90px!important;height:auto!important}
 body#realm-ui #content-page .realm-island-ledger{flex:none!important;padding:5px 8px!important}
 body#realm-ui #content-page .realm-stock{padding:4px 0!important;font-size:14px!important}
 body#realm-ui #content-page .realm-island-order{min-height:28px!important;font-size:12px!important}
 body#realm-ui #content-page .realm-island-actions button{min-height:34px!important;font-size:12px!important}
 body#realm-ui .island-command-rail{width:360px!important;min-width:360px!important}
 body#realm-ui .island-command-rail .scene-inspector,body#realm-ui .island-command-rail .scene-orders{width:100%!important;min-width:0!important;flex-shrink:0!important}
}
@media(min-width:951px) and (max-height:820px){
 body#realm-ui #content-page .research-branch-title{height:64px!important;min-height:64px!important}
 body#realm-ui #content-page .research-branch-title>.painted-icon{width:32px!important;height:32px!important}
 body#realm-ui #content-page .research-description{font-size:11px!important}
 body#realm-ui #content-page .research-selection h2{font-size:18px!important}
}
@media(max-width:1200px) and (min-width:951px){
 body#realm-ui #sidebar .brand{width:250px!important}
 body#realm-ui #sidebar .brand>span{font-size:20px!important}
 body#realm-ui .topbar{padding-left:258px!important}
 body#realm-ui .header-shortcuts button{width:36px!important;min-width:36px!important}
}
@media(max-width:950px){
 body#realm-ui .header-shortcuts{grid-column:1/-1!important;justify-content:flex-end!important;width:100%!important;min-height:38px!important}
 body#realm-ui .header-shortcuts button{height:38px!important;min-height:38px!important;width:40px!important}
 body#realm-ui .header-shortcuts .painted-icon{height:29px!important;width:29px!important}
 body#realm-ui .island-command-strip{display:contents!important}
 body#realm-ui #resources{grid-column:2!important;grid-row:1!important}
 body#realm-ui .topbar{grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:auto auto!important;height:auto!important;min-height:86px!important;padding:3px 6px!important}
 body#realm-ui .header-shortcuts{grid-row:2!important}
 body#realm-ui #sidebar .brand{width:calc(100% - 36px)!important}
 body#realm-ui #sidebar .brand>span{font-size:22px!important;white-space:nowrap!important}
 body#realm-ui .notification-berth{top:90px!important;right:10px!important}
 body#realm-ui #building-ribbon>button{min-width:120px!important;flex-basis:120px!important}
 body#realm-ui #content-page .recruitment-catalog{height:170px!important}
 body#realm-ui #content-page .recruitment-catalog>button{grid-template-rows:minmax(35px,1fr) 18px 36px 22px!important}
 body#realm-ui #content-page .research-scene{padding:6px 0 12px!important;margin:0!important;height:auto!important;background-size:cover!important}
 body#realm-ui #content-page .research-board{grid-template-columns:1fr!important;grid-template-rows:auto auto auto 320px auto!important;overflow:visible!important;padding:4px!important;height:auto!important}
 body#realm-ui #content-page .research-scene-title{grid-row:1!important;grid-column:1!important}
 body#realm-ui #content-page .research-policy{grid-row:2!important}
 body#realm-ui #content-page .research-selection{grid-row:3!important;overflow:visible!important;grid-template-rows:auto auto!important}
 body#realm-ui #content-page .research-selection>div:nth-child(2){overflow:visible!important;max-height:none!important}
 body#realm-ui #content-page .research-tree{grid-column:1!important;grid-row:4!important;grid-template-columns:repeat(8,90px)!important;grid-template-rows:minmax(0,1fr)!important;height:320px!important}
 body#realm-ui #content-page .research-monitor{grid-row:5!important;max-height:280px!important;overflow:auto!important}
 body#realm-ui #content-page .research-branch{min-height:0!important;min-width:0!important}
 body#realm-ui #content-page .research-branch-title{height:64px!important;min-height:64px!important}
 body#realm-ui #content-page .research-branch-title>.painted-icon{width:32px!important;height:32px!important}
 body#realm-ui #content-page .research-hex{width:44px!important}
 body#realm-ui .realm-stock{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;font-size:13px!important}
 body#realm-ui .realm-stock>span{display:flex!important;align-items:center!important;gap:2px!important;min-width:0!important}
 body#realm-ui .realm-stock .painted-icon{width:22px!important;height:22px!important;flex:none!important}
}
@media(max-width:950px) and (max-height:800px){
 body#realm-ui #content-page .recruitment-catalog{height:156px!important}
 body#realm-ui #content-page .recruitment-catalog>button{grid-template-rows:minmax(40px,1fr) 18px 28px 20px!important;padding:3px!important}
 body#realm-ui #content-page .unit-lock-hint{font-size:9px!important;min-height:30px!important}
 body#realm-ui #content-page .recruitment-order>header{min-height:58px!important;padding-left:85px!important}
 body#realm-ui #content-page .recruitment-order h2{font-size:21px!important}
 body#realm-ui #content-page .recruitment-portrait{width:72px!important;height:62px!important;top:5px!important;left:6px!important}
 body#realm-ui #content-page .recruitment-portrait>img{height:51px!important}
 body#realm-ui #content-page .recruitment-portrait>span{font-size:10px!important;padding:1px 3px!important;white-space:nowrap!important;left:0!important;right:auto!important}
 body#realm-ui #content-page .recruitment-stats>span{padding:2px!important}
 body#realm-ui #content-page .recruitment-stats b{font-size:16px!important}
 body#realm-ui #content-page .recruitment-stats small{font-size:10px!important}
 body#realm-ui #content-page .recruitment-stats{padding:3px 0!important}
 body#realm-ui #content-page .recruitment-cost .costs{margin:3px 0!important;font-size:14px!important}
 body#realm-ui #content-page .recruitment-cost .costs img{width:23px!important;height:23px!important}
 body#realm-ui #content-page .recruitment-paper{padding:4px 7px!important}
 body#realm-ui #content-page .recruitment-quantity{margin:2px 0!important;min-height:38px!important}
 body#realm-ui #content-page .recruitment-quantity :is(button,input){min-height:36px!important;height:36px!important}
 body#realm-ui #content-page .recruitment-order form>button{min-height:42px!important}
 body#realm-ui #content-page .recruitment-payment{display:none!important}
}
}