/* ShortcutGames Anniversary Giveaway homepage promo, isolated from site styles */
#sgAnniversaryPromo,.sg-promo-fallback{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#sgAnniversaryPromo{position:fixed;right:20px;bottom:100px;z-index:8992;width:min(428px,calc(100vw - 28px));max-height:calc(100dvh - 120px);overflow:auto;background:#151515;color:#fff;border:1px solid #414141;border-radius:22px;box-shadow:0 22px 65px #0005,0 5px 18px #0002;isolation:isolate;-webkit-font-smoothing:antialiased;animation:sg-promo-rise .52s cubic-bezier(.2,.8,.2,1) both}
#sgAnniversaryPromo *{box-sizing:border-box}
#sgAnniversaryPromo .sg-promo-mast{display:flex;align-items:center;justify-content:space-between;padding:18px 21px 0}
#sgAnniversaryPromo .sg-promo-eyebrow{display:flex;gap:8px;align-items:center;color:#bfbfbf;font-size:10px;letter-spacing:.14em;font-weight:850}
#sgAnniversaryPromo .sg-promo-eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:#fff}
#sgAnniversaryPromo .sg-promo-close{width:35px;height:35px;border-radius:11px;background:#303030;color:#fff;border:1px solid #484848;display:grid;place-items:center;cursor:pointer}
#sgAnniversaryPromo .sg-promo-close:hover{background:#4b4b4b}
#sgAnniversaryPromo .sg-promo-close:focus-visible,#sgAnniversaryPromo a:focus-visible{outline:3px solid white;outline-offset:3px}
#sgAnniversaryPromo .sg-promo-main{padding:10px 25px 24px}
#sgAnniversaryPromo .sg-promo-trophy{display:inline-flex;justify-content:center;align-items:center;border-radius:13px;background:#292929;border:1px solid #3c3c3c;width:53px;height:53px;margin-bottom:13px}
#sgAnniversaryPromo .sg-promo-title{font-size:clamp(32px,5vw,43px);line-height:.94;letter-spacing:-.068em;margin:0 0 15px;font-weight:880;color:#fff;text-transform:uppercase}
#sgAnniversaryPromo .sg-promo-title span{color:#a9a9a9}
#sgAnniversaryPromo .sg-promo-description{font-size:13px;line-height:1.6;color:#c2c2c2;margin:0}
#sgAnniversaryPromo .sg-promo-steps{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0 20px}
#sgAnniversaryPromo .sg-promo-steps span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:720;background:#272727;border:1px solid #3a3a3a;padding:7px 10px;border-radius:999px;color:#f2f2f2}
#sgAnniversaryPromo .sg-promo-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;color:#111!important;text-decoration:none;border-radius:12px;padding:15px 17px;font-size:13px;font-weight:850;box-shadow:0 4px 0 #8a8a8a2c}
#sgAnniversaryPromo .sg-promo-cta:hover{background:#e9e9e9}
#sgAnniversaryPromo .sg-promo-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;font-size:10px;color:#969696}
#sgAnniversaryPromo .sg-promo-footer strong{font-size:11px;color:#dedede}
.sg-promo-fallback{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:9000;width:62px;height:62px;display:flex;align-items:center;justify-content:center;border:2px solid white;border-radius:18px;background:#111;color:white;box-shadow:0 6px 24px #0004;text-decoration:none}
.sg-promo-fallback:hover{transform:translateY(-2px)}
.sg-promo-fallback svg{width:30px;height:30px}
@keyframes sg-promo-rise{from{opacity:0;transform:translate3d(0,26px,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@media(max-width:620px){#sgAnniversaryPromo{right:14px;bottom:calc(82px + env(safe-area-inset-bottom,0px));border-radius:19px}#sgAnniversaryPromo .sg-promo-main{padding:8px 19px 19px}#sgAnniversaryPromo .sg-promo-title{font-size:36px}#sgAnniversaryPromo .sg-promo-mast{padding:13px 15px 0}.sg-promo-fallback{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:16px}}
@media(max-height:660px){#sgAnniversaryPromo .sg-promo-trophy{display:none}#sgAnniversaryPromo .sg-promo-title{font-size:32px}#sgAnniversaryPromo .sg-promo-main{padding-top:7px}#sgAnniversaryPromo .sg-promo-steps{margin:11px 0}}
@media(prefers-reduced-motion:reduce){#sgAnniversaryPromo{animation:none!important}.sg-promo-fallback{transition:none!important}}

#sgAnniversaryPromo .sg-promo-eyebrow:before{display:none!important}
#sgAnniversaryPromo .sg-promo-image{position:absolute;top:49px;right:6px;width:130px;height:145px;pointer-events:none;opacity:.95;z-index:1}
#sgAnniversaryPromo .sg-promo-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 10px #0008)}
#sgAnniversaryPromo .sg-promo-title{max-width:300px;font-size:40px;position:relative;z-index:2;margin-right:40px}
#sgAnniversaryPromo .sg-promo-description{position:relative;z-index:2}
#sgAnniversaryPromo .sg-promo-steps{display:none}
#sgAnniversaryPromo .sg-promo-cta{margin-top:18px}
#sgAnniversaryPromo .sg-promo-main{padding-top:20px}
@media(max-width:620px){#sgAnniversaryPromo .sg-promo-image{right:2px;width:120px;height:136px}#sgAnniversaryPromo .sg-promo-title{font-size:35px;max-width:225px}}
@media(max-height:600px){#sgAnniversaryPromo .sg-promo-image{height:100px}}

/* Keep product render separate from the words and descriptive copy. */
#sgAnniversaryPromo .sg-promo-image{top:43px;right:8px;width:112px;height:116px}
#sgAnniversaryPromo .sg-promo-title{font-size:33px;max-width:245px;line-height:.95;margin-right:92px}
#sgAnniversaryPromo .sg-promo-main{padding-top:10px}
@media(max-width:620px){#sgAnniversaryPromo .sg-promo-image{top:39px;right:5px;width:103px;height:112px}#sgAnniversaryPromo .sg-promo-title{font-size:31px;max-width:225px;margin-right:95px}}
