/* A small island ledger stays with the resource bar across the land-based views. */
:root body#realm-ui[data-ui-theme] #workspace .island-subnav{gap:14px}
:root body#realm-ui[data-ui-theme] #workspace .harbor-glance{display:flex;align-items:center;gap:14px;margin-left:auto;min-height:44px;padding:2px 10px;background:none;border:0;border-image:none;box-shadow:none;color:#fff0cf;font-size:17px;white-space:nowrap}
.harbor-glance>span{display:flex;align-items:center;gap:5px}
.harbor-glance i{font-style:normal;color:#e3bd72}
.island-picker{display:grid;gap:10px}
:root body#realm-ui[data-ui-theme] .island-picker>button{display:grid;grid-template-columns:64px 1fr 24px;gap:5px 12px;text-align:left;padding:12px;background:#171e20 url('/art/interface/cabin-timber.webp') center/500px;border:1px solid #98703f;border-image:none;box-shadow:inset 0 0 18px #0009;color:#ffefcd}
:root body#realm-ui[data-ui-theme] .island-picker>button[aria-pressed=true]{border-color:#edc56f;box-shadow:inset 0 0 0 1px #edc56f}
.island-picker>button>img{width:64px;height:52px;object-fit:cover;grid-row:1/3;border:1px solid #b18b4b}
.island-picker-name{min-width:0}
.island-picker-name strong{display:block;font-size:19px;overflow-wrap:anywhere}
.island-picker-name small{display:block;font-size:13px;color:#e3c590}
.island-picker-stock{display:flex;flex-wrap:wrap;gap:4px 12px;grid-column:2}
.island-picker-stock>span{display:flex;align-items:center;gap:4px;font-size:14px}
.island-picker-stock .painted-icon{width:22px;height:22px}
.island-picker-order{grid-column:1/3;font-size:14px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#ebd6b5}
.island-picker-order .painted-icon{width:20px;height:20px}
.island-picker-check{grid-column:3;grid-row:1/4;align-self:center;color:#f4cd76;font-size:25px}
.harbor-coordinate{margin:0 0 12px;color:#dec596;font-size:14px}
.harbor-inventory h3{display:flex;align-items:center;gap:8px;margin:14px 0 8px;font-size:19px;color:#ffebbf}
.harbor-inventory h3 .painted-icon{width:28px;height:28px}
.harbor-unit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:8px}
:root body#realm-ui[data-ui-theme] .harbor-unit{display:grid;grid-template-columns:1fr auto;gap:3px;padding:8px;background:#091f2a;border:1px solid #8f7040;border-image:none;box-shadow:none;color:#fff0d2;text-align:center}
.harbor-unit>img{height:67px;width:100%;object-fit:contain;grid-column:1/3}
.harbor-unit>strong{font-size:20px;grid-column:1/3}
.harbor-unit>span{font-size:14px;grid-column:1/3}
.harbor-empty{font-size:15px;color:#e1cba9;margin:4px 0}
.harbor-combat,.harbor-inbound{font-size:15px;color:#ffdd9f}
.harbor-combat>.painted-icon,.harbor-inbound>.painted-icon{width:24px;height:24px;vertical-align:middle}
.harbor-inventory footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.harbor-inventory footer button{min-height:44px;display:flex;align-items:center;gap:6px;font-size:16px}
.harbor-inventory footer .painted-icon{width:25px;height:25px}
@media(max-width:950px){
 :root body#realm-ui[data-ui-theme] #workspace .island-subnav{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:46px;gap:0 4px;padding:0 8px}
 :root body#realm-ui[data-ui-theme] #workspace .island-switch{min-width:0;width:auto;max-width:none;min-height:46px;gap:5px;overflow:hidden}
 :root body#realm-ui[data-ui-theme] #workspace .island-switch>span:first-of-type{min-width:0}
 :root body#realm-ui[data-ui-theme] #workspace .island-switch strong{font-size:16px;max-width:100%}
 :root body#realm-ui[data-ui-theme] #workspace .island-switch>img{width:35px;height:30px;flex-shrink:0}
 :root body#realm-ui[data-ui-theme] #workspace .island-switch small{font-size:11px}
 :root body#realm-ui[data-ui-theme] #workspace .harbor-glance{grid-column:2;grid-row:1;gap:6px;padding:0 2px;font-size:15px}
 :root body#realm-ui[data-ui-theme] #workspace .harbor-glance .painted-icon{width:23px;height:23px}
 :root body#realm-ui[data-ui-theme] #workspace .harbor-glance>span{gap:2px}
 :root body#realm-ui[data-ui-theme] #workspace .island-subnav nav{grid-column:1/3;grid-row:2;justify-content:space-around}
 .island-picker>button>img{width:48px;height:44px}
 :root body#realm-ui[data-ui-theme] .island-picker>button{grid-template-columns:48px 1fr 18px;padding:10px;gap:6px 8px}
 .island-picker-stock{grid-column:1/3}
 .island-picker-name strong{font-size:17px}
 .harbor-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .harbor-unit>span{font-size:13px;overflow-wrap:anywhere}
}

@media(min-width:951px){
 :root body#realm-ui[data-ui-theme] #workspace #activity-bar.harbor-briefing{margin-left:128px}
}

:root body#realm-ui[data-ui-theme] #workspace #activity-bar.tutorial-briefing{margin:6px 0;padding:0;background:none;border:0;box-shadow:none;overflow:visible}
:root body#realm-ui[data-ui-theme] #workspace #activity-bar.tutorial-briefing[hidden]{display:none}
:root body#realm-ui[data-ui-theme] #workspace #activity-bar .guide-briefing{margin:0;min-height:54px}
:root body#realm-ui[data-ui-theme] #workspace #activity-bar .guide-briefing h2{font-size:16px;color:#3c2817}
@media(min-width:951px){:root body#realm-ui[data-ui-theme] #workspace #activity-bar.tutorial-briefing{margin-left:128px}}