/* Chest details: one readable scroll area, stable header and purchase-preview footer. */
.chest-inspect-trigger{position:absolute;inset:9% 7% 4%;z-index:8;display:block;border:0;background:none;border-radius:25px;color:#f6d7eb;cursor:pointer;outline-offset:-3px}
.chest-inspect-trigger>span{position:absolute;bottom:8px;left:50%;transform:translate(-50%,6px);padding:9px 14px;white-space:nowrap;border:1px solid #f092c572;border-radius:7px;background:#20152ce3;box-shadow:0 5px 22px #0b05176b;opacity:0;font-size:11px;transition:opacity 180ms,transform 180ms}
.chest-inspect-trigger b{color:#ff70b9;margin-left:10px}.chest-inspect-trigger:hover>span,.chest-inspect-trigger:focus-visible>span{opacity:1;transform:translate(-50%,0)}
.hero-stage.in-theatre .chest-inspect-trigger{display:none}
.dialog-backdrop:not([hidden]){animation:scrimIn 180ms ease both}.dialog-backdrop .dialog{animation:sheetIn 340ms cubic-bezier(.16,1,.3,1) both}
.dialog-backdrop.is-closing{animation:scrimOut 170ms ease forwards}.dialog-backdrop.is-closing .dialog{animation:sheetOut 170ms ease forwards}
.dialog[data-variant="chest"]{width:min(960px,100%);max-height:min(910px,calc(100dvh - 56px));border:1px solid #bb739d80;border-radius:18px;box-shadow:0 35px 110px #000c,0 0 55px #ee167a1d;background:linear-gradient(145deg,#28172ddf,#121a31f5 60%),url('neon-surface.png') center/cover}
.dialog[data-variant="chest"] .dialog-header{padding:21px 29px 19px;align-items:center;border-bottom-color:#c77cad29;background:linear-gradient(105deg,#38162a57,#121a3140)}
.dialog[data-variant="chest"] .dialog-header h2{font:italic 800 45px/1 var(--font-display);letter-spacing:.025em;margin-top:4px}
.dialog[data-variant="chest"] .dialog-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#de9cc3}
.dialog[data-variant="chest"] .dialog-close{width:42px;height:42px;border-radius:9px;background:#ffffff08}
.dialog[data-variant="chest"] .dialog-body{padding:0 29px 23px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a5578360 transparent}
.chest-sheet-hero{display:grid;grid-template-columns:245px minmax(0,1fr);gap:30px;align-items:center;padding:18px 0 15px;min-height:206px}
.chest-sheet-art{position:relative;display:grid;place-items:center;height:175px;isolation:isolate;background:radial-gradient(ellipse,color-mix(in srgb,var(--chest-accent) 15%,transparent),transparent 68%)}
.chest-sheet-art:after{content:'';position:absolute;bottom:7%;left:13%;right:13%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#a738b14d,transparent 70%);z-index:-1}
.chest-sheet-art>span{position:absolute;top:8px;left:0;right:0;text-align:center;text-transform:uppercase;font:800 italic 72px/1 var(--font-display);letter-spacing:.04em;color:#c6b6e209;-webkit-text-stroke:1px #c6b6e230;z-index:-1}
.chest-sheet-art>img{width:245px;height:175px;object-fit:contain;max-width:none;filter:drop-shadow(0 16px 13px #0407178c);animation:chestDossierArt 550ms cubic-bezier(.16,1,.3,1) both}

.chest-sheet-intro>p{font-size:12px!important;color:#bcb6cc;line-height:1.6!important;margin:9px 0 15px!important;max-width:480px}
.chest-sheet-stats{display:flex;gap:37px}.chest-sheet-stats>div{display:flex;flex-direction:column;gap:3px}.chest-sheet-stats small{font-size:10px;color:#a89bb6}.chest-sheet-stats strong{font:700 33px/1 var(--font-display);letter-spacing:.015em;color:#f5eafa}
.chest-access-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1px solid #81719c4f;border-radius:10px;padding:13px 18px;background:linear-gradient(100deg,#2a203dd6,#1429409c);box-shadow:inset 0 1px #b2a3e218}
.chest-access-strip>span{display:flex;gap:11px;align-items:center}.chest-access-strip .art-icon{width:34px;height:34px}.chest-access-strip strong,.chest-access-strip small{display:block}.chest-access-strip strong{font-size:12px;color:#e7dbea;line-height:1.4}.chest-access-strip small{font-size:10px;color:#a5a0bd;margin-top:4px}
.chest-balance-gap{font-size:11px!important;color:#ffadd0!important;margin:12px 0 0!important}
.chest-contents-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:25px}.dialog-body .chest-contents-heading h3{font:700 29px/1 var(--font-display);text-transform:uppercase;margin:0;letter-spacing:.025em}.chest-contents-heading>span{font-size:10px;color:#a497b3}
.chest-pool-meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.chest-pool-meta>span{font-size:9px;letter-spacing:.025em;padding:5px 8px;border:1px solid #7870954d;border-radius:5px;background:#27283c55;color:#b7b2cb}
.chest-rarity-bar{height:5px;border-radius:3px;overflow:hidden;display:flex;gap:2px;background:#090d21}.chest-rarity-bar>span{min-width:2px;background:var(--rarity);box-shadow:0 0 8px var(--rarity)}
.chest-rarity-legend{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 19px}.chest-rarity-legend>span{font-size:9px;color:#a89cb6;display:flex;align-items:center;gap:5px}.chest-rarity-legend i{width:4px;height:4px;border-radius:50%}.chest-rarity-legend b{font-weight:500;color:#d2c7db}
.chest-outcomes-heading{display:grid;grid-template-columns:1fr 100px 100px;gap:15px;padding:0 14px 9px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9f90ad}.chest-outcomes-heading>span:not(:first-child){text-align:right}
.chest-outcomes{border:1px solid #6252736e;border-radius:10px;overflow:hidden;background:#12182d70}
.chest-outcome{display:grid;grid-template-columns:51px minmax(0,1fr) 100px 100px;align-items:center;gap:15px;padding:9px 14px;min-height:76px;border-bottom:1px solid #67506a3b;background:linear-gradient(100deg,color-mix(in srgb,var(--rarity) 4%,transparent),transparent 50%)}
.chest-outcome:last-child{border-bottom:0}.chest-outcome:hover{background:linear-gradient(100deg,color-mix(in srgb,var(--rarity) 9%,transparent),#25203720)}
.chest-outcome-art{height:57px;display:grid;place-items:center;background:radial-gradient(ellipse,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 72%)}
.dialog-body .chest-outcome-art .atlas-art{width:26px;height:50px}.dialog-body .chest-outcome-art .atlas-digital{width:41px}.dialog-body .chest-outcome-art .atlas-stock{width:32px}
.chest-outcome-copy>span{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:var(--rarity);display:block;margin-bottom:5px}.chest-outcome-copy>strong{font-size:12px;line-height:1.5;color:#e1ddeb;font-weight:500;display:block}.chest-substitution{display:block;font-size:9px;color:#978fac;line-height:1.5;margin-top:4px}
.chest-outcome-value{font:600 26px/1 var(--font-display);letter-spacing:.005em;text-align:right;color:#f4eaf7}
.chest-outcome-odds{text-align:right}.chest-outcome-odds strong{font-size:12px;font-weight:600;color:#d8c9e7}.chest-outcome-odds small{display:block;font-size:8px;color:#9e8aaa;margin-top:5px}
.chest-table-total{display:flex;justify-content:space-between;padding:12px 13px;color:#b8a9c4;font-size:10px}.chest-table-total strong{color:#eee3f6;font-size:12px}
.dialog-body .chest-sheet-note{font-size:10px;color:#a39bb7;line-height:1.6;margin:0 0 18px}.chest-fineprint{border-top:1px solid #7d53804d;padding-top:15px}.chest-fineprint>summary{font-size:12px;font-weight:500;color:#ebafcf;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.chest-fineprint>summary:after{content:'+';font-size:18px;line-height:1}.chest-fineprint[open]>summary:after{content:'−'}
.chest-rules{display:grid;gap:18px;margin-top:20px}.chest-rules article{display:flex;gap:15px;align-items:flex-start}.chest-rules article>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #cf60a762;border-radius:8px;color:#ff92d3;background:linear-gradient(140deg,#7530524d,#29223880);font:600 17px/1 var(--font-display)}.dialog-body .chest-rules h3{font-size:20px;margin:1px 0 5px;color:#ebe0f0;letter-spacing:.02em}.dialog-body .chest-rules p{font-size:11px;margin:0;line-height:1.65}.chest-rules p strong{color:#d4cede;font-weight:600}.chest-level-note{padding:15px 18px;border:1px solid #64829b50;border-radius:9px;background:#18334536;margin-top:21px}.chest-level-note>strong{font-size:12px;color:#bdddf0}.dialog-body .chest-level-note>p{font-size:11px;margin:7px 0 0}
.dialog[data-variant="chest"] .dialog-footer{padding:17px 29px;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#2e1c31fa,#121a31fa);border-top:1px solid #b86f9a3d;box-shadow:0 -9px 30px #0d071e45}
.chest-sheet-price{flex:none}.chest-sheet-price>small{display:block;font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:#b5a2bc;margin-bottom:5px}.chest-sheet-price>strong{font:700 32px/1 var(--font-display);color:#fff}.chest-sheet-price>strong>span{font:400 10px/1 var(--font-ui);color:#a59ab5;margin-left:4px}
.chest-sheet-open{min-width:245px;padding:11px 16px;min-height:54px;text-align:left;gap:10px}.chest-sheet-open>span{font-size:13px;font-weight:700;line-height:1.25}.chest-sheet-open small{display:block;font-size:9px;font-weight:400;color:#ffdeee;margin-top:4px}.chest-sheet-open>b{margin-left:auto;font-size:17px}.chest-sheet-open .art-icon{width:29px;height:29px}
@keyframes scrimIn{from{background-color:#03081100}to{background-color:#030811cf}}
@keyframes scrimOut{to{opacity:0}}
@keyframes sheetIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sheetOut{to{opacity:0;transform:translateY(9px) scale(.99)}}
@keyframes chestDossierArt{from{opacity:.45;transform:translateY(7px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(max-width:680px){.chest-inspect-trigger>span{font-size:9px;padding:7px 10px;bottom:1px}.dialog-backdrop:has(.dialog[data-variant="chest"]){padding:0;align-items:flex-end}.dialog[data-variant="chest"]{width:100%;max-height:calc(100dvh - 30px);border-radius:18px 18px 0 0}.dialog[data-variant="chest"] .dialog-header{padding:17px 19px 14px}.dialog[data-variant="chest"] .dialog-header h2{font-size:35px}.dialog[data-variant="chest"] .dialog-kicker{font-size:8px}.dialog[data-variant="chest"] .dialog-close{width:39px;height:39px}.dialog[data-variant="chest"] .dialog-body{padding:0 18px 19px}.chest-sheet-hero{grid-template-columns:118px minmax(0,1fr);gap:14px;min-height:157px;padding:15px 0}.chest-sheet-art{height:125px}.chest-sheet-art>img{width:118px;height:118px;max-width:100%}.chest-sheet-art>span{font-size:42px;top:12px}.chest-sheet-intro>p{font-size:10px!important;line-height:1.5!important;margin:7px 0 11px!important}.chest-sheet-stats{gap:23px}.chest-sheet-stats small{font-size:8px}.chest-sheet-stats strong{font-size:26px}.chest-access-strip{padding:12px 10px;gap:9px}.chest-access-strip>span{gap:7px}.chest-access-strip .art-icon{width:26px;height:26px}.chest-access-strip strong{font-size:10px}.chest-access-strip small{font-size:8px;line-height:1.45}.chest-contents-heading{margin-top:22px;display:block}.dialog-body .chest-contents-heading h3{font-size:26px}.chest-contents-heading>span{display:block;font-size:9px;margin-top:5px}.chest-pool-meta{margin:10px 0}.chest-pool-meta>span{font-size:8px;padding:5px 6px}.chest-rarity-legend{gap:7px 10px;margin:9px 0 17px}.chest-rarity-legend>span{font-size:8px}.chest-outcomes-heading{grid-template-columns:1fr 47px 62px;gap:8px;padding:0 9px 8px;font-size:8px}.chest-outcome{grid-template-columns:31px minmax(0,1fr) 47px 62px;gap:8px;padding:10px 9px;min-height:75px}.chest-outcome-art{height:43px}.dialog-body .chest-outcome-art .atlas-art{height:42px;width:22px}.dialog-body .chest-outcome-art .atlas-digital{width:33px}.dialog-body .chest-outcome-art .atlas-stock{width:26px}.chest-outcome-copy>span{font-size:7px;letter-spacing:.02em;line-height:1.4;margin-bottom:4px}.chest-outcome-copy>strong{font-size:10px;line-height:1.45}.chest-substitution{font-size:8px;line-height:1.4}.chest-outcome-value{font-size:21px}.chest-outcome-odds strong{font-size:10px}.chest-outcome-odds small{font-size:7px}.dialog-body .chest-sheet-note{font-size:9px}.dialog[data-variant="chest"] .dialog-footer{padding:13px 18px calc(14px + env(safe-area-inset-bottom));gap:15px;flex-direction:row;align-items:center}.chest-sheet-price>small{font-size:8px;max-width:85px;line-height:1.4}.chest-sheet-price>strong{font-size:30px}.chest-sheet-price>strong>span{font-size:9px}.chest-sheet-open{min-width:0;min-height:53px;flex:1;padding:10px;gap:7px}.chest-sheet-open>span{font-size:11px}.chest-sheet-open small{font-size:8px}.chest-sheet-open .art-icon{width:24px;height:24px}.chest-sheet-open>b{font-size:14px}.dialog[data-variant="chest"]{animation-name:mobileSheetIn}.dialog-backdrop.is-closing .dialog[data-variant="chest"]{animation-name:mobileSheetOut}}
@keyframes mobileSheetIn{from{opacity:.5;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@keyframes mobileSheetOut{to{opacity:0;transform:translateY(20px)}}
@media(min-width:681px) and (max-height:820px){
.dialog[data-variant="chest"] .dialog-header{padding:14px 29px 12px}.dialog[data-variant="chest"] .dialog-header h2{font-size:36px}
.chest-sheet-hero{grid-template-columns:178px minmax(0,1fr);min-height:135px;gap:24px;padding:10px 0}.chest-sheet-art{height:115px}.chest-sheet-art>img{width:178px;height:115px}.chest-sheet-art>span{font-size:52px;top:1px}
.chest-sheet-intro>p{margin:5px 0 8px!important;max-width:none;line-height:1.4!important}.chest-sheet-stats strong{font-size:26px}.chest-sheet-stats{gap:30px}.chest-sheet-stats small{font-size:9px}
.chest-access-strip{padding:9px 15px}.chest-access-strip .art-icon{width:29px;height:29px}.chest-contents-heading{margin-top:17px}.chest-pool-meta{margin:8px 0}.chest-rarity-legend{margin:8px 0 12px}
.chest-outcome{min-height:65px;padding:6px 14px}.chest-outcome-art{height:50px}.dialog[data-variant="chest"] .dialog-footer{padding:12px 29px}
}
@media(max-width:680px){
.chest-access-strip strong{font-size:11px}.chest-access-strip small{font-size:10px;line-height:1.45}.chest-access-strip>span{align-items:flex-start}.chest-access-strip .art-icon{margin-top:3px}
.chest-contents-heading>span{font-size:11px}.chest-pool-meta>span{font-size:10px}.chest-rarity-legend{gap:8px 12px}.chest-rarity-legend>span{font-size:10px}.chest-outcomes-heading{font-size:10px}
.chest-outcome-copy>span{font-size:9px}.chest-outcome-copy>strong{font-size:11px}.chest-outcome-odds strong{font-size:11px}.chest-outcome-odds small{font-size:9px}.chest-substitution{font-size:10px}.dialog-body .chest-sheet-note{font-size:11px}.chest-sheet-intro>p{font-size:11px!important}.chest-sheet-stats small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.dialog-backdrop,.dialog-backdrop .dialog,.chest-sheet-art>img{animation:none!important}.chest-inspect-trigger>span{transition:none}}
