/* State / region hero (MOCK): map hero with city pins + champion belt. Flat sticker style, DogDog fonts + palette. */
.hero2{--ac:#8381E0;--acd:#5F5CCB;--acl:#E6E4FB;position:relative;margin:4px 0 26px}
.hero2 a{color:inherit;text-decoration:none}
.hero2 img{display:block}
.crn{display:inline-block;vertical-align:middle;flex-shrink:0}

/* ---------- B: map ---------- */
.h-mp{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:34px;align-items:center}
.mp-map{position:relative;display:flex;justify-content:center;margin-bottom:22px;padding:30px 24px 46px;background:var(--acl) radial-gradient(rgba(43,35,64,.16) 1.4px,transparent 1.7px) 0 0/18px 18px;border:2.5px solid var(--ink);border-radius:28px;box-shadow:5px 5px 0 var(--ink)}
.mp-box{position:relative;width:min(100%,calc(var(--ar)*390px));aspect-ratio:var(--ar)}
.mp-box .shp{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(4px 5px 0 var(--ink))}
.pin{position:absolute;width:30px;transform:translate(-50%,-100%);z-index:2;pointer-events:none}
.pin.k1{width:40px;z-index:4}.pin.k2{z-index:3}
.pin-s{display:block;width:100%;height:auto;overflow:visible}
.pin::after{content:"";position:absolute;left:50%;bottom:-2px;width:14px;height:5px;margin-left:-7px;border-radius:50%;background:rgba(43,35,64,.3);z-index:-1}
.pin .crn{position:absolute;left:50%;top:-15px;transform:translateX(-50%)}
.pin em{position:absolute;left:calc(100% + 2px);top:4px;font:700 12.5px Fredoka,sans-serif;font-style:normal;background:#fff;border:2px solid var(--ink);border-radius:9px;padding:2px 8px;white-space:nowrap;box-shadow:2px 2px 0 var(--ink);color:var(--ink)}
.pin.lft em{left:auto;right:calc(100% + 2px)}
.mp-rib{width:max-content;position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);isolation:isolate;max-width:calc(100% - 80px);text-align:center}
.mp-rib span{position:relative;display:flex;gap:9px;align-items:center;justify-content:center;padding:9px 24px;background:var(--gold);color:var(--ink);border:2.5px solid var(--ink);font-family:Fredoka,sans-serif;font-weight:700;font-size:19px;letter-spacing:.6px;text-transform:uppercase;line-height:1.1}
.mp-rib span svg{color:#fff;flex-shrink:0}
.mp-rib span::before,.mp-rib span::after{content:"";position:absolute;top:9px;width:34px;height:100%;background:var(--gold-d,#C17A2E);border:2.5px solid var(--ink);z-index:-1}
.mp-rib span::before{left:-26px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,28% 50%)}
.mp-rib span::after{right:-26px;clip-path:polygon(0 0,100% 0,72% 50%,100% 100%,0 100%)}
.mp-side{display:flex;flex-direction:column;gap:18px}
.mp-champ{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;align-items:center;padding:34px 20px 18px;background:var(--gold-l);border:2.5px solid var(--ink);border-radius:24px;box-shadow:5px 5px 0 var(--ink)}
.mp-no{position:absolute;left:16px;top:-15px;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--gold);border:2.5px solid var(--ink);border-radius:999px;font:700 14px Fredoka,sans-serif;text-transform:uppercase;letter-spacing:.5px;transform:rotate(-2deg)}
.mp-lg{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fff;border:2.5px solid var(--ink);overflow:hidden;box-shadow:3px 3px 0 var(--ink)}
.mp-lg img{width:100%;height:100%;object-fit:contain}.mp-lg i{font:700 30px Fredoka,sans-serif;font-style:normal;color:var(--acd)}
.mp-lg.sm{width:44px;height:44px;box-shadow:2px 2px 0 var(--ink)}.mp-lg.sm i{font-size:18px}
.mp-t{display:flex;flex-direction:column;min-width:0}
.mp-t b{font:700 22px/1.1 Fredoka,sans-serif;overflow-wrap:anywhere}
.mp-t small{font-size:13px;font-weight:700;color:var(--ink2);margin-top:3px}
.mp-v{grid-column:1/-1;font-size:14px;font-weight:800;color:var(--ink2);display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}
.mp-v b{font:700 38px/1 Fredoka,sans-serif;color:var(--ink)}
.mp-v small{flex-basis:100%;font-size:11px;letter-spacing:.7px;text-transform:uppercase;margin-top:2px}
.mp-run{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.mp-run li a,.mp-run li.open{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 14px 9px 10px;background:#fff;border:2.5px solid var(--ink);border-radius:18px;box-shadow:3px 3px 0 var(--ink)}
.mp-run li.open{grid-template-columns:auto minmax(0,1fr);opacity:.65;border-style:dashed;box-shadow:none}
.mp-run .mp-t b{font-size:16px}.mp-run .mp-t small{font-size:12px;margin-top:1px}
.mp-run .mp-v{grid-column:auto;display:block;text-align:right;font-size:12px;white-space:nowrap}.mp-run .mp-v b{font-size:18px}.mp-run .mp-v small{display:block;font-size:10px;margin-top:1px}
.mp-k{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:2.5px solid var(--ink);font:700 14px Fredoka,sans-serif;background:#fff}
.mp-k.k2{background:#fff}.mp-k.k3{background:var(--teal)}
.mp-note{margin:-4px 0 0;font-size:12px;font-weight:700;color:var(--ink2)}

/* ---------- phones ---------- */
@media(max-width:760px){
 .hero2{margin-bottom:22px}
 .h-mp{grid-template-columns:1fr;gap:12px}
 .mp-map{padding:22px 14px 40px;margin-bottom:34px}
 .mp-box{width:min(100%,calc(var(--ar)*330px))}
 .mp-rib span{font-size:15px;padding:8px 16px}
 .mp-rib span::before{left:-22px}.mp-rib span::after{right:-22px}
 .mp-t b{font-size:20px}.mp-v b{font-size:34px}
 .mp-run li a{grid-template-columns:auto auto minmax(0,1fr);}.mp-run .mp-v{grid-column:2/-1;text-align:left;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.mp-run .mp-v small{display:inline;margin:0}
}