/* Adopted B: illustrated cover + four-frame destination strip. Scoped to normal auctions. */
#page-map.map-poster-page{--mp-ink:#101620;--mp-yellow:#ffe34b;background:radial-gradient(#4b62752b .7px,transparent .7px) 0 0/5px 5px,#101620!important;color:#f7f8fc;padding:4px 0 24px;isolation:isolate}
#page-map .top-bar{margin:0 18px;border:0;padding:12px 0;background:none}
#page-map .top-bar .coin-display{font-size:14px;color:#ffe34b}
#page-map .back-btn{color:#e7edf6;background:transparent;border:0;padding:5px 0;font-size:13px}
#page-map .map-title{padding:9px 18px 12px;text-align:left;font-size:9px;line-height:1.4}
#page-map .map-title small{display:block;font-size:9px;font-style:normal;letter-spacing:2px;color:#96a8bc;font-weight:600}
#page-map .map-poster{width:100%;max-width:550px;margin:0 auto;padding:0 15px}
#page-map .map-poster button{font-family:inherit;touch-action:manipulation;cursor:pointer}
#page-map .map-poster button:focus-visible{outline:3px solid #8de4ff;outline-offset:3px}
#page-map .mp-cover{position:relative;height:clamp(300px,43vh,470px);height:clamp(300px,43dvh,470px);border:3px solid #edf1e8;transform:rotate(-1deg);background:#263c4d;isolation:isolate;overflow:hidden;touch-action:pan-y;box-shadow:5px 6px 0 #02091880}
#page-map .mp-picture{position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 25px,#91a4ba0c 25px 27px),linear-gradient(130deg,#1c4860,#152331)}
#page-map .mp-picture img{width:100%;height:100%;object-fit:cover;object-position:60% center;animation:mp-cover-in .35s ease both}
#page-map .mp-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060b19ed,transparent 68%,#060b193d);z-index:1;pointer-events:none}
#page-map .mp-number{position:absolute;z-index:2;top:16px;left:17px;font-size:58px;line-height:1;font-weight:900;font-style:italic;letter-spacing:-3px;color:#fff;text-shadow:3px 3px #101620}
#page-map .mp-stamp{position:absolute;z-index:2;right:11px;top:17px;max-width:65%;background:#ffe34b;color:#101620;font-size:11px;font-weight:800;padding:7px 9px;transform:rotate(7deg);box-shadow:3px 3px #080e1b;line-height:1.4}
#page-map .mp-cover-copy{position:absolute;bottom:64px;left:21px;right:15px;z-index:2;color:#fff}
#page-map .mp-cover-copy small{color:#ffe34b;font-size:10px;letter-spacing:3px;font-weight:800}
#page-map .mp-cover-copy h2{font-family:inherit;color:#fff;font-size:clamp(33px,10vw,49px);font-weight:1000;font-style:italic;letter-spacing:-2px;line-height:1.22;margin:8px 0;text-shadow:3px 4px #101620}
#page-map .mp-cover-copy p{font-size:12px;line-height:1.5;color:#f0f4fa;text-shadow:0 1px 3px #000;margin:0}
#page-map .mp-arrows{position:absolute;z-index:3;bottom:16px;right:15px;display:flex;gap:6px}
#page-map .mp-arrows button{width:38px;height:35px;background:#f5f1e5;color:#101620;font-size:21px;border:0;border-radius:0;box-shadow:2px 2px #101620}
#page-map .mp-arrows button:disabled{opacity:.35;cursor:default}
#page-map .mp-strip{display:flex;gap:8px;overflow-x:auto;padding:6px 5px 7px 0;margin:12px 0 3px;scrollbar-width:thin;scrollbar-color:#76808e transparent}
#page-map .mp-thumb{position:relative;flex:0 0 calc((100% - 24px)/4);height:78px;background:#203a4b;border:2px solid #637587;color:#fff;padding:0;min-width:65px;overflow:hidden;transition:transform .2s,border-color .2s;border-radius:0}
#page-map .mp-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.64);transition:filter .25s}
#page-map .mp-thumb strong{position:absolute;bottom:5px;left:2px;right:2px;text-align:center;color:#fff;font-size:10px;line-height:1.25;font-weight:800;text-shadow:1px 1px 3px #000,0 0 5px #000}
#page-map .mp-thumb.selected{border-color:#ffe34b;transform:translateY(-4px);box-shadow:3px 3px #ffe34b}
#page-map .mp-thumb.selected img{filter:brightness(1)}
#page-map .mp-thumb.selected strong{color:#ffe34b}
#page-map .mp-thumb:hover img{filter:brightness(1)}
#page-map .mp-fallback-art{display:grid;place-items:center;height:100%;color:#647c94;font-size:64px;font-style:italic;font-weight:900}
#page-map .mp-details{padding:0 3px}
#page-map .mp-stats{display:grid;grid-template-columns:1fr 1.2fr 1fr .8fr;gap:5px;padding:11px 0 12px;border-bottom:1px solid #424c58;margin:0}
#page-map .mp-stats>div+div{border-left:1px solid #424c58;padding-left:6px}
#page-map .mp-stats dt{font-size:10px;color:#a4b3c5;margin-bottom:6px;line-height:1.5}
#page-map .mp-stats dd{font-family:inherit;color:#fff;margin:0;font-size:12px;line-height:1.5;font-weight:800;white-space:nowrap}
#page-map .mp-stats>div:first-child dd{color:#ffe34b}
#page-map .mp-skills{display:flex;align-items:center;gap:14px;color:#d9e2ed;font-size:11px;padding:6px 0}
#page-map .mp-rules{font-size:10px;background:none;color:#bccada;margin-left:auto;border:0;padding:8px 0}
#page-map .mp-extra{display:flex;gap:8px;flex-wrap:wrap;color:#aabed2;font-size:10px;line-height:1.6;margin:0 0 9px}
#page-map .mp-extra span{border:1px solid #61728669;padding:2px 5px;background:#182432}
#page-map .mp-restriction{font-size:11px;color:#ffcca1;line-height:1.5;margin:0 0 9px}
#page-map .mp-restriction:empty{display:none}
#page-map .mp-enter{display:flex;align-items:center;justify-content:center;gap:30px;width:100%;min-height:55px;background:#ffe34b;color:#101620;border:0;border-radius:0;font-size:24px;font-weight:900;font-style:italic;letter-spacing:2px;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);transition:filter .2s,transform .2s;box-shadow:none}
#page-map .mp-enter b{font-style:normal;font-size:31px}
#page-map .mp-enter:not(:disabled):active{transform:translateY(2px) scale(.985)}
#page-map .mp-enter:disabled{background:#394757;color:#b6c3d1;font-size:19px;cursor:not-allowed}
#page-map .mp-empty{padding:70px 15px;text-align:center;color:#bcc9d7;font-size:14px}
#page-map .mp-empty p{font-size:12px;margin:20px 0}
#page-map .mp-retry{border:1px solid #ffe34b;padding:10px 16px;background:#ffe34b;color:#101620}
@keyframes mp-cover-in{from{opacity:.45;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(min-width:650px){#page-map .top-bar,#page-map .map-title{width:100%;max-width:550px;align-self:center;margin-left:auto;margin-right:auto}#page-map .top-bar{padding-left:18px;padding-right:18px}}
@media(max-width:360px){#page-map .map-poster{padding:0 12px}#page-map .mp-stats{gap:3px}#page-map .mp-stats dd{font-size:10px}#page-map .mp-stats dt{font-size:9px}#page-map .mp-thumb strong{font-size:9px}#page-map .mp-cover-copy{left:16px}#page-map .mp-number{font-size:50px}}
@media(prefers-reduced-motion:reduce){#page-map .map-poster *{transition:none!important;animation:none!important}}