/* The supplied illustrated atlas is used at legible sizes, with its original colour and alpha. */
.illustrated-icon{display:inline-block;flex-shrink:0;vertical-align:middle;fill:none;stroke:none;overflow:hidden;filter:drop-shadow(0 2px 2px #33271b28)}
.illustrated-icon>svg{fill:none;stroke:none;filter:none;pointer-events:none}
.resource>.illustrated-icon{width:37px;height:37px;filter:drop-shadow(0 2px 1px #583c302c)}
.resource{gap:8px}
.costs .illustrated-icon{width:21px;height:21px;filter:none}
.costs{row-gap:5px}
.btn>.illustrated-icon{width:25px;height:25px}
.action-dock button span{display:grid;place-items:center}
.action-dock button span>.illustrated-icon{width:40px;height:36px;filter:drop-shadow(0 2px 2px #33271930)}
.action-dock button{height:78px}
.action-dock button b{font-size:11px;margin-top:2px}
.action-dock .world-action{height:85px}
.action-dock .world-action span>.illustrated-icon{width:43px;height:40px}
.panel-header .header-icon:has(.illustrated-icon){background:none;border:0;width:52px;height:52px;border-radius:0}
.panel-header .header-icon>.illustrated-icon{width:50px;height:50px}
.build-option .build-icon{width:86px;height:75px;background:none;border-radius:0;margin-bottom:10px}
.build-option .build-icon>.illustrated-icon{width:86px;height:75px}
.build-option .duration{top:12px;left:10px}
.build-option .duration .control-icon{width:12px;height:12px;vertical-align:middle}
.build-option .costs{font-size:10px;gap:5px}
.build-option .costs .illustrated-icon{width:19px;height:19px}
.building-emblem:has(.illustrated-icon){width:64px;height:64px;background:none;border:0;flex-shrink:0}
.building-emblem>.illustrated-icon{width:64px;height:64px}
.unit-row .unit-icon{width:86px;height:113px;flex-shrink:0;background:none;border:0;border-radius:0}
.unit-row .unit-icon>.illustrated-icon{width:86px;height:113px;filter:drop-shadow(0 3px 2px #3927152f)}
.unit-row{gap:13px;align-items:center}
.unit-row .unit-info{min-width:0}
.unit-row h3{font-size:14px}
.unit-row p{font-size:10px;line-height:1.8}
.biome-choice>.illustrated-icon{width:96px;height:78px;display:block;margin:0 auto 9px}
.biome-choice{padding-top:12px}
.trade-preview .illustrated-icon{width:58px;height:58px}
.world-atlas-intro .atlas-intro-emblem>.illustrated-icon{width:81px;height:81px}
.quest-emblem>.illustrated-icon{width:36px;height:36px}
.world-yield .illustrated-icon{width:24px;height:24px}
.settlement-meta .illustrated-icon{width:21px;height:21px}
.placement-bar>.illustrated-icon,.placement-bar>span>.illustrated-icon{width:48px;height:48px}

@media(max-width:1100px){
 .resource>.illustrated-icon{width:31px;height:31px}
}
@media(max-width:720px){
 .resource{gap:3px;padding-inline:3px}
 .resource>.illustrated-icon{width:27px;height:29px}
 .resource strong{font-size:11px}
 .resource small{font-size:8px}
 .resources{padding-inline:3px}
 .action-dock button{height:65px;width:59px}
 .action-dock .world-action{height:74px;width:65px}
 .action-dock button span>.illustrated-icon{width:33px;height:33px}
 .action-dock .world-action span>.illustrated-icon{width:37px;height:37px}
 .action-dock button b{font-size:10px}
 .panel-header .header-icon:has(.illustrated-icon){width:43px;height:43px}
 .panel-header .header-icon>.illustrated-icon{width:42px;height:42px}
 .build-option .build-icon,.build-option .build-icon>.illustrated-icon{width:74px;height:66px}
 .build-option .costs{font-size:9px;gap:4px}
 .build-option .costs .illustrated-icon{width:18px;height:18px}
 .unit-row{gap:9px;flex-wrap:wrap}
 .unit-row .unit-icon,.unit-row .unit-icon>.illustrated-icon{width:65px;height:92px}
 .unit-row h3{font-size:13px}
 .unit-row p{font-size:10px}
 .unit-row .row-actions{justify-content:flex-end;flex-basis:100%;padding-top:4px;border-top:1px solid #b59a6d33}
 .unit-row .row-actions .btn{font-size:11px;min-height:36px;min-width:76px}
 .unit-row .quantity{height:34px}
 .unit-row .costs{font-size:9px;gap:5px}
 .unit-row .costs .illustrated-icon{width:19px;height:19px}
 .biome-choice>.illustrated-icon{width:min(100%,82px);height:68px}
 .biome-choice{padding:11px 5px}
 .biome-choice small{font-size:9px}
 .building-emblem:has(.illustrated-icon),.building-emblem>.illustrated-icon{width:51px;height:51px}
 .quest-emblem>.illustrated-icon{width:28px;height:28px}
 .world-atlas-intro .atlas-intro-emblem>.illustrated-icon{width:47px;height:47px}
}
@media(max-width:360px){
 .resource>.illustrated-icon{width:22px;height:26px}
 .resource strong{font-size:10px}
 .action-dock button{width:53px}
 .action-dock .world-action{width:60px}
}