/* Dedicated expedition chrome. Artwork stays independent of live labels and rewards. */
.fx-mission-world {--mission-metal:url('../assets/ui-flow/panel_frame.webp')}
.fx-mission-world :is(.fx-mission-zone,.fx-mission-event,.fx-mission-track,.fx-mission-shortcuts>button,.fx-mission-loot){
  box-sizing:border-box;clip-path:none;isolation:isolate;border:0;background:transparent;box-shadow:none;
}
.fx-mission-world :is(.fx-mission-zone,.fx-mission-event,.fx-mission-track,.fx-mission-shortcuts>button,.fx-mission-loot)::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border:24px solid transparent;border-image:var(--mission-metal) 110 fill / 24px / 0 stretch;
}
.fx-mission-event::before{filter:hue-rotate(100deg)}
.fx-mission-shortcuts>button:first-child::before,.fx-mission-loot::before{filter:hue-rotate(190deg)}
.fx-mission-shortcuts>button:last-child::before{filter:hue-rotate(100deg)}
.fx-mission-world :is(.fx-mission-zone>button,.fx-mission-event>button){
  position:relative;isolation:isolate;border:0;border-radius:0;background:transparent;
  min-height:52px;padding:12px 20px;font-size:clamp(14px,1.3vw,21px);line-height:1.15;
}
.fx-mission-world :is(.fx-mission-zone>button,.fx-mission-event>button)::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border:12px solid transparent;border-image:var(--mission-metal) 110 fill / 12px / 0 stretch;
  background:linear-gradient(#14546a,#072532);box-shadow:inset 0 0 24px #2beaff40;
}
.fx-mission-event>button::before{filter:hue-rotate(100deg)}
.fx-mission-start{display:none}
.fx-mission-loot:not(.has-ready){display:none}
.fx-mission-loot>strong{max-width:none;white-space:normal;font-size:clamp(14px,1.25vw,20px);flex:0 0 130px}
.fx-mission-loot article{min-width:220px}
.fx-mission-event h2{line-height:1.15;overflow-wrap:anywhere}
.fx-mission-world button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(min-width:901px){
  .fx-mission-nav{height:11%;gap:0;padding:0 1%}
  .fx-mission-nav button{padding:3px .75vw;font-size:clamp(10px,.85vw,14px)}
  .fx-mission-money{padding:0 10px;font-size:clamp(11px,1.05vw,17px)}
  .fx-mission-zone{left:1%;top:12%;bottom:1.5%;width:19%;padding:28px 22px 22px;gap:7px;overflow:auto;scrollbar-width:thin}
  .fx-mission-zone h1{font-size:clamp(23px,2.3vw,36px);margin:0;line-height:1.1}
  .fx-mission-zone h3{font-size:clamp(15px,1.3vw,20px);margin:0}
  .fx-mission-zone .fx-zone-view{height:25%;min-height:80px;flex-shrink:1}
  .fx-mission-zone p,.fx-mission-event p{font-size:clamp(13px,1.05vw,16px);line-height:1.35}
  .fx-mission-zone small,.fx-mission-event small{font-size:clamp(11px,.85vw,14px)}
  .fx-mission-enemies{height:clamp(50px,10vh,100px);flex-shrink:1}
  .fx-mission-drops{min-height:40px;gap:5px}
  .fx-mission-drops>span{min-width:0;flex:1}
  .fx-mission-drops img{max-width:100%;object-fit:contain}
  .fx-mission-sign{top:15%;left:38%;width:28%}
  .fx-mission-sign h1{font-size:clamp(23px,2.4vw,38px);margin:0 0 10px}
  .fx-mission-sign span{font-size:clamp(9px,.75vw,13px)}
  .fx-mission-map{left:22%;right:21%;top:33%;bottom:21%}
  .fx-mission-event{right:1%;top:17%;width:19%;max-height:65%;padding:28px 23px 24px;gap:10px;scrollbar-width:thin}
  .fx-mission-event .fx-event-portrait{height:15vh;min-height:65px}
  .fx-mission-event>.fx-steam-icon{margin:6px auto;width:90px;height:90px}
  .fx-mission-track{left:21%;width:54%;bottom:1.5%;height:13%;padding:18px 24px}
  .fx-mission-track h3{margin:0 0 5px;font-size:clamp(11px,.9vw,15px)}
  .fx-mission-track>div{height:calc(100% - 22px);min-height:35px}
  .fx-mission-track>div>button{padding:3px 8px;min-height:36px}
  .fx-mission-shortcuts{right:1%;bottom:1.5%;height:13%;width:23%;gap:5px}
  .fx-mission-shortcuts>button{position:relative;padding:18px 12px;font-size:clamp(12px,1.3vw,20px);min-width:0;gap:4px}
  .fx-mission-shortcuts>button img{max-width:36px}
  .fx-mission-loot{left:22%;right:21%;top:12%;height:11%;padding:18px 24px}
  .has-ready-loot .fx-mission-sign{top:25%;left:35%;width:32%}
  .has-ready-loot .fx-mission-sign h1{font-size:clamp(20px,1.8vw,30px);margin-bottom:4px}
  .has-ready-loot .fx-mission-map{top:39%}
  .fx-mission-map :is(.fx-map-node,.fx-map-start,.fx-map-goal){width:52px;height:52px}
  .fx-mission-map .fx-map-node>span:not(.fx-steam-icon){font-size:clamp(10px,.85vw,14px)!important;padding:3px 6px!important;max-width:120px;white-space:normal;text-align:center}
  .fx-mission-map .fx-map-path-back{stroke:#63a7ba;stroke-width:2;opacity:.8}
  .fx-mission-map .fx-map-path-live{stroke:#62f3ff;stroke-width:3}
}
@media(min-width:651px) and (max-width:900px){
  .fx-mission-zone{padding:23px 18px;top:12%;bottom:15%}
  .fx-mission-event{padding:23px 18px;top:15%;max-height:66%}
  .fx-mission-map{left:27%;right:24%;top:32%;bottom:22%}
  .fx-mission-sign{top:15%;left:30%;width:42%}
  .fx-mission-track{left:2%;width:62%;padding:16px 22px}
  .fx-mission-shortcuts{width:32%}
}
@media(max-width:650px){
  .fx-mission-world :is(.fx-mission-zone,.fx-mission-event,.fx-mission-track){padding:24px}
  .fx-mission-event{display:flex}
  .fx-mission-shortcuts>button{position:relative}
  .fx-mission-loot{padding:22px;height:auto}
  .fx-mission-loot>strong{flex-basis:auto}
}