/* Approved option 07: small brass diamonds, beside the map below its heading. */
#scarlet-bag-v30 .game-content{position:relative}
#scarlet-bag-v30 .promotions-rail{position:absolute;z-index:5;right:5px;top:220px;width:58px;display:flex;flex-direction:column;gap:9px;padding:2px 0 5px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;background:none}
#scarlet-bag-v30 .promotions-rail::-webkit-scrollbar{display:none}
#scarlet-bag-v30 .promotions-rail[hidden]{display:none}
#scarlet-bag-v30 .promotions-rail.is-offscreen{visibility:hidden}
#scarlet-bag-v30 .promotion-marker{flex:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;min-height:0;padding:0 0 3px;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer}
#scarlet-bag-v30 .promotion-diamond{position:relative;isolation:isolate;display:grid;place-items:center;width:47px;height:47px;background:url('./assets/mission-diamond-brass-rim-v2.png') center/contain no-repeat}
#scarlet-bag-v30 .promotion-diamond::before{content:'';position:absolute;inset:10px;z-index:-1;transform:rotate(45deg);background:radial-gradient(#503254,#201321)}
#scarlet-bag-v30 .phoenix-marker .promotion-diamond::before{background:radial-gradient(#562333,#21131c)}
#scarlet-bag-v30 .promotion-marker-art{width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 0 5px #a26b8955)}
#scarlet-bag-v30 .promotion-marker-title{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#scarlet-bag-v30 .promotion-timer{min-width:52px;max-width:58px;padding:0 1px;border:1px solid #8c694c88;border-radius:2px;background:#170e18e8;font:9px/15px 'PT Sans',sans-serif;font-variant-numeric:tabular-nums;color:#e3c693;text-align:center;white-space:nowrap;box-shadow:0 2px 4px #0005}
#scarlet-bag-v30 .game:has(.overlay:not([hidden])) .promotions-rail{visibility:hidden}
#scarlet-bag-v30 .special-offer-body{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;color:#ddcbb5}
#scarlet-bag-v30 .special-offer-time{display:flex;justify-content:center;gap:10px;align-items:center;font:12px 'PT Sans',sans-serif;color:#ad987b}
#scarlet-bag-v30 .special-offer-deadline{font-variant-numeric:tabular-nums;color:#e4c890}
#scarlet-bag-v30 .special-offer-gallery{position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;min-height:110px;height:clamp(120px,24dvh,210px)}
/* Same layered purple aura as the approved offer mockup, behind the artwork. */
#scarlet-bag-v30 .special-offer-gallery::before{content:"";position:absolute;inset:-28px 8px;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#c293ec38 0%,#9852d52b 25%,#71339912 48%,transparent 71%),radial-gradient(ellipse at 50% 88%,#b980dc23,transparent 49%);mask-image:radial-gradient(ellipse at center,#000 20%,transparent 72%);animation:special-offer-breathe 9s ease-in-out infinite alternate}
#scarlet-bag-v30 .special-offer-gallery::after{content:"";position:absolute;inset:-20px 12px;z-index:-2;pointer-events:none;background:conic-gradient(from 0deg at 50% 66%,transparent 0deg,#c796f132 8deg,transparent 18deg,transparent 43deg,#b886e024 49deg,transparent 59deg,transparent 92deg,#ca9be51c 100deg,transparent 110deg,transparent 232deg,#ad70d824 242deg,transparent 255deg,transparent 287deg,#bc87eb32 298deg,transparent 310deg,transparent 329deg,#dab3ff28 338deg,transparent 351deg);mask-image:radial-gradient(ellipse at 50% 60%,#000 10%,#000b 37%,transparent 69%);filter:blur(5px);opacity:.75;animation:special-offer-rays 13s ease-in-out infinite alternate}
#scarlet-bag-v30 .special-offer-motes{position:absolute;inset:-16px 8%;z-index:-1;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%)}
#scarlet-bag-v30 .special-offer-motes i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#dec2fa;box-shadow:0 0 6px 2px #b478e66b;opacity:0;animation:special-offer-drift 8s ease-in-out infinite;animation-delay:var(--delay)}
#scarlet-bag-v30 .special-offer-motes i:nth-child(3n){width:1px;height:1px;background:#e9d3a7;box-shadow:0 0 5px 1px #d8ad7352}
@keyframes special-offer-drift{0%{opacity:0;transform:translate(0,12px)}25%{opacity:.65}70%{opacity:.35}100%{opacity:0;transform:translate(5px,-22px)}}
@keyframes special-offer-breathe{from{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1.035)}}
@keyframes special-offer-rays{from{opacity:.5;transform:rotate(-4deg)}to{opacity:.85;transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){#scarlet-bag-v30 .special-offer-gallery::before,#scarlet-bag-v30 .special-offer-gallery::after,#scarlet-bag-v30 .special-offer-motes i{animation:none}}
#scarlet-bag-v30 .special-offer-gear{background:none;border:0;padding:0;min-height:0;height:100%;width:65%;box-shadow:none;cursor:pointer}
#scarlet-bag-v30 .special-offer-gear img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 7px 8px #0009)}
#scarlet-bag-v30 .special-offer-gallery.is-set{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(150px,28dvh,240px);gap:7px}
#scarlet-bag-v30 .special-offer-gallery.is-set .special-offer-gear{width:100%}
#scarlet-bag-v30 .special-offer-item-name{margin:0;text-align:center;font-size:20px;color:#d2b2d7}
#scarlet-bag-v30 .special-offer-set-label{margin:0;text-align:center;color:#c2a4c9;font-size:12px}
#scarlet-bag-v30 .special-offer-bonuses{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #84653b6e;padding:8px 0;background:#ad833b0c}
#scarlet-bag-v30 .special-offer-bonuses section{text-align:center;min-width:0}
#scarlet-bag-v30 .special-offer-bonuses section+section{border-left:1px solid #84653b55}
#scarlet-bag-v30 .special-offer-bonuses section>span{font:11px/1.3 'PT Sans',sans-serif;color:#bcaa94}
#scarlet-bag-v30 .special-bonus-values{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:4px}
#scarlet-bag-v30 .special-bonus-values div{display:flex;gap:3px;align-items:center;flex-direction:column}
#scarlet-bag-v30 .special-bonus-values strong{font:20px/1.2 'PT Sans',sans-serif;color:#d7ba86}
#scarlet-bag-v30 .special-bonus-values span{font:11px 'PT Sans',sans-serif;color:#b8a590}
#scarlet-bag-v30 .special-offer-caption{margin:0;text-align:center;font-size:13px;color:#a99373}
#scarlet-bag-v30 .special-offer-supplies{display:flex;justify-content:space-evenly;gap:5px}
#scarlet-bag-v30 .special-offer-supply{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;max-width:92px;padding:0;background:none;border:0;box-shadow:none;cursor:pointer;color:#baa68c}
#scarlet-bag-v30 .special-offer-supply img{height:49px;width:49px;object-fit:contain}
#scarlet-bag-v30 .special-offer-supply b{position:absolute;top:28px;right:4px;color:#f1d49d;text-shadow:0 1px 3px #000;font:13px 'PT Sans',sans-serif}
#scarlet-bag-v30 .special-offer-supply span{font:10px/1.2 'PT Sans',sans-serif;text-align:center}
#scarlet-bag-v30 .sheet .special-offer-buy{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:43px;font-size:17px}
#scarlet-bag-v30 .offer-buy-label{white-space:nowrap;line-height:1.25}
#scarlet-bag-v30 .special-offer-demo{font:11px/1.3 'PT Sans',sans-serif;color:#a39078;text-align:center;margin:0}
#scarlet-bag-v30 .special-offer-detail,#scarlet-bag-v30 .special-offer-confirm{display:flex;flex-direction:column;gap:12px;text-align:center}
#scarlet-bag-v30 .special-offer-confirm{position:relative;isolation:isolate}
#scarlet-bag-v30 .special-offer-confirm h4,#scarlet-bag-v30 .special-offer-confirm p{margin:0}
#scarlet-bag-v30 .special-offer-confirm .special-offer-gear{cursor:default}
#scarlet-bag-v30 .special-offer-confirm-price{font:24px/1.2 'PT Sans',sans-serif;color:#e4c890}
#scarlet-bag-v30 .special-detail-art{width:130px;height:130px;object-fit:contain;margin:auto}
@media(max-height:700px){#scarlet-bag-v30 .special-offer-body{gap:5px}#scarlet-bag-v30 .special-offer-gallery{height:105px;min-height:100px}#scarlet-bag-v30 .special-offer-gallery.is-set{height:145px}}



#scarlet-bag-v30 .offer-cost-icon{flex:none;width:22px;height:22px;object-fit:contain;margin:0}