#scarlet-bag-v30 .phoenix-event{display:flex;flex-direction:column;height:min(690px,calc(100dvh - 150px));min-height:430px;gap:8px;isolation:isolate;color:#e8d7bd;font-family:'PT Sans',sans-serif}
#scarlet-bag-v30 .phoenix-event p,#scarlet-bag-v30 .phoenix-event h2{margin:0}
#scarlet-bag-v30 .phoenix-meta{display:flex;align-items:center;gap:10px;color:#ad9883;font-size:12px}
#scarlet-bag-v30 .phoenix-meta>span{flex:1}
#scarlet-bag-v30 .phoenix-link{background:none;border:0;box-shadow:none;min-height:28px;padding:0;color:#cbb28c;font:12px 'PT Sans',sans-serif}

#scarlet-bag-v30 .phoenix-reward-path{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:4px}
#scarlet-bag-v30 .phoenix-reward{background:none;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;color:#b5a28c;font:11px 'PT Sans',sans-serif;min-height:0}
#scarlet-bag-v30 .phoenix-reward-art{display:block;position:relative;width:64px;height:62px;border:1px solid #6b5153;background:radial-gradient(ellipse,#48314545,#120b1044)}
#scarlet-bag-v30 .phoenix-reward-art img{height:100%;width:100%;object-fit:contain;padding:3px}
#scarlet-bag-v30 .phoenix-reward-state{position:absolute;right:-4px;bottom:-4px;padding:1px 4px;min-width:19px;background:#271820;border:1px solid #715c43;color:#c9b28d;font:11px 'Vollkorn',serif}
#scarlet-bag-v30 .phoenix-path-line{height:1px;width:24px;background:linear-gradient(90deg,#715533,#9a7951,#715533);margin-bottom:16px}
#scarlet-bag-v30 .phoenix-progress-caption{display:flex;justify-content:space-between;align-items:center;color:#bba68d;font-size:11px;margin:2px 0 5px}
#scarlet-bag-v30 .phoenix-progress-caption strong{font:16px 'PT Sans',sans-serif;color:#e7cfaa}
#scarlet-bag-v30 .phoenix-progress-track{height:7px;background:#0b090e;border:1px solid #735234;border-radius:8px;overflow:hidden}
#scarlet-bag-v30 .phoenix-progress-track>div{height:100%;width:0;background:linear-gradient(90deg,#8e262e,#d4a866);transition:width .5s}
#scarlet-bag-v30 .phoenix-hero{position:relative;isolation:isolate;flex:1 1 0;min-height:125px;background:none;border:0;box-shadow:none;padding:0 0 2px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;overflow:visible}
#scarlet-bag-v30 .phoenix-feather{position:absolute;inset:0 14% 45px;width:72%;height:calc(100% - 43px);object-fit:contain;z-index:1}
#scarlet-bag-v30 .phoenix-hero-type{position:relative;z-index:2;font-size:10px;color:#dc7e82;letter-spacing:.7px}
#scarlet-bag-v30 .phoenix-hero h2{position:relative;z-index:2;font:24px/1.25 'Vollkorn',serif;color:#f2b2a0;text-shadow:0 0 18px #c52d3c33}
#scarlet-bag-v30 .phoenix-aura{position:absolute;inset:0 0 40px;z-index:-2;background:radial-gradient(ellipse at 50% 49%,#f4544933,#c0203b3b 24%,#8d10232b 44%,transparent 70%);animation:phoenix-event-breath 8s ease-in-out infinite alternate}
#scarlet-bag-v30 .phoenix-seal{position:absolute;inset:0 1% 43px;width:98%;height:calc(100% - 43px);z-index:-1;pointer-events:none;object-fit:contain;filter:drop-shadow(0 0 4px #b8243a44)}
#scarlet-bag-v30 .phoenix-embers{position:absolute;inset:5% 4% 48px;pointer-events:none;mask-image:linear-gradient(transparent,#000 16%,#000 85%,transparent)}
#scarlet-bag-v30 .phoenix-embers i{position:absolute;left:var(--x);top:var(--y);height:2px;width:2px;background:#f6ac85;box-shadow:0 0 5px 2px #e43e4470;border-radius:50%;animation:phoenix-event-ember 7s ease-in-out infinite;animation-delay:var(--delay)}
#scarlet-bag-v30 .phoenix-footer{display:flex;flex-direction:column;gap:7px;flex:none}
#scarlet-bag-v30 .phoenix-footer>.action{margin:0}
#scarlet-bag-v30 .phoenix-balance{display:flex;align-items:center;gap:8px;font-size:12px;color:#c6af93}
#scarlet-bag-v30 .phoenix-balance img{width:25px;height:27px;object-fit:contain}
#scarlet-bag-v30 .phoenix-balance>span{flex:1}
#scarlet-bag-v30 .phoenix-attempt-picker{display:flex;align-items:center;gap:5px;font-size:11px;color:#b49d83}
#scarlet-bag-v30 .phoenix-attempt-picker>span{flex:1}
#scarlet-bag-v30 .phoenix-attempt-picker button{height:28px;min-height:0;min-width:57px;padding:3px 12px;border:1px solid #76533e;background:#140b1155;color:#ab9075;font:15px 'Vollkorn',serif;box-shadow:none}
#scarlet-bag-v30 .phoenix-attempt-picker button[aria-pressed=true]{color:#f1d5a0;border-color:#c29452;background:linear-gradient(#60352b77,#351b2255)}
#scarlet-bag-v30 .phoenix-copy{display:flex;flex-direction:column;gap:12px;font:14px/1.5 'PT Sans',sans-serif}
#scarlet-bag-v30 .phoenix-copy p,#scarlet-bag-v30 .phoenix-copy h4{margin:0}
/* Active secondary actions keep the event's wine-and-brass palette. */
#scarlet-bag-v30 :is(.phoenix-copy,.phoenix-event) .action.secondary:not(:disabled){--button-art:var(--art-button);color:#dfcbaa}
#scarlet-bag-v30 :is(.phoenix-copy,.phoenix-event) .action.secondary:not(:disabled)::before{filter:none}
#scarlet-bag-v30 :is(.phoenix-copy,.phoenix-event) .action.secondary:not(:disabled):is(:hover,:focus-visible)::before{filter:brightness(1.08)}
#scarlet-bag-v30 .phoenix-detail-art{height:min(220px,32dvh);width:100%;object-fit:contain;background:radial-gradient(ellipse,#b8253930,transparent 67%)}
#scarlet-bag-v30 .phoenix-reward-row{display:flex;gap:15px;align-items:center;padding:5px;background:#140b1155;border:1px solid #735234;box-shadow:none;text-align:left}
#scarlet-bag-v30 .phoenix-reward-row img{width:55px;height:60px;object-fit:contain}

@keyframes phoenix-event-breath{from{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
@keyframes phoenix-event-ember{0%{opacity:0;transform:translate(0,12px)}25%{opacity:.7}75%{opacity:.35}100%{opacity:0;transform:translate(8px,-24px)}}
@media(prefers-reduced-motion:reduce){#scarlet-bag-v30 .phoenix-aura,#scarlet-bag-v30 .phoenix-embers i{animation:none}}
@media(max-height:700px){#scarlet-bag-v30 .phoenix-event{gap:5px}#scarlet-bag-v30 .phoenix-reward-art{height:50px;width:54px}}
/* Independent aether goods use the same event artwork, without a reward ladder. */
#scarlet-bag-v30 .phoenix-reward-path>.phoenix-reward{flex:1 1 0;min-width:0;text-align:center;max-width:130px}
#scarlet-bag-v30 .phoenix-reward>span:not(.phoenix-reward-art){min-height:30px;line-height:1.3}
#scarlet-bag-v30 .phoenix-reward>strong,#scarlet-bag-v30 .phoenix-hero>strong{font:16px/1.3 'PT Sans',sans-serif;color:#e0c48e;white-space:nowrap}
#scarlet-bag-v30 .phoenix-reward-state:empty{display:none}
#scarlet-bag-v30 .phoenix-hero>strong{position:relative;z-index:2}
#scarlet-bag-v30 .phoenix-feather{bottom:65px;height:calc(100% - 63px)}
/* Attempt flow: compact sequential rewards, two independent guarantee bars. */
#scarlet-bag-v30 .phoenix-reward-path>.phoenix-reward{flex:0 1 85px}
#scarlet-bag-v30 .phoenix-reward>span:not(.phoenix-reward-art){min-height:15px}
#scarlet-bag-v30 .phoenix-reward.locked .phoenix-reward-art{opacity:.55}
#scarlet-bag-v30 .phoenix-reward.current .phoenix-reward-art{border-color:#c39a63;box-shadow:0 0 12px #ce6f4233}
#scarlet-bag-v30 .phoenix-reward.obtained .phoenix-reward-art img{opacity:.65}
#scarlet-bag-v30 .phoenix-feather{bottom:45px;height:calc(100% - 43px)}
#scarlet-bag-v30 .phoenix-balance>strong{font:16px 'PT Sans',sans-serif;color:#e7cfaa}
#scarlet-bag-v30 .phoenix-add{width:28px;height:28px;min-height:0;padding:0;border:1px solid #927049;background:#211117;color:#e2c18c;font:20px/1 'PT Sans',sans-serif;box-shadow:none}
#scarlet-bag-v30 .old-roads-event .phoenix-aura{background:radial-gradient(ellipse at 47% 52%,#c5a45f30,transparent 66%)}
#scarlet-bag-v30 .old-roads-event .phoenix-seal{inset:0 0 55px;width:100%;height:calc(100% - 55px);filter:none}
#scarlet-bag-v30 .old-roads-event .phoenix-embers{display:none}
#scarlet-bag-v30 .old-roads-event .phoenix-hero h2{font-size:23px;color:#ebd1a1;text-shadow:none}
#scarlet-bag-v30 .old-roads-event .phoenix-hero-type{color:#b69d73}
#scarlet-bag-v30 .old-roads-event .phoenix-progress-track>div{background:linear-gradient(90deg,#675037,#aa8750,#d2b779)}
#scarlet-bag-v30 .old-roads-event .phoenix-reward-art{background:radial-gradient(ellipse,#695b3a29,#100a1040)}
#scarlet-bag-v30 .event-reward-overlay{z-index:110;background:#09060b80;padding:18px;backdrop-filter:none}
#scarlet-bag-v30 .event-reward-overlay .sheet{width:100%;max-width:390px;max-height:calc(100% - 40px);box-shadow:0 12px 45px #0009}
#scarlet-bag-v30 .event-amount{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;vertical-align:middle;font-variant-numeric:lining-nums tabular-nums}
#scarlet-bag-v30 .event-currency-icon{width:26px;height:29px;object-fit:contain;flex:none}
#scarlet-bag-v30 .event-amount-line{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
#scarlet-bag-v30 .phoenix-copy .button.event-pack-button{display:flex;align-items:center;justify-content:center;gap:18px}
#scarlet-bag-v30 .event-pack-separator{font-size:13px;color:#bba58a}
#scarlet-bag-v30 .event-stock-row{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid #b38e4830}
#scarlet-bag-v30 .event-stock-icon{width:42px;height:46px;object-fit:contain;flex:none}
#scarlet-bag-v30 .event-stock-row strong{font-weight:400;font-size:15px}
#scarlet-bag-v30 .event-stock-row small{display:block;color:#bca481;margin-top:3px;font-variant-numeric:lining-nums tabular-nums}
#scarlet-bag-v30 .event-stock-row.exhausted{opacity:.4}

/* Compact reward cabinet: brass edges, warm text and item-sized artwork. */
#scarlet-bag-v30 .event-rewards-catalog{gap:7px}
#scarlet-bag-v30 .event-rewards-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#d3b47a;font:17px/1.3 'Vollkorn',serif}
#scarlet-bag-v30 .event-rewards-heading h4{font:inherit}
#scarlet-bag-v30 .event-rewards-heading>span{font:13px 'PT Sans',sans-serif;white-space:nowrap;color:#c7b290}
#scarlet-bag-v30 .event-featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#scarlet-bag-v30 .event-featured-card{display:flex;align-items:center;gap:5px;min-width:0;min-height:62px;padding:4px;border:1px solid #9a764755;background:radial-gradient(ellipse at 20% 50%,#774c742e,transparent 80%),#27111755;box-shadow:inset 0 0 14px #b98b3820;text-align:left;color:#ead8b8}
#scarlet-bag-v30 .event-featured-art{width:38px;height:48px;object-fit:contain;flex:none}
#scarlet-bag-v30 .event-featured-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
#scarlet-bag-v30 .event-featured-copy strong{font:12px/1.15 'Vollkorn',serif;overflow-wrap:anywhere}
#scarlet-bag-v30 .event-featured-copy small{font:11px/1.2 'PT Sans',sans-serif;color:#cfb584}
#scarlet-bag-v30 .event-stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#scarlet-bag-v30 .event-stock-card{display:flex;flex-direction:column;align-items:center;min-width:0;gap:2px;padding:4px 3px;border:1px solid #a180463b;background:radial-gradient(ellipse at 50% 30%,#a87e3320,transparent 75%),#1d101555;box-shadow:none;color:#e1ceb0;text-align:center}
#scarlet-bag-v30 .event-stock-art{position:relative;display:block;width:48px;height:36px}
#scarlet-bag-v30 .event-stock-icon{width:100%;height:100%;object-fit:contain}
#scarlet-bag-v30 .event-stock-name{font:12px/1.15 'PT Sans',sans-serif;min-height:28px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}
#scarlet-bag-v30 .event-stock-count{font:13px/1.2 'PT Sans',sans-serif;color:#eed09b;white-space:nowrap}
#scarlet-bag-v30 .event-stock-chance{font:11px/1.2 'PT Sans',sans-serif;color:#bda88a}
#scarlet-bag-v30 .event-stock-quantity{position:absolute;bottom:0;right:-4px;font:12px 'PT Sans',sans-serif;color:#f4deb4;text-shadow:0 1px 3px #000,0 0 4px #000}
#scarlet-bag-v30 :is(.event-stock-card,.event-featured-card).is-collected{border-color:#bb9d5655}
#scarlet-bag-v30 :is(.event-stock-card,.event-featured-card).is-collected img{opacity:.45;filter:saturate(.4)}
#scarlet-bag-v30 :is(.event-stock-card,.event-featured-card):is(:hover,:focus-visible){border-color:#dbb775;background-color:#59332555}
#scarlet-bag-v30 .event-rewards-note{font-size:11px;line-height:1.4;color:#b8a58d}

#scarlet-bag-v30 .event-featured-image{flex:none;display:grid;place-items:center}
#scarlet-bag-v30 .event-stock-meta{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:4px}
#scarlet-bag-v30 .event-stock-count{font-size:11px}
#scarlet-bag-v30 .event-stock-chance{white-space:nowrap}
#scarlet-bag-v30 .event-stock-meta .event-stock-chance::before{content:'·';margin-right:4px;color:#927b5c}
#scarlet-bag-v30 .event-rewards-catalog>.action{min-height:36px;padding-block:6px;font-size:15px}
#scarlet-bag-v30 .reward-detail-art{display:grid;place-items:center;width:140px;height:140px;margin:auto}
#scarlet-bag-v30 .reward-detail-art .phoenix-detail-art{width:100%;height:100%;object-fit:contain}

/* Keep the frame and close button still; the event body owns one inset scroll. */
#scarlet-bag-v30 .overlay.floating .sheet:has(>.sheet-content>:is(.phoenix-copy,.phoenix-event)){display:flex;flex-direction:column;min-height:0;overflow:hidden}
#scarlet-bag-v30 .sheet:has(>.sheet-content>:is(.phoenix-copy,.phoenix-event))>.sheet-head{flex:none;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #98764255}
#scarlet-bag-v30 .sheet:has(>.sheet-content>:is(.phoenix-copy,.phoenix-event))>.sheet-content{min-height:0;overflow-x:hidden;overflow-y:auto;padding:5px 8px 6px 3px;overscroll-behavior:contain;touch-action:pan-y;scroll-padding-block:10px}
#scarlet-bag-v30 .event-item-detail{gap:9px}
#scarlet-bag-v30 .event-item-detail .reward-detail-art{width:116px;height:116px;margin:3px auto 5px;flex:none}
#scarlet-bag-v30 .event-item-detail .item-stats{margin:5px 0}
#scarlet-bag-v30 .event-item-detail .equipment-set-details{margin-top:6px;padding-top:9px}
#scarlet-bag-v30 .event-item-detail .set-tier-bonuses{padding-block:9px}

@media(max-width:350px){
 #scarlet-bag-v30 .event-stock-meta{gap:3px}
 #scarlet-bag-v30 .event-stock-meta :is(.event-stock-count,.event-stock-chance){font-size:10px}
 #scarlet-bag-v30 .event-stock-meta .event-stock-chance::before{margin-right:3px}
 #scarlet-bag-v30 .event-rewards-catalog{gap:6px}
 #scarlet-bag-v30 .event-stock-grid{gap:5px}
}

/* A compact claim sits beside the path, with the same currency artwork. */
#scarlet-bag-v30 .event-daily-signs{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #a080484d;background:radial-gradient(ellipse at left,#a9782f20,transparent 80%),#1d101555}
#scarlet-bag-v30 .event-daily-copy{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 8px;min-width:0}
#scarlet-bag-v30 .event-daily-copy>strong{font:14px/1.2 'Vollkorn',serif;color:#e2c592}
#scarlet-bag-v30 .event-daily-copy>small{grid-column:1/-1;font:11px/1.3 'PT Sans',sans-serif;color:#baa88d}
#scarlet-bag-v30 .event-daily-copy .event-amount{gap:3px;font-size:15px}
#scarlet-bag-v30 .event-daily-copy .event-currency-icon{width:22px;height:24px}
#scarlet-bag-v30 .event-daily-signs>.action{width:auto;min-width:92px;min-height:36px;margin:0;padding:6px 10px;font-size:14px;flex:none}
#scarlet-bag-v30 .event-daily-dot{position:absolute;right:4px;top:4px;z-index:3;width:8px;height:8px;border:1px solid #ffe0a1;border-radius:50%;background:#e9b45d;box-shadow:0 0 7px #efb44599}
#scarlet-bag-v30 .event-stage-unlock{display:block;color:#d7b77e;font:12px/1.4 'PT Sans',sans-serif;margin:4px 0}
#scarlet-bag-v30 .event-stage-prizes{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:4px;margin:3px 0 0;font-size:10px}
#scarlet-bag-v30 .event-stage-prizes .art-icon{width:14px;height:16px}
#scarlet-bag-v30 .event-stage-prizes>span{gap:2px;white-space:nowrap}
@media(max-width:360px){#scarlet-bag-v30 .event-daily-copy{grid-template-columns:1fr}#scarlet-bag-v30 .event-daily-copy>small{grid-column:1}}