/* Expedições Paralelas (2.75): the screen of web/expeditions.js on the Auto Farm/Masmorra pieces (fm-*, dz-pick*,
   pf-panel, ba-outcome). Only the game's colours (docs/DESIGN.md). */
.xp-strip .fm-strip-pic{width:32px;height:32px}
.xp-caps{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;padding:2px 6px;background:#1c1c1c;border:1px solid #111;box-shadow:1px 1px #6a6a6a;font-variant-numeric:tabular-nums}
.xp-caps b{color:#f4d35e;font-weight:normal}
.xp-caps small{color:#a9a9a9;font-size:10px;margin-right:4px}
.xp-board{position:relative}
.xp-banner{position:absolute;left:0;right:0;top:8%;display:flex;justify-content:center;pointer-events:none;opacity:0;transform:translateY(-40px);transition:transform .35s cubic-bezier(.2,1.6,.4,1),opacity .2s;z-index:3}
.xp-banner.is-on{opacity:1;transform:none}
.xp-ribbon{display:flex;align-items:center}
.xp-runs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px}
.xp-run{display:grid;gap:3px;margin:0;padding:4px 6px;text-align:left;white-space:normal;cursor:pointer;min-width:0}
.xp-run.active{border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.xp-run.is-alert{border-color:#e8584c;box-shadow:inset 0 0 0 1px #e8584c}
.xp-run small{color:#a9a9a9;font-size:10px}
.xp-run-top{display:flex;align-items:center;gap:4px;min-width:0}
.xp-run-top b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:normal}
.xp-clock{color:#f4d35e;font-variant-numeric:tabular-nums;white-space:nowrap}
.xp-team{display:flex;gap:2px;flex-wrap:wrap}
.xp-pic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.xp-bar{position:relative;display:block;height:5px;background:#111;border:1px solid #111}
.xp-bar i{position:absolute;inset:0 auto 0 0;background:#e8c547}
.xp-alert{color:#e8584c;font-weight:normal}
.xp-alert .fm-ico{width:12px;height:12px}
.xp-empty b{color:#fff;font-weight:normal}
.xp-actions{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
/* Windows */
.xp-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.xp-tags{display:flex;flex-wrap:wrap;gap:3px}
.xp-tags .fm-ico{width:12px;height:12px;vertical-align:-2px}
.xp-foes{display:flex;gap:6px;flex-wrap:wrap}
.xp-foes span{display:grid;justify-items:center;font-size:10px;color:#a9a9a9}
.xp-contracts{display:grid;gap:3px}
.xp-contract{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:6px;margin:0;padding:4px 6px;text-align:left;white-space:normal;cursor:pointer;min-height:44px}
.xp-contract[disabled]{opacity:.55;cursor:default}
.xp-c-ic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.xp-c-text{display:grid;min-width:0}
.xp-c-text b{color:#fff;font-weight:normal}
.xp-c-text small{color:#a9a9a9;font-size:10px}
.xp-c-rew{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:flex-end}
.xp-c-rew em{font-style:normal;color:#f4d35e;font-size:11px}
.xp-c-rew .fm-ico{width:14px;height:14px}
.xp-taken{position:absolute;right:6px;top:2px;color:#5fc85f;font-size:10px}
.xp-ap{border-color:#4b98da}
.xp-ctop{display:flex;align-items:center;gap:6px}
.xp-ctop span{display:grid;flex:1;min-width:0}
.xp-ctop b{color:#fff;font-weight:normal}
.xp-ctop small{color:#a9a9a9;font-size:10px}
.xp-chance{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:center;margin:0;padding:6px}
.xp-big{display:grid;justify-items:center;text-align:center}
.xp-big strong{font:bold 26px/28px 'Tibia Pixel',Verdana,sans-serif;color:#f4d35e;text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000}
.xp-big.is-mid strong{color:#e8c547}.xp-big.is-low strong{color:#e8584c}
.xp-big small{color:#a9a9a9;font-size:10px}
.xp-bars{display:grid;gap:3px}
.xp-cb{display:grid;grid-template-columns:14px 64px minmax(0,1fr) 40px;gap:4px;align-items:center;font-size:10px;color:#c0c0c0}
.xp-cb .fm-ico{width:12px;height:12px}
.xp-cb small{white-space:nowrap;overflow:hidden}
.xp-cb em{font-style:normal;text-align:right;color:#fff;font-variant-numeric:tabular-nums}
.xp-cb .xp-bar i{background:#5fc85f}
.xp-tip{color:#e8c547}
.xp-grid .dz-pick.is-off{opacity:.45;cursor:default}
.xp-lock{position:absolute;left:0;right:0;top:2px;font-style:normal;font-size:9px;line-height:11px;color:#e8c547;background:rgba(0,0,0,.8);text-align:center}
.xp-grid .dz-pick{position:relative}
.xp-team-big{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.xp-team-big span{display:grid;justify-items:center;text-align:center;font-size:10px;color:#a9a9a9}
.xp-rews{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
.xp-rew{display:grid;justify-items:center;gap:1px;min-width:56px;padding:3px;background:#1c1c1c;border:1px solid #111;box-shadow:1px 1px #6a6a6a;text-align:center}
.xp-rew b{color:#f4d35e;font-weight:normal}
.xp-rew small{color:#a9a9a9;font-size:9px;line-height:10px}
.xp-rew-ic{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.xp-banner-out{margin:0}
.xp-boss{display:flex;align-items:center;gap:8px}
.xp-boss-pic{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;background:#1c1c1c;border:1px solid #111}
.xp-boss b{display:block;color:#fff;font-weight:normal;font-size:13px}
.xp-boss small{color:#a9a9a9}
.xp-mech,.xp-help{margin:0;padding-left:16px;display:grid;gap:4px;color:#c0c0c0}
.xp-mech b,.xp-help b,.xp-lead b{color:#fff;font-weight:normal}
.xp-mech .fm-ico{width:12px;height:12px;vertical-align:-2px}
.xp-irr .fm-ico{width:12px;height:12px;vertical-align:-2px}
.xp-diary{margin:0;padding-left:18px;display:grid;gap:3px;color:#c0c0c0}
.xp-diary li::marker{color:#e4ca78}
.xp-replist{display:grid;gap:3px}
.xp-rep{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin:0;padding:4px 6px;text-align:left;white-space:normal;cursor:pointer}
.xp-rep span{display:grid;min-width:0}
.xp-rep b{color:#fff;font-weight:normal}
.xp-rep small{color:#a9a9a9;font-size:10px}
@media(max-width:520px){.xp-chance{grid-template-columns:72px minmax(0,1fr)}.xp-big strong{font-size:20px}.xp-cb{grid-template-columns:12px 60px minmax(0,1fr) 36px}}
@media(prefers-reduced-motion:reduce){.xp-banner{transition:none}}
.xp-modal #expedition-dialog-body{display:grid;gap:6px;padding:6px;max-height:calc(100dvh - 140px);overflow:auto}
.xp-modal #expedition-dialog-footer{display:flex;justify-content:flex-end;gap:6px;padding:0 6px 6px}
.xp-modal #expedition-dialog-footer:empty{display:none}