.demo-packs{--pack-gold:var(--site-color-coin);--pack-positive:var(--site-color-accent);--pack-negative:var(--site-color-danger);--pack-control:var(--site-color-ui-input-grid-background)}
.pack-source-panel[hidden],.pack-stage-panel[hidden]{display:none!important}
.pack-demo-header{padding-block:6px}.pack-demo-header .demo-tabs button{white-space:nowrap}
.pack-stage-tabs{display:flex;gap:6px;padding:10px 20px;border-bottom:1px solid var(--product-line)}
.pack-stage-tabs button{flex:1;min-width:0;padding:7px 10px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--site-color-demo-tabs-color);font:inherit;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer}
.pack-stage-tabs button[aria-selected=true]{border-color:var(--site-color-pack-stage-tabs-border-color);background:var(--site-color-challenge-actions-background);color:var(--site-color-challenge-actions-color-2)}
.demo-packs button:focus-visible{outline:2px solid var(--site-color-focus);outline-offset:2px}
.pack-stage-panel{min-width:0;min-height:390px;padding:20px}
.pack-view-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:13px}
.pack-view-heading>div{display:grid;gap:5px}.pack-view-heading strong{font-size:14px}.pack-view-heading>div>span{color:var(--product-sub);font-size:12px}
.pack-view-heading small{flex-shrink:0;color:var(--product-sub);font-size:10px;font-weight:400}
.pack-owned-list{display:grid}.pack-owned-row{display:grid;grid-template-columns:16px 30px minmax(0,1fr) 120px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--product-line)}
.pack-check{display:grid;place-items:center;width:14px;height:14px;border:1px solid var(--site-color-pack-check-border);border-radius:3px;background:var(--site-color-pack-check-background);color:var(--pack-positive);font-size:11px}
.pack-check svg{display:block;width:10px;height:10px}
@media(max-width:380px){.pack-store-prices dd{font-size:15px!important}}
.pack-owned-row>img{display:block;width:30px;height:44px;object-fit:contain}
.pack-owned-identity{display:grid;gap:4px;min-width:0}.pack-owned-identity>strong{font-size:12px;font-weight:600;line-height:1.5}
.pack-tradeability{font-size:11px}.pack-tradeability.is-tradeable{color:var(--pack-positive)}.pack-tradeability.is-untradeable{color:var(--pack-gold)}
.pack-owned-quantity{display:grid;gap:5px;min-width:0}.pack-owned-quantity>span{font-size:10px;color:var(--product-sub)}
.pack-owned-quantity>b{display:flex;justify-content:center;align-items:center;min-height:34px;border:1px solid var(--site-color-ui-input-grid-border);border-radius:4px;background:var(--pack-control);font-size:12px;font-weight:400}.pack-owned-quantity strong{padding-inline:16px}
.pack-routing{display:grid;gap:8px;margin-top:16px;color:var(--product-sub);font-size:11px}.pack-routing>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pack-routing>div>span{display:grid;gap:4px}.pack-routing b{color:var(--site-color-single-listing-settings-color-2);font-size:12px;font-weight:500}
.pack-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;color:var(--product-sub);font-size:11px;line-height:1.6}.pack-demo-footer>span:first-child b{color:var(--site-color-single-listing-settings-color-2)}.pack-demo-footer .ui-action{flex-shrink:0;min-width:118px;min-height:40px;padding:9px 12px;font-size:12px}
.demo-packs .ui-action{pointer-events:none}.demo-packs .pack-gold{color:var(--pack-gold)!important}.demo-packs .pack-positive{color:var(--pack-positive)!important}.demo-packs .pack-negative{color:var(--pack-negative)!important}
.pack-mini-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}.pack-mini-summary>div{min-width:0;padding:10px;border:1px solid var(--product-line);border-radius:5px;background:var(--site-color-card-info-player-background)}.pack-mini-summary dt{color:var(--product-sub);font-size:10px;line-height:1.5}.pack-mini-summary dd{margin:5px 0 0;font-size:18px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.pack-result-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:14px 0 8px;font-size:12px}.pack-result-heading>span{color:var(--product-sub);font-size:10px;text-align:right}
.pack-player-list{display:grid}.pack-player-row{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 0;border-top:1px solid var(--product-line)}
.pack-player-art{display:block;position:relative;flex:0 0 40px;width:40px;height:56px}.pack-player-native{display:block;position:relative;width:82px;height:114px;transform:scale(.48780488);transform-origin:top left}.pack-player-native>img{display:block;width:82px;height:114px}.pack-player-native .ea-card-text{font-family:YamalEACondensed,sans-serif}
.pack-player-identity{display:grid;gap:4px;min-width:0}.pack-player-identity>strong{font-size:13px}.pack-player-identity>span,.pack-player-value>span{font-size:10px;color:var(--product-sub)}.pack-player-value{display:grid;gap:4px;margin-left:auto;text-align:right;flex-shrink:0}.pack-player-value>b{color:var(--pack-gold);font-size:14px}.pack-player-value small{font-size:9px;font-weight:400}.pack-player-value>.pack-destination{color:var(--site-color-pack-player-value-color)}
.pack-view-note{margin:14px 0 0;color:var(--product-sub);font-size:11px;line-height:1.6}
.pack-outcome-list{display:grid}.pack-outcome-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:7px 0;border-top:1px solid var(--product-line);font-size:11px}.pack-outcome-list b{color:var(--site-color-pack-outcome-list-color);font-weight:500;white-space:nowrap}
.pack-store-grid{display:grid;grid-template-columns:138px minmax(0,1fr);align-items:start;gap:18px}.pack-store-art{display:block;width:138px;height:196px;object-fit:contain}.pack-store-description{min-width:0}.pack-store-description h3{margin:0 0 7px;font-size:17px;font-weight:650;line-height:1.45}.pack-store-description p{margin:9px 0 0;color:var(--product-sub);font-size:12px;line-height:1.6}.pack-store-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0}.pack-store-prices dt{font-size:10px;color:var(--product-sub)}.pack-store-prices dd{margin:5px 0 0;font-size:20px;font-weight:700}.pack-store-settings{grid-column:1/-1;margin-top:2px}.pack-payment{display:flex;min-height:41px;box-sizing:border-box;padding:3px;border:1px solid var(--site-color-ui-input-grid-border);border-radius:4px;background:var(--pack-control)}.pack-payment>span{display:grid;place-items:center;flex:1;color:var(--product-sub);font-size:12px;border-radius:3px}.pack-payment>.is-active{background:var(--site-color-challenge-actions-background);color:var(--site-color-challenge-actions-color-2)}
@media(max-width:700px){.pack-demo-header .demo-tabs button{padding-inline:9px;font-size:11px}.pack-demo-header>span{font-size:9px}.pack-stage-tabs{gap:4px;padding:9px 12px}.pack-stage-tabs button{padding:7px 5px;font-size:11px}.pack-stage-panel{padding:14px;min-height:0}.pack-view-heading{gap:8px}.pack-view-heading strong{font-size:13px}.pack-view-heading small{font-size:9px}.pack-owned-row{grid-template-columns:14px 24px minmax(0,1fr) 86px;gap:6px;padding:11px 0}.pack-owned-row>img{width:24px;height:36px}.pack-owned-quantity strong{padding-inline:10px}.pack-owned-identity>strong{font-size:11px}.pack-tradeability{font-size:10px}.pack-mini-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pack-mini-summary dd{font-size:18px}.pack-mini-summary>div{padding:9px}.pack-player-row{gap:9px}.pack-player-identity>strong{font-size:12px}.pack-player-value>b{font-size:13px}.pack-store-grid{grid-template-columns:92px minmax(0,1fr);gap:12px}.pack-store-art{width:92px;height:134px}.pack-store-description h3{font-size:14px}.pack-store-description p{font-size:11px}.pack-store-prices{gap:5px;margin-top:10px}.pack-store-prices dd{font-size:17px}.pack-store-settings strong{padding-inline:14px}.pack-demo-footer{flex-wrap:wrap;gap:10px}.pack-demo-footer .ui-action{margin-left:auto}.pack-result-heading{flex-wrap:wrap}.pack-outcome-list>div{gap:8px;font-size:10px}}