/* Illustrated expeditions and historical reports: timber, parchment, readable figures. */
:root body#realm-ui[data-ui-theme] #workspace #content-page .report-journal{background:#2d2015 url('/art/interface/cabin-timber.webp') center/700px}
:root body#realm-ui[data-ui-theme] #workspace .report-journal .journal-heading{color:#ffe7b8;background:none}
:root body#realm-ui[data-ui-theme] #workspace .report-journal .journal-heading :is(h2,small){color:#ffe7b8}
:root body#realm-ui[data-ui-theme] #workspace .report-journal .report{margin:8px 0;border:0;border-image:none;box-shadow:none;background:#eddbb8 url('/art/interface/parchment.webp') center/700px;clip-path:polygon(0 1%,99% 0,100% 99%,1% 100%)}
:root body#realm-ui[data-ui-theme] #workspace .report-journal .report>summary{padding:10px 12px;min-height:60px}
:root body#realm-ui[data-ui-theme] #workspace .report-panorama{height:220px;background:center/cover no-repeat;border:0;margin:0}
:root body#realm-ui[data-ui-theme] #workspace .scout-panorama{background-image:url('/art/realm/scout-lookout.webp');background-position:center 60%}
:root body#realm-ui[data-ui-theme] #workspace .battle-report-panorama{background-image:url('/art/battle/broadside-panorama.webp');height:190px}
:root body#realm-ui[data-ui-theme] #workspace .scout-report{background:#302217 url('/art/interface/cabin-timber.webp') center/700px;padding:0 0 10px;color:#ffedc9}
:root body#realm-ui[data-ui-theme] #workspace .observation-heading{display:flex;align-items:center;gap:10px;padding:12px;border:0;border-bottom:1px solid #9b7848;background:none}
:root body#realm-ui[data-ui-theme] #workspace .observation-heading>.painted-icon{width:42px;height:42px;flex-basis:42px}
:root body#realm-ui[data-ui-theme] #workspace .observation-heading h2{font-size:24px;color:#ffe4a7;margin:0 0 4px}
:root body#realm-ui[data-ui-theme] #workspace .observation-heading :is(small,time){display:block;font-size:13px;color:#ead2a9;line-height:1.4}
:root body#realm-ui[data-ui-theme] #workspace .scout-sheets{padding:8px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}
:root body#realm-ui[data-ui-theme] #workspace .scout-sheets>section,:root body#realm-ui[data-ui-theme] #workspace .scout-forces{background:#eddbb8 url('/art/interface/parchment.webp') center/700px;border:0;padding:10px;color:#352313;margin:0;min-width:0}
:root body#realm-ui[data-ui-theme] #workspace .scout-sheets h3{font-size:18px;color:#352313;margin:0 0 8px}
:root body#realm-ui[data-ui-theme] #workspace .scout-stock{grid-column:1/-1}
:root body#realm-ui[data-ui-theme] #workspace .scout-stock>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
:root body#realm-ui[data-ui-theme] #workspace .scout-stock>div>span{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:0 7px}
:root body#realm-ui[data-ui-theme] #workspace .scout-stock .painted-icon{width:34px;height:34px;grid-row:1/3}
:root body#realm-ui[data-ui-theme] #workspace .scout-stock strong{font-size:20px;color:#352313;font-weight:500}
:root body#realm-ui[data-ui-theme] #workspace .scout-stock small{font-size:12px;color:#614526}
:root body#realm-ui[data-ui-theme] #workspace .scout-defense{display:flex;align-items:center;gap:10px;grid-column:1/-1}
:root body#realm-ui[data-ui-theme] #workspace .scout-defense>img{width:72px;height:62px;object-fit:cover;border:1px solid #947244}
:root body#realm-ui[data-ui-theme] #workspace .scout-defense :is(strong,small){display:block;color:#352313}
:root body#realm-ui[data-ui-theme] #workspace .scout-defense small{font-size:12px;margin-top:4px}
:root body#realm-ui[data-ui-theme] #workspace .scout-forces>summary{display:flex;align-items:center;gap:7px;min-height:44px;font-size:17px;cursor:pointer;list-style:none}
:root body#realm-ui[data-ui-theme] #workspace .scout-forces>summary::after{content:'⌄';margin-left:auto}
:root body#realm-ui[data-ui-theme] #workspace .scout-forces[open]>summary::after{content:'⌃'}
:root body#realm-ui[data-ui-theme] #workspace .scout-forces>summary .painted-icon{width:30px;height:30px;flex-basis:30px}
:root body#realm-ui[data-ui-theme] #workspace .scout-forces ul{list-style:none;margin:5px 0 0;padding:0}
:root body#realm-ui[data-ui-theme] #workspace .scout-forces li{display:grid;grid-template-columns:46px 1fr auto;align-items:center;min-height:48px;gap:6px;border-top:1px solid #aa8c6344;font-size:14px}
:root body#realm-ui[data-ui-theme] #workspace .scout-forces li img{width:46px;height:40px;object-fit:contain}
:root body#realm-ui[data-ui-theme] #workspace .scout-forces .observation-empty{display:block;padding:10px 0;font-size:14px}
:root body#realm-ui[data-ui-theme] #workspace .observation-note{grid-column:1/-1;margin:2px 0;color:#ead2a9;font-size:12px;line-height:1.45}
:root body#realm-ui[data-ui-theme] #workspace .scout-actions{display:flex;gap:8px;padding:0 10px}
:root body#realm-ui[data-ui-theme] #workspace .scout-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;font-size:15px;color:#ffebbf;background:var(--cabin);border:7px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 9px / 0 stretch;box-shadow:none;padding:3px}
:root body#realm-ui[data-ui-theme] #workspace .scout-actions .painted-icon{width:25px;height:25px;flex-basis:25px}
:root body#realm-ui[data-ui-theme] #workspace .report-journal .archive-result{background:#302217 url('/art/interface/cabin-timber.webp') center/700px;padding:0 0 12px;border:0}
:root body#realm-ui[data-ui-theme] #workspace .archive-result>h3{padding:12px;text-align:center;font-size:25px;color:#ffe3a5;border-bottom:1px solid #9b7744;margin:0 0 10px}
:root body#realm-ui[data-ui-theme] #workspace .archive-result.defeat>h3{color:#ffc7a8}
:root body#realm-ui[data-ui-theme] #workspace .archive-totals{padding:0 12px}
:root body#realm-ui[data-ui-theme] #workspace .archive-loot{margin:12px 10px 0;background:#ead6b0 url('/art/interface/parchment.webp') center/cover;padding:10px;color:#352313}
:root body#realm-ui[data-ui-theme] #workspace .archive-loot small{color:#352313}
:root body#realm-ui[data-ui-theme] #workspace .archive-force{background:var(--cabin);border:0;border-bottom:1px solid #9b7744}
:root body#realm-ui[data-ui-theme] #workspace .archive-force thead th{background:#20170f;color:#f4dab0}
:root body#realm-ui[data-ui-theme] #workspace .archive-force .loss{color:#ffb792}
:root body#realm-ui[data-ui-theme] #modal:has(#mission-form[data-mission=colonize]) .voyage-banner{background-image:url('/art/realm/colony-landing.webp');background-position:center 54%}
:root body#realm-ui[data-ui-theme] #modal #colony-requirements{background:#eddbb8 url('/art/interface/parchment.webp') center/700px;padding:10px;color:#352313;margin:10px 0;clip-path:polygon(0 1%,98% 0,100% 98%,2% 100%)}
:root body#realm-ui[data-ui-theme] #modal #colony-requirements h4{color:#352313;font-size:19px;margin:0 0 5px}
:root body#realm-ui[data-ui-theme] #modal #colony-requirements ul{margin:0;padding:0;list-style:none}
:root body#realm-ui[data-ui-theme] #modal #colony-requirements li{display:grid;grid-template-columns:28px 1fr auto 18px;gap:6px;align-items:center;min-height:39px;border-bottom:1px solid #a8895b44;font-size:13px}
:root body#realm-ui[data-ui-theme] #modal #colony-requirements .painted-icon{width:25px;height:25px}
:root body#realm-ui[data-ui-theme] #modal #colony-requirements li>b{color:#355219;font-size:18px}
:root body#realm-ui[data-ui-theme] #modal #colony-requirements [data-ready=false]>b{color:#8b251b}
:root body#realm-ui[data-ui-theme] #modal #colony-requirements>small{display:block;font-size:12px;line-height:1.4;margin-top:8px;color:#583d24}
@media(min-width:951px){
 :root body#realm-ui[data-ui-theme] #workspace .report-journal:has(.report[open]){width:min(1200px,96%)}
 :root body#realm-ui[data-ui-theme] #workspace .scout-report{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(350px,1.2fr);grid-template-rows:auto 1fr auto}
 :root body#realm-ui[data-ui-theme] #workspace .scout-report .report-panorama{grid-row:1/4;height:100%;min-height:400px;background-position:40% center}
 :root body#realm-ui[data-ui-theme] #workspace .scout-report .observation-heading{grid-column:2}
 :root body#realm-ui[data-ui-theme] #workspace .scout-sheets{grid-column:2}
 :root body#realm-ui[data-ui-theme] #workspace .scout-actions{grid-column:2}
 :root body#realm-ui[data-ui-theme] #workspace .battle-archive[open]{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 :root body#realm-ui[data-ui-theme] #workspace .battle-archive>summary{grid-column:1/-1}
 :root body#realm-ui[data-ui-theme] #workspace .battle-archive>.archive-result{align-self:start}
 :root body#realm-ui[data-ui-theme] #workspace .battle-archive>:is(.archive-replay,.battle-history){grid-column:1/-1}
}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .report-journal{padding:0;border:0;border-image:none;width:100%;margin:0}
 :root body#realm-ui[data-ui-theme] #workspace .journal-heading{padding:10px;gap:7px}
 :root body#realm-ui[data-ui-theme] #workspace .report-panorama{height:clamp(180px,28dvh,270px)}
 :root body#realm-ui[data-ui-theme] #workspace .scout-stock>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 :root body#realm-ui[data-ui-theme] #workspace .scout-sheets{grid-template-columns:1fr;gap:6px}
 :root body#realm-ui[data-ui-theme] #workspace .scout-forces ul{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}
 :root body#realm-ui[data-ui-theme] #workspace .scout-forces li{grid-template-columns:36px 1fr auto;font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace .scout-forces li img{width:36px;height:36px}
 :root body#realm-ui[data-ui-theme] #workspace .scout-forces .observation-empty{grid-column:1/-1}
 :root body#realm-ui[data-ui-theme] #workspace .scout-actions{position:sticky;bottom:64px;padding:8px;background:var(--cabin);z-index:2}
 :root body#realm-ui[data-ui-theme] #workspace .scout-actions button{font-size:13px;gap:4px}
 :root body#realm-ui[data-ui-theme] #modal:has(#mission-form[data-mission=colonize]) .voyage-banner{height:clamp(170px,27dvh,240px)}
}
@media(min-width:951px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .report-journal{max-height:calc(var(--game-height,100dvh) - var(--workspace-top,128px) - 82px)}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .report-journal:has(.report[open]){width:min(1200px,96%)}
}
:root body#realm-ui[data-ui-theme][data-view=reports] #workspace{background:#453020 url('/art/caribbean/captains-study.webp') center/cover fixed}
:root body#realm-ui[data-ui-theme][data-view=reports] #content-page{background:transparent}
:root body#realm-ui[data-ui-theme] #workspace .council-panorama{display:none}
:root body#realm-ui[data-ui-theme] #workspace .council-board{background:#2f2116 url('/art/interface/cabin-timber.webp') center/700px}
:root body#realm-ui[data-ui-theme] #workspace .council-stats{background:var(--cabin)}
:root body#realm-ui[data-ui-theme] #workspace .council-member{background:#eddbb8 url('/art/interface/parchment.webp') center/700px;padding:7px 9px;margin:5px 0;border:0;color:#382615}
:root body#realm-ui[data-ui-theme] #workspace .council-member>span>b{color:#382615}
:root body#realm-ui[data-ui-theme] #workspace .council-member>span>small{color:#674725}
:root body#realm-ui[data-ui-theme] #workspace .council-member>strong{color:#674725}
:root body#realm-ui[data-ui-theme] #workspace .council-member>img{width:40px;height:44px;object-fit:cover}
:root body#realm-ui[data-ui-theme] #workspace .council-icon,:root body#realm-ui[data-ui-theme] #workspace .council-member-manage>summary{background:var(--cabin);border:5px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 6px / 0 stretch;box-shadow:none;color:#ffe6ac;width:44px;height:44px;min-height:44px}
:root body#realm-ui[data-ui-theme] #workspace .council-group{background:var(--cabin);padding:10px;margin-top:6px;border:1px solid #947443}
:root body#realm-ui[data-ui-theme] #workspace .council-group-actions{padding-left:0}
@media(min-width:951px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .account-page{width:min(1050px,88%);max-height:calc(var(--game-height,100dvh) - var(--workspace-top,128px) - 28px);overflow:auto;scrollbar-width:thin;margin-bottom:0;border-width:12px;border-image-width:16px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .correspondence-board{height:calc(var(--game-height,100dvh) - var(--workspace-top,128px) - 82px);min-height:0;max-height:none;display:flex;flex-direction:column;overflow:hidden;width:min(1100px,94%);margin:0 0 0 auto}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .correspondence-board .chat-messages{flex:1;min-height:60px;max-height:none;overflow:auto}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .correspondence-board :is(.post-heading,.chat-toolbar,#chat-form,.chat-compose-foot){flex-shrink:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .correspondence-board .post-heading{min-height:0;padding:7px 10px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .correspondence-board .chat-toolbar{padding:5px 8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .correspondence-board #chat-form{padding:7px 10px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .correspondence-board .chat-compose-foot{padding:0 10px 5px}
}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme][data-view=alliance] #workspace #content-page{padding-top:0}
 :root body#realm-ui[data-ui-theme] #workspace .council-panorama{display:block;height:clamp(180px,28dvh,270px);background:url('/art/caribbean/council-pavilion.webp') center 55%/cover;margin:0 -10px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .council-board{width:100%;margin:0;padding:10px 8px;border-width:6px;border-image-width:9px}
 :root body#realm-ui[data-ui-theme] #workspace .council-heading{padding:9px;margin:-10px -8px 0;gap:8px}
 :root body#realm-ui[data-ui-theme] #workspace .council-heading>img{width:54px;height:54px}
 :root body#realm-ui[data-ui-theme] #workspace .council-heading h1{font-size:24px}
 :root body#realm-ui[data-ui-theme] #workspace .council-stats{margin:0 -8px;padding:8px 2px}
 :root body#realm-ui[data-ui-theme] #workspace .council-stats b{font-size:22px}
 :root body#realm-ui[data-ui-theme] #workspace .council-stats>span{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace .council-roster ul{max-height:350px;overflow:auto;scrollbar-width:thin;padding-right:3px}
 :root body#realm-ui[data-ui-theme] #workspace .council-member{grid-template-columns:40px minmax(0,1fr) 44px;gap:3px 8px;min-height:76px;position:relative}
 :root body#realm-ui[data-ui-theme] #workspace .council-member>img{grid-row:1/3}
 :root body#realm-ui[data-ui-theme] #workspace .council-member>span>b{font-size:16px;overflow-wrap:anywhere}
 :root body#realm-ui[data-ui-theme] #workspace .council-member>span>small{font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace .council-member>strong{grid-column:2;font-size:12px}
 :root body#realm-ui[data-ui-theme] #workspace .council-member>strong::after{content:' Punkte'}
 :root body#realm-ui[data-ui-theme] #workspace .council-member-actions{grid-column:3;grid-row:1/3;flex-direction:column}
 :root body#realm-ui[data-ui-theme] #workspace .council-footer{position:sticky;bottom:64px;background:var(--cabin);padding:8px 0;z-index:3;gap:6px}
 :root body#realm-ui[data-ui-theme] #workspace .council-footer button{font-size:13px}
}
@media(min-width:951px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-wiki{height:calc(var(--game-height,100dvh) - var(--workspace-top,180px) - 18px);min-height:0;margin:0;overflow:hidden}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-wiki-layout{height:100%;min-height:0;align-items:stretch;grid-template-columns:300px minmax(0,1fr)}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-wiki-layout :is(.guide-index,.guide-reader){min-height:0;height:100%;max-height:none;overflow:auto;scrollbar-width:thin;position:static}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index{display:flex;flex-direction:column}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index>:not(.guide-topic-list){flex-shrink:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index .guide-categories{display:grid;grid-template-columns:1fr 1fr;gap:4px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index .guide-category{font-size:12px;min-height:34px;padding:4px;gap:4px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index .guide-category .painted-icon{width:22px;height:22px;flex-basis:22px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index .guide-topic-list{flex:1;min-height:100px;max-height:none;overflow:auto;scrollbar-width:thin}
}
:root body#realm-ui[data-ui-theme] #workspace #content-page .account-page .account-profile::before,:root body#realm-ui[data-ui-theme] #workspace #content-page .account-page .account-profile::after{display:none}
:root body#realm-ui[data-ui-theme][data-view=wiki] #workspace{background:#39271b url('/art/caribbean/captains-study.webp') center/cover fixed}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index{background:#302117 url('/art/interface/cabin-timber.webp') center/700px;padding:10px;border:0}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index :is(.guide-category,.guide-topic){background:transparent;border:0;border-bottom:1px solid #98774455;color:#ffe8bd;box-shadow:none}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index :is(.guide-category,.guide-topic).is-active{background:#ecd7ad url('/art/interface/parchment.webp') center/cover;color:#342414}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-index :is(.guide-category,.guide-topic).is-active :is(strong,small,span){color:#342414}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #workspace .council-panorama{height:clamp(160px,22dvh,220px)}
 :root body#realm-ui[data-ui-theme] #workspace .council-member{grid-template-columns:40px minmax(0,1fr) 92px;min-height:70px;padding:6px}
 :root body#realm-ui[data-ui-theme] #workspace .council-member-actions{flex-direction:row}
 :root body#realm-ui[data-ui-theme] #workspace .council-footer{position:static;display:flex;flex-direction:row}
}
:root body#realm-ui[data-ui-theme] #workspace .report-summary{margin:8px 12px;padding:0;color:#49311a}
:root body#realm-ui[data-ui-theme] #workspace .report-summary>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px}
:root body#realm-ui[data-ui-theme] #workspace .report-summary p{color:#49311a;font-size:14px;padding:0 0 10px}
:root body#realm-ui[data-ui-theme] #modal .voyage-mission-switch>summary,:root body#realm-ui[data-ui-theme] #modal .voyage-cargo-disclosure>summary{min-height:44px;display:flex;align-items:center;gap:7px;cursor:pointer;color:#f7dfb5;font-size:14px;border-bottom:1px solid #9f7b4555;list-style:none}
:root body#realm-ui[data-ui-theme] #modal :is(.voyage-mission-switch,.voyage-cargo-disclosure)>summary::after{content:'⌄';margin-left:auto;color:#e9c579}
:root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] .voyage-orders{display:flex;flex-direction:column}
:root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] .voyage-orders>h3{display:none}
:root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] #colony-requirements{order:-3}
:root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] .voyage-estimate{order:-2}
:root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] #cargo-fields{order:-1}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] .voyage-course{order:0}
 :root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] .voyage-orders{order:1}
 :root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] .voyage-manifest{order:2}
 :root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] .voyage-course>h3{display:none}
 :root body#realm-ui[data-ui-theme] #modal:has(#mission-form[data-mission=colonize]) .voyage-banner{height:clamp(140px,20dvh,190px)}
 :root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] .voyage-course{grid-template-columns:1fr 90px;gap:5px 8px;padding-bottom:0}
 :root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] .voyage-chart{height:90px;min-height:90px;width:90px}
 :root body#realm-ui[data-ui-theme] #modal #mission-form.voyage-planner[data-mission=colonize] #colony-requirements{margin:2px 0}
}
:root body#realm-ui[data-ui-theme] #modal .colony-arrival{flex-basis:100%;color:#ffe6b5;font-size:13px;margin-left:30px}
/* The captain's ledgers share the cabin materials; long records scroll inside the book. */
:root body#realm-ui[data-ui-theme][data-view=rankings] #workspace,
:root body#realm-ui[data-ui-theme][data-view=automation] #workspace,
:root body#realm-ui[data-ui-theme][data-view=achievements] #workspace,
:root body#realm-ui[data-ui-theme][data-view=tutorial] #workspace{background:#35251a url('/art/caribbean/captains-study.webp') center/cover fixed;min-height:var(--game-height,100dvh)}
:root body#realm-ui[data-ui-theme] #workspace #content-page .captain-standing{background:var(--cabin);border:7px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 9px / 0 stretch;box-shadow:none;padding:8px 14px;min-height:74px;margin:0}
:root body#realm-ui[data-ui-theme] #workspace #content-page .captain-standing :is(h3,p,strong,small){color:#ffedc7}
:root body#realm-ui[data-ui-theme] #workspace #content-page .ranking-tabs{margin:6px 0;gap:3px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .ranking-tabs button{font-size:13px;min-height:38px;padding:4px 10px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table{background:#ead8b3 url('/art/interface/parchment.webp') center/700px;border:0;scrollbar-width:thin;scrollbar-color:#8d693b #e8d4ac}
:root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table thead{position:sticky;top:0;z-index:2;background:#302015 url('/art/interface/cabin-timber.webp') center/700px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table th{color:#ffedc7}
:root body#realm-ui[data-ui-theme] #workspace #content-page .captain-stats{margin:6px 0 0;padding:6px 10px;background:var(--cabin);border:0}
:root body#realm-ui[data-ui-theme] #workspace #content-page .captain-stats :is(strong,small){color:#ffedc7}
:root body#realm-ui[data-ui-theme] #workspace #content-page .captain-stats>div{min-height:42px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .captain-stats .captain-stat-art{width:32px;height:32px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .trade-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
:root body#realm-ui[data-ui-theme] #workspace #content-page .trade-introduction{grid-column:1/-1;margin:0;min-height:36px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .compact-route{margin:0;padding:10px;background:#ead8b3 url('/art/interface/parchment.webp') center/700px;border:8px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 10px / 0 stretch;box-shadow:none;min-width:0}
:root body#realm-ui[data-ui-theme] #workspace #content-page .compact-route .content-intro{min-height:26px;margin:0;gap:6px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-journey{display:grid;grid-template-columns:1fr 58px 1fr;gap:5px;min-height:100px;padding:5px 0;align-items:center}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-port{display:flex;flex-direction:column;gap:6px;text-align:center;min-width:0}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-port img{width:52px;height:52px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-port strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-vessel{display:flex;flex-direction:column;gap:0}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-vessel img{width:52px;height:44px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-manifest{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 0}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-manifest-cargo{justify-content:flex-start;flex-wrap:wrap;gap:8px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-command-bar{padding:4px 0 0;gap:5px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-create-panel{grid-column:1/-1;margin:0;background:var(--cabin);color:#ffedc7;border:7px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 9px / 0 stretch;padding:6px 12px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-create-panel>summary{min-height:44px;color:#ffedc7;font-size:15px;cursor:pointer}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-create-panel :is(label,p){color:#ffedc7;font-size:14px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .route-create-panel .route-capacity-note{margin:0 0 10px}
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.guide-steps,.guide-task,.guide-achievement-ledger){border:8px solid transparent;border-image:var(--carved-frame) 170 140 170 140 / 10px / 0 stretch;box-shadow:none;background:#ead8b3 url('/art/interface/parchment.webp') center/700px}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-achievement{border:0;background:none;box-shadow:none;border-bottom:1px solid #9c7b4b66}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-achievement.is-unlocked{background:#e2c58d44}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-step{border:0;border-bottom:1px solid #a3835555;background:none;color:#402914}
:root body#realm-ui[data-ui-theme] #workspace #content-page .guide-step.is-active{background:#dac092;color:#302014;box-shadow:inset 3px 0 #8b5b21}
@media(min-width:951px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .ranking-board{height:calc(var(--game-height,100dvh) - var(--workspace-top,190px) - 76px);min-height:300px;display:flex;flex-direction:column}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .ranking-board>*{flex-shrink:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table{flex:1;min-height:100px;overflow:auto;margin:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .trade-board{max-height:calc(var(--game-height,100dvh) - var(--workspace-top,190px) - 76px);overflow:auto;scrollbar-width:thin;padding:0 4px 4px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-achievement-ledger{height:calc(var(--game-height,100dvh) - var(--workspace-top,190px) - 76px);display:flex;flex-direction:column;box-sizing:border-box}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-achievement-list{flex:1;min-height:100px;overflow:auto;scrollbar-width:thin;align-content:start}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-tutorial-layout{height:calc(var(--game-height,100dvh) - var(--workspace-top,190px) - 20px);grid-template-columns:265px 1fr}
 :root body#realm-ui[data-ui-theme] #workspace #content-page :is(.guide-task,.guide-steps){min-height:0;overflow:auto;scrollbar-width:thin}
}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .ranking-board .captain-standing{min-height:68px;padding:5px 7px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .ranking-tabs{flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .ranking-tabs button{flex:0 0 auto;min-height:44px;font-size:14px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .painted-ranking-table{max-height:calc(var(--game-height,100dvh) - 410px);min-height:220px;overflow:auto;margin-top:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .captain-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .trade-board{grid-template-columns:minmax(0,1fr);gap:10px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .compact-route .route-journey{min-height:88px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .route-manifest{flex-direction:row;flex-wrap:wrap;justify-content:space-between}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-task{padding:12px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-task-description{font-size:16px;line-height:1.55}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-tutorial-footer{display:flex;gap:4px 12px;flex-wrap:wrap;margin-top:8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .guide-tutorial-footer button{font-size:13px;padding:3px 0;min-height:44px}
}

:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.compact-route,.guide-steps,.guide-task,.guide-achievement-ledger){background-size:cover}
:root body#realm-ui[data-ui-theme] #workspace #content-page .compact-route :is(.route-order-number,.tag,.route-progress-summary,.route-manifest){font-size:13px}

/* Timber replaces the remaining flat status plates without tinting their illustrations. */
:root body#realm-ui[data-ui-theme] #workspace #content-page :is(.research-project,.recruitment-status,.recruitment-order>header,.recruitment-catalog-heading,.build-dossier,.build-dossier article>header,.construction-queue,.active-construction,.fleet-row){background:#2c2118 url('/art/interface/cabin-timber.webp') center/700px}
@media(min-width:951px) and (max-height:800px){
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-project{padding:5px 10px;min-height:82px;gap:8px;flex-shrink:0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-project h2{font-size:17px;margin:3px 0}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-project img{width:32px;height:32px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-tree{min-height:125px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selection{padding:5px 8px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-branch-title{height:48px;min-height:48px}
 :root body#realm-ui[data-ui-theme] #workspace #content-page .research-selection h2{font-size:18px}
}

:root body#realm-ui[data-ui-theme]{background:#2c2118}