/* Store overlay: DOM assets only. Styles stay scoped to the existing shop. */
#mapa-vida-terrain .shop-modal{--shop-gold:#edd097;--shop-silver:#bcd6e8;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(1200px,96vw);max-height:96vh;max-height:96dvh;padding:0;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 90% 0%,#26476c45,transparent 52%),linear-gradient(140deg,#15273aef,#0c1524f7 70%);border:1px solid #8caccb5e;border-radius:24px;box-shadow:inset 0 1px 0 #d9edff24,0 24px 85px #0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f2f6fc;font-family:inherit}
#mapa-vida-terrain .shop-modal[hidden]{display:none}
#mapa-vida-terrain .shop-modal::before{content:"";position:absolute;right:38px;top:-54px;width:190px;height:190px;background:url('assets/shop/01_ui_assets/08_orb_decorative_effect.png') center/contain no-repeat;opacity:.08;pointer-events:none}
#mapa-vida-terrain .shop-modal button{font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;touch-action:manipulation}
#mapa-vida-terrain .shop-modal button:focus-visible{outline:2px solid #dfedff;outline-offset:3px}
#mapa-vida-terrain .shop-modal .shop-header{position:relative;flex:none;display:flex;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid #b6d6ef22;background:linear-gradient(110deg,#223b5140,#101c2dd9);z-index:1}
#mapa-vida-terrain .shop-heading{margin-right:auto;flex:none}
#mapa-vida-terrain .shop-heading small{font-size:10px;letter-spacing:2.4px;color:#aec1d6}
#mapa-vida-terrain .shop-heading h2{margin:5px 0 0;font-size:25px;letter-spacing:1.8px;font-weight:600}
#mapa-vida-terrain .shop-wallet{display:flex;gap:24px;align-items:center;margin:0;padding:0;border:0;min-width:0}
#mapa-vida-terrain .shop-wallet-item{display:flex;align-items:center;gap:8px;min-width:0}
#mapa-vida-terrain .shop-wallet-item img{width:44px;height:44px;object-fit:contain;flex:none}
#mapa-vida-terrain .shop-wallet-item span{display:grid;gap:4px}
#mapa-vida-terrain .shop-wallet-item small{font-size:8px;letter-spacing:1.2px;color:#92a8bf;white-space:nowrap}
#mapa-vida-terrain .shop-wallet-item strong{font-size:20px;font-weight:700;color:var(--shop-gold);white-space:nowrap;font-variant-numeric:tabular-nums}
#mapa-vida-terrain .shop-wallet-item+div strong{color:var(--shop-silver)}
#mapa-vida-terrain .shop-modal .shop-close{width:36px;height:36px;min-height:36px;padding:0;flex:none;align-self:flex-start;border-radius:50%;font-size:25px;font-weight:300;color:#cddcea;background:#19314888;border:1px solid #a9c5df33;line-height:1}
#mapa-vida-terrain .shop-modal .shop-close:hover{background:#31506c;border-color:#c7ddf280}
#mapa-vida-terrain .shop-scroll{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;overflow:hidden;padding:16px 22px}
#mapa-vida-terrain .shop-tabs{display:flex;gap:8px;margin:0}
#mapa-vida-terrain .shop-tabs button{min-height:36px;padding:8px 16px;border:1px solid #86a8c239;border-radius:10px;background:#101c2d8c;font-size:10px;letter-spacing:1px;font-weight:600;color:#a6bad1}
#mapa-vida-terrain .shop-tabs [aria-pressed=true]{color:var(--shop-gold);background:linear-gradient(120deg,#76613b33,#27426066);border-color:#d5b97c99;box-shadow:inset 0 1px 0 #ffe7b71c,0 0 16px #c7a4670c}
#mapa-vida-terrain .shop-modal[data-currency=cash] .shop-tabs [aria-pressed=true]{color:var(--shop-silver);background:linear-gradient(120deg,#688fa333,#27426066);border-color:#a7cce4aa;box-shadow:inset 0 1px 0 #def2ff1c,0 0 16px #93c4e60c}
#mapa-vida-terrain .shop-intro{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;margin:0;text-align:right;align-self:center}
#mapa-vida-terrain .shop-description{font-size:11px;line-height:1.4;color:#b0c1d4;margin:0}
#mapa-vida-terrain .shop-assurance{display:none;align-items:center;gap:6px;flex:none;font-size:9px;color:#91a9bf;letter-spacing:.4px}
#mapa-vida-terrain .shop-assurance::before{content:none}
#mapa-vida-terrain .shop-account-note{display:flex;justify-content:space-between;align-items:center;grid-column:1/-1;gap:10px;margin:0;padding:3px 10px;border:1px solid #9dbad42a;border-radius:10px;background:#30527024}
#mapa-vida-terrain .shop-account-note[hidden]{display:none}
#mapa-vida-terrain .shop-account-note p{font-size:11px;margin:0;color:#b9cce0}
#mapa-vida-terrain .shop-modal [data-ui=shop-login]{min-height:30px;padding:4px 10px;border:1px solid #8babc248;border-radius:7px;font-size:10px;white-space:nowrap;background:#28476380;color:#e0ebf8}
#mapa-vida-terrain .premium-packs{display:grid;grid-column:1/-1;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:5px 2px 7px;align-items:stretch;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#718499 #101c2d;-webkit-overflow-scrolling:touch}
#mapa-vida-terrain .premium-pack{position:relative;grid-column:auto;scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;align-items:center;gap:0;padding:22px 4px 10px;border:1px solid #b7986160;border-radius:15px;background:radial-gradient(ellipse at 50% 10%,#715d3020,transparent 70%),linear-gradient(150deg,#2a3b5266,#101b2eee 85%);box-shadow:inset 0 1px 0 #ffeab521,0 8px 18px #02081330;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-packs{grid-template-columns:repeat(4,minmax(0,1fr))}
#mapa-vida-terrain .premium-pack.is-emphasized{border-color:#c9ad746e;background:radial-gradient(ellipse at 50% 0%,#a6853433,transparent 75%),linear-gradient(140deg,#253a534d,#101e32cc)}
#mapa-vida-terrain .premium-pack.is-premium{border-color:#e1c388b3;box-shadow:inset 0 1px 0 #ffeab532,0 8px 18px #02081330}
#mapa-vida-terrain .premium-pack.is-largest{padding-left:3px;padding-right:3px;border-color:#f0cf8ed1;background:radial-gradient(ellipse at 50% 35%,#c3902d20,transparent 68%),linear-gradient(150deg,#24364fcc,#0c1525f5);box-shadow:inset 0 1px 0 #ffeab54a,0 8px 18px #02081330,0 0 16px #d7aa4614}
#mapa-vida-terrain .pack-badge,#mapa-vida-terrain .shop-modal[data-currency=coins] .is-largest::before{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:7px;line-height:1;letter-spacing:.4px;font-weight:600;color:#efd9ad;border:1px solid #c5a76b45;border-radius:5px;padding:4px 5px;background:#5e4c292e;white-space:nowrap}
#mapa-vida-terrain .pack-art{width:100%;height:clamp(108px,14.08vw,169px);display:flex;align-items:center;justify-content:center;margin:0 0 4px}
#mapa-vida-terrain .pack-art img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease;filter:none}
#mapa-vida-terrain .premium-pack strong{font-size:clamp(15px,1.8vw,21px);line-height:1.2;font-weight:600;color:#f1d7a5;letter-spacing:-.5px;white-space:nowrap}
#mapa-vida-terrain .premium-pack small{margin:6px 0 10px;color:#c0c9d6;font-size:13px;font-variant-numeric:tabular-nums}
#mapa-vida-terrain .premium-pack button{margin:0;width:100%;min-height:36px;padding:8px 4px;font-size:9px;letter-spacing:1px;font-weight:600;color:#f0d9af;border:1px solid #cfb47d66;border-radius:8px;background:linear-gradient(110deg,#aa895333,#27384bd9);box-shadow:inset 0 1px 0 #ffe3ad18}
#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack{border-color:#a4c4dd66;background:radial-gradient(ellipse at 50% 15%,#538fa424,transparent 72%),linear-gradient(150deg,#28455c70,#101e32ee 85%);box-shadow:inset 0 1px 0 #d9f0ff24,0 8px 18px #02081330}
#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack strong{color:#d3e7f4;font-size:21px}
#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack button{color:#d9edf8;border-color:#a3c7e177;background:linear-gradient(110deg,#6c9cb533,#24394fd9);box-shadow:inset 0 1px 0 #d9efff18}
#mapa-vida-terrain .shop-modal[data-currency=cash] .pack-badge{color:#d8ecf7;border-color:#a0c7df55;background:#42678130}
#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack.is-largest{border-color:#c6e8f6d4;background:radial-gradient(ellipse at 50% 32%,#64b4d428,transparent 68%),linear-gradient(150deg,#27455ecc,#0b1a2bf5);box-shadow:inset 0 1px 0 #dcf4ff48,0 8px 18px #02081330,0 0 16px #81bad216}
@media(hover:hover){#mapa-vida-terrain .premium-pack:hover{transform:translateY(-4px);border-color:#eed6a8bb;box-shadow:inset 0 1px 0 #ffeab525,0 12px 26px #0004}#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack:hover{border-color:#c6e1f4bb}#mapa-vida-terrain .premium-pack:hover .pack-art img{transform:scale(1.03)}#mapa-vida-terrain .premium-pack button:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(110deg,#b99b5c55,#34485ed9);color:#fff0cf;border-color:#f2d9a7;box-shadow:0 4px 12px #d2b37114}#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack button:hover:not(:disabled){background:linear-gradient(110deg,#84b3cf55,#304a64d9);color:#f2fbff;border-color:#d7ecff;box-shadow:0 4px 12px #9bbbd114}}
#mapa-vida-terrain .shop-modal button:active:not(:disabled){transform:scale(.98)}
#mapa-vida-terrain .shop-modal button:disabled{opacity:.5;cursor:not-allowed}
#mapa-vida-terrain .shop-modal [aria-busy=true]{opacity:.7;cursor:progress}
#mapa-vida-terrain .shop-modal .shop-confirm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));box-sizing:border-box;margin:0;padding:18px;border:1px solid #accde477;border-radius:12px;background:#172c40;box-shadow:0 0 0 100vmax #050c17c9,0 14px 40px #0008;z-index:2}
#mapa-vida-terrain .shop-confirm strong{font-size:13px;line-height:1.5}
#mapa-vida-terrain .shop-confirm>div{display:flex;gap:10px;margin-top:10px}
#mapa-vida-terrain .shop-confirm button{padding:9px 16px;min-height:36px;font-size:11px;border:1px solid #b2d4ec55;background:#314d66;color:#e4f1f9}
#mapa-vida-terrain .shop-status{grid-column:1/-1;min-height:0;font-size:11px;margin:0;color:#c2d5e7;line-height:1.5}
#mapa-vida-terrain .shop-modal footer{grid-column:1/-1;border-top:1px solid #aecce221;padding-top:8px;margin:0}
#mapa-vida-terrain .shop-modal footer small{font-size:9px;color:#8ba2b9;line-height:1.5;display:block}
/* The catalog stays on one row; only this row can swipe on narrow screens. */
#mapa-vida-terrain .shop-status:empty{display:none}
#mapa-vida-terrain .shop-confirm[hidden]{display:none}
@media(max-width:1050px){
 #mapa-vida-terrain .shop-modal .shop-header{gap:14px;padding:12px 16px}
 #mapa-vida-terrain .shop-scroll{padding:12px 16px;gap:10px}
 #mapa-vida-terrain .shop-wallet{gap:14px}
 #mapa-vida-terrain .shop-wallet-item img{width:32px;height:32px}
 #mapa-vida-terrain .shop-wallet-item strong{font-size:17px}
 #mapa-vida-terrain .shop-heading h2{font-size:20px}
 #mapa-vida-terrain .shop-intro{flex-direction:column;align-items:flex-end;justify-content:center;gap:3px;text-align:right}
 #mapa-vida-terrain .premium-packs{gap:5px}
 #mapa-vida-terrain .premium-pack{padding:22px 3px 9px}
}
@media(max-width:759px){
 #mapa-vida-terrain .premium-packs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:145px;gap:10px;scroll-padding:2px}
 #mapa-vida-terrain .shop-modal[data-currency=cash] .premium-packs{grid-template-columns:none}
 #mapa-vida-terrain .premium-pack strong{font-size:19px}
 #mapa-vida-terrain .pack-art{height:141px}
 #mapa-vida-terrain .shop-scroll{grid-template-columns:minmax(0,1fr)}
 #mapa-vida-terrain .shop-tabs{justify-content:center}
 #mapa-vida-terrain .shop-intro{align-items:center;text-align:center}
}
@media(max-width:520px){
 #mapa-vida-terrain .shop-modal{border-radius:18px}
 #mapa-vida-terrain .shop-modal .shop-header{flex-wrap:wrap;gap:10px;padding:12px}
 #mapa-vida-terrain .shop-wallet{order:3;flex-basis:100%;justify-content:space-between;gap:10px}
 #mapa-vida-terrain .shop-wallet-item strong{font-size:16px}
 #mapa-vida-terrain .shop-wallet-item small{font-size:7px;letter-spacing:.6px}
 #mapa-vida-terrain .shop-scroll{padding:12px;gap:10px}
 #mapa-vida-terrain .shop-account-note{gap:6px}
 #mapa-vida-terrain .shop-account-note p{font-size:10px}
 #mapa-vida-terrain .shop-modal [data-ui=shop-login]{font-size:9px;padding:6px}
}
@media(max-height:600px) and (orientation:landscape){
 #mapa-vida-terrain .shop-modal{width:min(1200px,98vw);border-radius:16px}
 #mapa-vida-terrain .shop-modal .shop-header{flex-wrap:nowrap;gap:12px;padding:8px 14px}
 #mapa-vida-terrain .shop-heading h2{font-size:17px;margin:3px 0 0}
 #mapa-vida-terrain .shop-heading small{font-size:8px;letter-spacing:1.5px}
 #mapa-vida-terrain .shop-wallet{order:0;flex-basis:auto;gap:12px}
 #mapa-vida-terrain .shop-wallet-item img{width:28px;height:28px}
 #mapa-vida-terrain .shop-wallet-item strong{font-size:15px}
 #mapa-vida-terrain .shop-wallet-item small{font-size:7px;letter-spacing:.6px}
 #mapa-vida-terrain .shop-modal .shop-close{width:32px;height:32px;min-height:32px}
 #mapa-vida-terrain .shop-scroll{grid-template-columns:auto minmax(0,1fr);padding:8px 14px;gap:7px}
 #mapa-vida-terrain .shop-tabs button{min-height:32px;padding:6px 10px;font-size:9px;letter-spacing:.6px}
 #mapa-vida-terrain .shop-intro{align-items:flex-end;text-align:right;gap:2px}
 #mapa-vida-terrain .shop-description{font-size:10px}
 #mapa-vida-terrain .shop-assurance{font-size:8px}
 #mapa-vida-terrain .shop-account-note{padding:1px 8px}
 #mapa-vida-terrain .shop-account-note p{font-size:10px}
 #mapa-vida-terrain .premium-packs{gap:5px}
 #mapa-vida-terrain .premium-pack{padding:19px 3px 6px}
 #mapa-vida-terrain .pack-art{height:clamp(40px,calc(100dvh - 280px),128px);margin:4px 0 3px}
 #mapa-vida-terrain .shop-modal:has(.shop-status:not(:empty)) .pack-art{height:clamp(40px,calc(100dvh - 306px),128px)}
 #mapa-vida-terrain .shop-modal:has(.shop-account-note:not([hidden])) .pack-art{height:clamp(40px,calc(100dvh - 323px),128px)}
 #mapa-vida-terrain .premium-pack strong{font-size:15px;letter-spacing:-.4px}
 #mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack strong{font-size:18px}
 #mapa-vida-terrain .premium-pack small{font-size:11px;margin:4px 0 7px}
 #mapa-vida-terrain .premium-pack button{min-height:32px;font-size:8px;letter-spacing:.5px;padding:6px 3px}
 #mapa-vida-terrain .shop-modal footer{padding-top:5px}
 #mapa-vida-terrain .shop-modal footer small{font-size:8px}
 #mapa-vida-terrain .shop-status{font-size:10px}
}
@media(max-height:520px) and (orientation:portrait){
 #mapa-vida-terrain .pack-art{height:60px}
 #mapa-vida-terrain .shop-scroll{gap:6px;padding:8px 12px}
 #mapa-vida-terrain .shop-modal .shop-header{padding:8px 12px;gap:6px}
 #mapa-vida-terrain .shop-heading h2{font-size:18px}
}
/* Art grows inside its existing slot; all raster content remains contained. */

#mapa-vida-terrain .shop-modal[data-currency=cash] .pack-art{height:282px;margin-bottom:5px}
#mapa-vida-terrain .shop-modal[data-currency=cash] .pack-art img{width:94%;height:100%;object-position:center bottom}
#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack.is-largest .pack-art img{width:97%;height:100%}
#mapa-vida-terrain .premium-pack button{margin-top:auto}
@media(hover:hover){
 #mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack:hover{box-shadow:inset 0 1px 0 #dcf4ff35,0 10px 22px #0004}
 #mapa-vida-terrain .premium-pack.is-premium:hover{box-shadow:inset 0 1px 0 #ffeab540,0 10px 22px #0004,0 0 16px #d7aa461a}
 #mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack.is-largest:hover{box-shadow:inset 0 1px 0 #dcf4ff55,0 10px 22px #0004,0 0 16px #81bad21c}
}
@media(max-height:600px) and (orientation:landscape){
 #mapa-vida-terrain .shop-modal[data-currency=cash] .pack-art{height:clamp(40px,calc(100dvh - 286px),210px);margin-bottom:3px}
 #mapa-vida-terrain .shop-modal[data-currency=cash]:has(.shop-status:not(:empty)) .pack-art{height:clamp(40px,calc(100dvh - 311px),210px)}
 #mapa-vida-terrain .shop-modal[data-currency=cash]:has(.shop-account-note:not([hidden])) .pack-art{height:clamp(40px,calc(100dvh - 327px),210px)}
}
@media(max-height:700px) and (orientation:portrait){
 #mapa-vida-terrain .pack-art,#mapa-vida-terrain .shop-modal[data-currency=cash] .pack-art,#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack.is-largest .pack-art{height:115px}
 #mapa-vida-terrain .shop-modal:has(.shop-account-note:not([hidden])) .pack-art{height:95px}
}
/* A small extra track gives the largest LC art room without scaling outside its card. */
#mapa-vida-terrain .shop-modal[data-currency=coins] .premium-packs{grid-template-columns:repeat(6,minmax(0,1fr)) minmax(0,1.06fr)}
#mapa-vida-terrain .shop-modal[data-currency=coins] .is-largest .pack-art{height:clamp(116px,15.066vw,181px)}
#mapa-vida-terrain .shop-modal[data-currency=cash] .premium-pack button{margin-top:auto}
@media(max-width:759px){
 #mapa-vida-terrain .shop-modal[data-currency=coins] .premium-packs{grid-template-columns:repeat(6,145px) 154px}
 #mapa-vida-terrain .shop-modal[data-currency=coins] .is-largest .pack-art{height:151px}
}
@media(max-height:600px) and (orientation:landscape){
 #mapa-vida-terrain .shop-modal[data-currency=coins] .premium-pack small{margin-bottom:4px}
 #mapa-vida-terrain .shop-modal[data-currency=coins] .premium-pack{padding-bottom:5px}
 #mapa-vida-terrain .shop-modal[data-currency=coins] .is-largest .pack-art{height:clamp(43px,calc(100dvh - 273px),137px)}
 #mapa-vida-terrain .shop-modal[data-currency=coins]:has(.shop-status:not(:empty)) .is-largest .pack-art{height:clamp(43px,calc(100dvh - 300px),137px)}
 #mapa-vida-terrain .shop-modal[data-currency=coins]:has(.shop-account-note:not([hidden])) .is-largest .pack-art{height:clamp(43px,calc(100dvh - 319px),137px)}
}
@media(max-height:700px) and (orientation:portrait){
 #mapa-vida-terrain .shop-modal[data-currency=coins] .is-largest .pack-art{height:123px}
 #mapa-vida-terrain .shop-modal[data-currency=coins]:has(.shop-account-note:not([hidden])) .is-largest .pack-art{height:102px}
}
/* One-shot opening and interaction effects; no continuous animation over the city. */
@keyframes shop-panel-reveal{from{opacity:0;transform:translate(-50%,-49%) scale(.99)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes shop-pack-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes shop-cta-sheen{0%{opacity:0;transform:translateX(-130%) skewX(-15deg)}20%{opacity:.65}100%{opacity:0;transform:translateX(150%) skewX(-15deg)}}
#mapa-vida-terrain .shop-modal:not([hidden]){animation:shop-panel-reveal .24s ease-out backwards}
#mapa-vida-terrain .premium-pack{animation:shop-pack-reveal .24s ease-out backwards}
#mapa-vida-terrain .premium-pack:nth-child(2){animation-delay:18ms}
#mapa-vida-terrain .premium-pack:nth-child(3){animation-delay:36ms}
#mapa-vida-terrain .premium-pack:nth-child(4){animation-delay:54ms}
#mapa-vida-terrain .premium-pack:nth-child(5){animation-delay:72ms}
#mapa-vida-terrain .premium-pack:nth-child(6){animation-delay:90ms}
#mapa-vida-terrain .premium-pack:nth-child(7){animation-delay:108ms}
#mapa-vida-terrain .premium-pack button{position:relative;overflow:hidden}
#mapa-vida-terrain .premium-pack button::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(100deg,transparent 20%,#fff2 50%,transparent 80%);transform:translateX(-130%) skewX(-15deg)}
@media(hover:hover){#mapa-vida-terrain .premium-pack button:hover:not(:disabled)::after{animation:shop-cta-sheen .55s ease-out}}
#mapa-vida-terrain .premium-pack button:focus-visible:not(:disabled)::after{animation:shop-cta-sheen .55s ease-out}
@media(prefers-reduced-motion:reduce){#mapa-vida-terrain .shop-modal button,#mapa-vida-terrain .premium-pack,#mapa-vida-terrain .pack-art img{transition:none}#mapa-vida-terrain .premium-pack:hover,#mapa-vida-terrain .premium-pack:hover .pack-art img{transform:none}}

@media(prefers-reduced-motion:reduce){#mapa-vida-terrain .shop-modal:not([hidden]),#mapa-vida-terrain .premium-pack,#mapa-vida-terrain .premium-pack button::after{animation:none!important}}

/* Membership is its own catalog. Existing one-time packs keep their proportions. */
#mapa-vida-terrain .club-member-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;border:1px solid #c9aa6a80;border-radius:5px;color:#f2d69e;background:linear-gradient(120deg,#71552c45,#182a41);font-size:8px;letter-spacing:.7px;white-space:nowrap;line-height:1.2}
#mapa-vida-terrain .club-member-badge[hidden]{display:none}
#mapa-vida-terrain .club-member-badge[data-tier=life_club_max]{border-color:#9bbde9;color:#f9dda8;background:linear-gradient(120deg,#394b714d,#182a41)}
#mapa-vida-terrain .club-hud-badge{align-self:flex-end;margin-top:3px}
#mapa-vida-terrain [data-ui=account-current][data-cosmetic-tier]{border-radius:10px}
#mapa-vida-terrain [data-ui=account-current][data-club-badge]:not([data-club-badge=""])::before{content:'♛ ' attr(data-club-badge);display:block;font-size:10px;letter-spacing:1px;color:#edd097;margin-bottom:6px}
#mapa-vida-terrain [data-ui=account-current][data-cosmetic-month]:not([data-cosmetic-month=""])::after{content:'Moldura mensal · ' attr(data-cosmetic-month);display:block;font-size:9px;color:#a8bed5;margin-top:6px}
#mapa-vida-terrain [data-ui=account-current][data-cosmetic-tier=life_club]{border:1px solid #a98b58;padding:10px;background:linear-gradient(120deg,#b6924720,#142437)}
#mapa-vida-terrain [data-ui=account-current][data-cosmetic-tier=life_club_plus]{border:1px solid #e1c17c;padding:10px;background:linear-gradient(120deg,#c5a14930,#15273d);box-shadow:inset 0 1px 0 #ffe2a440}
#mapa-vida-terrain [data-ui=account-current][data-cosmetic-tier=life_club_max]{border:1px solid #a7c9f0;padding:10px;background:linear-gradient(120deg,#b9974828,#203452);box-shadow:inset 0 1px 0 #ffe2a44d}
/* Same shop header and height across categories; short screens scroll inside. */
#mapa-vida-terrain .shop-modal{min-height:min(520px,96dvh)}
#mapa-vida-terrain .shop-scroll{flex:1;align-content:start;grid-auto-rows:max-content;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#718499 #101c2d}
#mapa-vida-terrain .premium-packs{min-height:min-content;grid-auto-rows:max-content}
#mapa-vida-terrain .shop-modal[data-currency=club] .premium-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;grid-auto-flow:row;overflow:visible;min-height:min-content}
#mapa-vida-terrain .club-card,#mapa-vida-terrain .club-tier-2.is-largest{padding:23px 14px 10px;align-items:stretch;min-height:0;border-color:#b7986170}
#mapa-vida-terrain .club-card .pack-badge{position:static;transform:none;align-self:center;margin:-14px 0 5px;max-width:100%;white-space:normal;text-align:center}
#mapa-vida-terrain .club-card-top{display:grid;grid-template-columns:minmax(0,30%) minmax(0,1fr);gap:10px;align-items:center;min-width:0;margin-bottom:6px}
#mapa-vida-terrain .shop-modal[data-currency=club] .club-card .club-art{width:100%;height:auto;aspect-ratio:1;min-width:0;max-width:none;margin:0}
#mapa-vida-terrain .club-art img{width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:screen}
#mapa-vida-terrain .club-card-heading{min-width:0;text-align:left}
#mapa-vida-terrain .club-card h3{margin:0 0 3px;font-size:12px;line-height:1.35;letter-spacing:.7px;font-weight:600;color:#f6dfb4}
#mapa-vida-terrain .club-card .club-price{display:block;white-space:normal;font-size:24px;line-height:1.15;letter-spacing:-.5px;font-weight:700}
#mapa-vida-terrain .club-price span{display:inline;font-size:11px;letter-spacing:0;font-weight:400;color:#b6c7da}
#mapa-vida-terrain .club-monthly-coins{font-size:13px;margin:4px 0 0;color:#f6d99e;font-weight:600;line-height:1.3}
#mapa-vida-terrain .club-benefits{flex:1;list-style:none;margin:0 0 6px;padding:0;color:#b8c8da;font-size:11px;line-height:1.35}
#mapa-vida-terrain .club-benefits li{position:relative;padding-left:13px;margin:2px 0}
#mapa-vida-terrain .club-benefits li::before{content:'✓';position:absolute;left:0;color:#ceae6d;font-size:10px}
#mapa-vida-terrain .club-tier-1{border-color:#e1c17cb3;background:radial-gradient(ellipse at 50% 15%,#c5a14928,transparent 70%),linear-gradient(150deg,#283b52,#101b2e)}
#mapa-vida-terrain .club-tier-2.is-largest{border-color:#d4cba8;background:radial-gradient(ellipse at 90% 10%,#416cb633,transparent 60%),linear-gradient(150deg,#1b304c,#080f20);box-shadow:inset 0 1px 0 #ffeab549,0 8px 18px #02081330,0 0 14px #8aade514}
#mapa-vida-terrain .club-card>button{min-height:40px;letter-spacing:.4px;font-size:10px;white-space:normal}
#mapa-vida-terrain .club-terms,#mapa-vida-terrain .club-member-tools{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:#b0c1d5;font-size:10px;line-height:1.45}
#mapa-vida-terrain .club-terms{display:grid;gap:2px;padding-top:0}
#mapa-vida-terrain .club-terms p{margin:0;font-size:inherit;line-height:inherit}
#mapa-vida-terrain .club-member-tools button{min-height:32px;padding:6px 10px;border:1px solid #b5cfe34a;border-radius:7px;color:#d9e8f7;background:#28405e55;font-size:10px;white-space:normal}
#mapa-vida-terrain .club-cosmetic-select{display:flex;align-items:center;gap:6px;font-size:9px}
#mapa-vida-terrain .club-cosmetic-select select{max-width:160px;min-height:32px;font:inherit;color:#d9e8f7;background:#172a40;border:1px solid #8daaca55;border-radius:5px}
#mapa-vida-terrain .pack-currency-label{display:block;font-size:9px;letter-spacing:.2px;line-height:1.3;color:#aec8db}
@media(max-width:1050px){#mapa-vida-terrain .shop-tabs button{padding-left:11px;padding-right:11px}#mapa-vida-terrain .club-card,#mapa-vida-terrain .club-tier-2.is-largest{padding-left:10px;padding-right:10px}#mapa-vida-terrain .club-card h3{font-size:11px}#mapa-vida-terrain .club-card-top{gap:8px}}
@media(max-width:659px){
 #mapa-vida-terrain .shop-modal[data-currency=club] .premium-packs{grid-template-columns:minmax(0,1fr)}
}
@media(pointer:coarse){#mapa-vida-terrain .club-card>button,#mapa-vida-terrain .club-member-tools button{min-height:44px}}
@media(max-height:600px){
 #mapa-vida-terrain .shop-modal[data-currency=club] .shop-scroll{padding-top:6px;padding-bottom:6px;gap:5px}
 #mapa-vida-terrain .club-card,#mapa-vida-terrain .club-tier-2.is-largest{padding-top:22px;padding-bottom:8px}
 #mapa-vida-terrain .club-card-top{margin-bottom:5px}
}