.ss-promo-modal[hidden]{display:none!important}
.ss-promo-modal{position:fixed;inset:0;z-index:2147483200;display:grid;place-items:center;padding:12px;font-family:inherit}
.ss-promo-backdrop{position:absolute;inset:0;background:rgba(2,4,8,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ssBannerFade .18s ease both}
.ss-promo-card{position:relative;width:min(900px,calc(100vw - 24px));overflow:hidden;border:1px solid rgba(239,189,61,.58);border-radius:18px;background:#08090c;box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 34px rgba(226,168,34,.13);animation:ssBannerPop .25s cubic-bezier(.2,.8,.2,1) both}
.ss-promo-banner{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#08090c}
.ss-promo-close{position:absolute;top:10px;right:10px;z-index:3;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(0,0,0,.68);color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.35)}
.ss-promo-close:hover{color:#ffd861;border-color:rgba(255,215,91,.62);transform:scale(1.04)}
body.ss-promo-open{overflow:hidden}
@keyframes ssBannerFade{from{opacity:0}to{opacity:1}}
@keyframes ssBannerPop{from{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:none}}
@media(max-width:520px){.ss-promo-modal{padding:8px}.ss-promo-card{width:calc(100vw - 16px);border-radius:14px}.ss-promo-close{top:7px;right:7px;width:34px;height:34px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.ss-promo-card,.ss-promo-backdrop{animation:none!important}}

/* === SILVER STORE · MARCO MAESTRO V2 (SVG) === */
.ss-promo-card{
  border:0;
  border-radius:18px;
  background:#08090c;
  box-shadow:0 30px 100px rgba(0,0,0,.78),0 0 34px rgba(226,168,34,.13),0 0 70px rgba(110,52,255,.06);
  isolation:isolate;
}
.ss-promo-banner{position:relative;z-index:1;border-radius:16px}
.ss-master-frame-svg{
  position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none;overflow:visible;
}
.ss-frame-shadow{fill:none;stroke:rgba(0,0,0,.68);stroke-width:18;vector-effect:non-scaling-stroke}
.ss-frame-outer{fill:none;stroke:url(#ssGold);stroke-width:4;vector-effect:non-scaling-stroke;filter:url(#ssGlow)}
.ss-frame-inner{fill:none;stroke:url(#ssSilver);stroke-width:1.4;vector-effect:non-scaling-stroke;opacity:.58}
.ss-corner-gold{fill:url(#ssGold);filter:url(#ssGlow);opacity:.98}
.ss-corner-silver{fill:url(#ssSilver);opacity:.82}
.ss-corner-line{fill:none;stroke:#f2c85e;stroke-width:4;vector-effect:non-scaling-stroke;opacity:.9;filter:url(#ssGlow)}
.ss-corner-line.purple{stroke:#8a45ff;stroke-width:3;filter:url(#ssGlowPurple);opacity:.8}
.ss-gems polygon{fill:url(#ssPurple);stroke:rgba(255,243,255,.72);stroke-width:1.5;vector-effect:non-scaling-stroke;filter:url(#ssGlowPurple)}
.ss-edge-gold{fill:none;stroke:#e4b247;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.72;filter:url(#ssGlow)}
.ss-edge-silver{fill:none;stroke:#dfe2e7;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.38}
.ss-frame-runner{fill:none;stroke:url(#ssPurple);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:115 3400;filter:url(#ssGlowPurple);opacity:.9;animation:ssFrameRunner 5.2s linear infinite}
.ss-promo-close{z-index:9;border-color:rgba(255,220,120,.46);background:rgba(7,8,10,.8);box-shadow:0 5px 18px rgba(0,0,0,.45),0 0 12px rgba(127,62,255,.14)}
@keyframes ssFrameRunner{to{stroke-dashoffset:-3515}}
@media(max-width:520px){.ss-promo-card{border-radius:14px}.ss-promo-banner{border-radius:12px}.ss-frame-runner{stroke-width:2.4}}
@media(prefers-reduced-motion:reduce){.ss-frame-runner{animation:none;stroke-dasharray:none;opacity:.28}}