.mr2{--mr-ink:#163f68;--mr-muted:#5d7790;--mr-border:#dce8f4;color:var(--mr-ink);font-size:14px;line-height:1.55;margin-top:20px}
.mr2 *{box-sizing:border-box}
.mr-hero{padding:26px;border:1px solid #d3e6f7;border-radius:15px;background:linear-gradient(115deg,#edf7ff,#fff 75%)}
.mr-kicker,.mr-section-title>span{display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:#9c742d}
.mr-hero h2{font-size:29px!important;color:#104575!important;margin:7px 0!important;line-height:1.25!important}
.mr-hero p{color:#536f8b!important;margin:0!important;max-width:730px}
.mr-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.mr-stats span{border:1px solid var(--mr-border);border-radius:9px;background:white;padding:8px 12px;color:#54728d}
.mr-stats b{font-size:17px;color:#095a98;margin-right:5px}
.mr-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 26px;align-items:stretch}
.mr-panel{min-width:0;padding:18px;border:1px solid var(--mr-border);border-radius:12px;background:white}
.mr-panel-title{display:flex;gap:11px;align-items:center;margin-bottom:13px;min-height:45px}
.mr-panel-title em{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:9px;background:#eaf5ff;color:#135c96;font-style:normal;font-weight:800}
.mr-panel-title h3{margin:0!important;color:#144c7c!important;font-size:17px!important;line-height:1.3!important}
.mr-panel-title p{margin:3px 0 0!important;color:#6a849b!important;font-size:12px!important}
.mr-steps{margin:0;padding-left:22px;display:grid;gap:9px}
.mr-steps li,.mr-facts p{padding:9px 11px;border:1px solid #e2ecf5;border-radius:8px;background:#f9fcff;color:#496c8a!important;font-size:13px!important;line-height:1.55!important}
.mr-facts{display:grid;gap:9px}.mr-facts p{margin:0!important}
.mr-steps strong,.mr-facts strong{color:#164d7d!important}
.mr-section-title{margin-bottom:14px}.mr-section-title h3{margin:3px 0!important;font-size:23px!important;color:#114a7c!important}
.mr-section-title p{margin:0!important;color:#5b7690!important}
.mr-mission{margin-bottom:15px;border:1px solid var(--mr-border);border-radius:13px;overflow:hidden;background:white}
.mr-mission-head{display:flex;align-items:center;gap:13px;padding:17px 19px;background:#f0f8ff;border-bottom:1px solid var(--mr-border)}
.mr-key{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:11px;background:#dfedfd;color:#11568d;font-weight:800}
.mr-mission-head small{font-size:11px;color:#9d742d;font-weight:700;letter-spacing:.6px}
.mr-mission-head h4{margin:2px 0!important;font-size:20px!important;color:#124b7b!important}
.mr-target{margin-left:auto;white-space:nowrap;color:#647f97;font-size:12px}.mr-target b{font-size:22px;color:#075995;margin-right:4px}
.mr-objectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 18px 6px}
.mr-objectives span{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;padding:9px 11px;border:1px solid #e0ebf6;border-radius:8px;background:#f8fbff;color:#5a7892;font-size:12px}
.mr-objectives b{color:#15598e}
.mr-subtitle{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:13px 18px 9px;color:#194f7d}
.mr-subtitle small{color:#728ba2}
.mr-mobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 18px 17px}
.mr-mob,.mr-item{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border:1px solid #dce9f6;border-radius:9px;background:white;color:#194e7b!important;text-decoration:none!important}
.mr-mob:hover,.mr-item:hover{background:#f0f8ff;border-color:#9bc5e8}
.mr-mob img,.mr-item img{width:36px;height:36px;flex:none;object-fit:contain}
.mr-mob span,.mr-item span{min-width:0;display:block}
.mr-mob strong,.mr-item strong{display:block;font-size:12px;color:#174c7a!important;line-height:1.35;overflow-wrap:anywhere}
.mr-mob small,.mr-item small{display:block;font-size:10px;color:#7088a0!important;margin-top:3px}
.mr-rewards{display:grid;grid-template-columns:1.3fr 1fr;gap:13px;padding:16px 18px;background:#f8fbff;border-top:1px solid var(--mr-border)}
.mr-rewards>div{min-width:0}.mr-rewards h5{font-size:14px!important;color:#144e80!important;margin:0 0 9px!important}
.mr-rewards p{margin:0 0 9px!important;font-size:12px!important;color:#5d7893!important}
.mr-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mr-zeny{display:flex;flex-direction:column;justify-content:center;padding:9px 12px;border:1px solid #dce9f6;border-radius:9px;background:white}
.mr-zeny strong{font-size:14px;color:#0e5b96}.mr-zeny small{color:#6b849c}
.mr-final{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:16px;padding:22px;border:1px solid #e6d9b3;border-radius:14px;background:linear-gradient(110deg,#fff9e9,#fff)}
.mr-final h3{margin:6px 0!important;color:#77591f!important;font-size:23px!important}
.mr-final p{margin:0!important;color:#77694b!important}
.mr-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.mr-badges span{padding:6px 9px;border:1px solid #e8d7aa;border-radius:7px;background:white;color:#846425;font-size:12px}
.mr-footnote{font-size:12px!important;color:#647f98!important;line-height:1.6!important;margin:15px 0!important}
@media(max-width:940px){.mr-guide,.mr-rewards,.mr-final{grid-template-columns:minmax(0,1fr)}.mr-mobs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mr-hero{padding:18px}.mr-hero h2{font-size:24px!important}.mr-mission-head{padding:13px;gap:8px}.mr-mission-head h4{font-size:17px!important}.mr-objectives,.mr-mobs,.mr-reward-grid{grid-template-columns:minmax(0,1fr)}.mr-target b{font-size:19px}}

/* WEB.V2.EVENTOS.MISSOES.REINO.ITENS.PADRAO.PASSE.3B */
/* Reference: Passe de Batalha T2 - 30px / 26px reward icons. */
.mr2 {font-size:14px;line-height:1.55;color:#163f68}
.mr2 .mr-hero {padding:24px}
.mr2 .mr-mission {box-shadow:none}
.mr2 .mr-mission-head {padding:17px 19px}
.mr2 .mr-mobs {gap:8px}
.mr2 .mr-mob {min-height:54px;padding:8px 10px}
.mr2 .mr-mob img {width:36px;height:36px;object-fit:contain;flex:none}
.mr2 .mr-rewards {
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:start;gap:16px;padding:16px 18px;background:#f8fbff;
}
.mr2 .mr-rewards > div {min-width:0;display:block}
.mr2 .mr-rewards h5 {margin:0 0 9px!important;font-size:14px!important;line-height:1.4!important}
.mr2 .mr-rewards p {min-height:0;margin:0 0 9px!important;font-size:12px!important}
.mr2 .mr-reward-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:5px;align-items:start}
.mr2 .mr-zeny {
  min-width:0;min-height:36px;height:auto;display:flex;flex-direction:row;
  align-items:center;justify-content:flex-start;gap:7px;padding:5px 9px;
  border:1px solid #dce9f6;border-radius:7px;background:#fff;box-shadow:none;
}
.mr2 .mr-zeny strong {font-size:14px;line-height:1.4;color:#0e5b96}
.mr2 .mr-zeny small {font-size:11px;margin:0}
.mr2 .mr-item,
.mr2 .mr-rewards > div:nth-child(2) > .mr-item,
.mr2 .mr-final > .mr-item {
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
  gap:9px;min-width:0;min-height:40px;height:auto;width:100%;
  padding:4px 9px;margin:0;text-align:left;
  border:1px solid #dce9f6;border-radius:7px;background:#fff;
  box-shadow:none;transform:none;text-decoration:none!important;
}
.mr2 .mr-item img,
.mr2 .mr-rewards > div:nth-child(2) > .mr-item img,
.mr2 .mr-final > .mr-item img {
  display:block;width:30px;height:30px;min-width:30px;max-width:30px;
  min-height:30px;max-height:30px;flex:0 0 30px;
  object-fit:contain;image-rendering:auto;
}
.mr2 .mr-item span {display:block;min-width:0;width:auto;flex:1 1 auto}
.mr2 .mr-item strong,
.mr2 .mr-rewards > div:nth-child(2) > .mr-item strong,
.mr2 .mr-final > .mr-item strong {
  display:block;font-size:12px;line-height:1.45;font-weight:700;
  color:#174c7a!important;overflow-wrap:anywhere;word-break:normal;hyphens:none;
}
.mr2 .mr-item small {display:block;margin-top:1px;font-size:10px;line-height:1.4;color:#7088a0}
.mr2 .mr-rewards > div:nth-child(2) > .mr-item {margin-top:0}
.mr2 .mr-item:hover {background:#f0f8ff;border-color:#9bc5e8;box-shadow:none;transform:none}
.mr2 .mr-item:focus-visible,.mr2 .mr-mob:focus-visible {outline:2px solid #3986cb;outline-offset:2px}
.mr2 .mr-final {gap:16px;padding:20px 22px}
@media(max-width:900px){
  .mr2 .mr-rewards {grid-template-columns:minmax(0,1fr);gap:14px}
  .mr2 .mr-reward-grid {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .mr2 .mr-item,
  .mr2 .mr-rewards > div:nth-child(2) > .mr-item,
  .mr2 .mr-final > .mr-item {gap:6px;min-height:36px;padding:4px 8px}
  .mr2 .mr-item img,
  .mr2 .mr-rewards > div:nth-child(2) > .mr-item img,
  .mr2 .mr-final > .mr-item img {
    width:26px;height:26px;min-width:26px;max-width:26px;
    min-height:26px;max-height:26px;flex-basis:26px;
  }
}
@media(max-width:600px){
  .mr2 .mr-hero {padding:18px}
  .mr2 .mr-rewards {padding:14px;gap:12px}
  .mr2 .mr-final {padding:16px}
}
