header nav{display:flex;align-items:center;gap:24px}
header nav a:hover{color:#fff}
header .map-nav{padding:9px 14px;border:1px solid #a8242c;color:#fff;background:#7c1b21}
.hero{min-height:310px!important;padding-top:42px!important;padding-bottom:42px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:center}
.hero-copy{min-width:0;container-type:inline-size}
.hero h1{width:100%;max-width:100%!important;margin-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(20px,5.2cqw,42px)!important}
.hero-snapshot{align-self:center;display:block;padding:0;background:none;border:0;box-shadow:none}
.hero-snapshot img{display:block;width:100%;height:190px;object-fit:cover;object-position:top;filter:sepia(.12)}
.summary-grid{grid-template-columns:1fr!important}
.calculator form>span{align-self:flex-end;display:flex;align-items:center;justify-content:center;height:48px;font-size:20px}
.calculator-tools{display:grid;gap:18px}.calc-block{display:grid;gap:10px}.calculator-tools .result{grid-column:auto}.calculator-tools form{margin:0}
.result.copyable{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease}
.result.copyable:active{background:#c3b7a2}
.hero .badges{margin:14px 0 4px;gap:12px!important}
.hero .badges .badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:132px;padding:13px 18px!important;border:2px solid #d4a84b!important;border-left:7px solid #d52b35!important;border-radius:5px;background:#f0e4c8!important;color:#211b14!important;font-size:15px!important;font-weight:900!important;letter-spacing:.5px;box-shadow:0 6px 18px #0009!important}
.hero .badges .badge-character_xp{background:#d5dfef!important;border-color:#6381ac!important}
.hero .badges .badge-role_xp{background:#e5d4bd!important;border-color:#a66b38!important}
.hero .badges .badge-gold{background:#f3d277!important;border-color:#d5a719!important}
.hero .badges .badge-cash{background:#bad6ad!important;border-color:#628f50!important}
.hero .badges .badge-legendary{background:#d9b5b7!important;border-color:#a11f28!important;color:#6d1016!important}
@media(max-width:760px){header nav{gap:8px}header nav a:not(.map-nav){display:none}.map-nav{padding:7px 9px!important;font-size:12px}.hero{grid-template-columns:1fr!important;gap:20px}.hero h1{white-space:normal;overflow:visible;text-overflow:clip;font-size:clamp(28px,9vw,42px)!important}.hero-snapshot img{height:180px}}