.economy-screen{--eco-gold:#d4b777;box-sizing:border-box;height:100%;min-height:0;width:100%;display:flex;flex-direction:column;gap:10px;padding:20px;color:#f3ebd9;background:radial-gradient(ellipse at 50% 20%,#203341,#0c1420 75%);font-family:inherit;overflow:hidden}.economy-screen *{box-sizing:border-box}.economy-screen button{cursor:pointer;background:#1c2e39;color:#f4ead7;border:1px solid #8e805e;border-radius:5px;padding:9px 14px;min-height:36px;font:inherit}.economy-screen button:disabled{opacity:.45;cursor:default}.economy-screen button:focus-visible{outline:3px solid #9be0ec;outline-offset:2px}.economy-screen h2,.economy-screen h3,.economy-screen p{margin:0}.eco-header{display:flex;align-items:center;gap:18px;flex-shrink:0;background:none;padding:0;border:0;position:static;height:auto}.eco-header h2{font-size:24px}.eco-header small{color:#bac6cc;font-size:12px}.eco-wallet{margin-left:auto;display:flex;gap:22px;color:#efce89}.eco-tabs{display:flex;align-items:center;gap:10px}.eco-tabs span{margin-left:auto;font-size:12px;color:#bac6cc}.eco-tabs button[aria-pressed=true],.economy-screen .eco-primary{background:#bda36e;color:#101925;font-weight:700}.eco-rules{font-size:12px;line-height:1.6;padding:9px 14px;background:#0004;border-left:2px solid var(--eco-gold);flex-shrink:0}.eco-pack-stage{flex:1;min-height:0;display:flex;align-items:stretch}.eco-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;flex:1;min-height:0;width:100%;align-items:stretch}.economy-screen .eco-card{padding:5px;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden;border:2px solid #788b89;background:linear-gradient(#253e43,#122328);border-radius:9px;box-shadow:0 7px 14px #0005;text-align:center}.economy-screen .eco-rare{border-color:#73b8e8;background:linear-gradient(#254259,#112333);box-shadow:0 0 12px #459ee544}.economy-screen .eco-legendary{border-color:#e6b65c;background:linear-gradient(#59432f,#281d29);box-shadow:0 0 20px #e8af6566}.eco-art{min-height:0;flex:1;position:relative;background:radial-gradient(ellipse,#52656b,#243840 75%);border-radius:5px;overflow:hidden}.eco-art img{height:100%;width:100%;object-fit:contain}.eco-art>b{position:absolute;left:3px;top:3px;background:#183047;border:1px solid #c0d8ea;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.eco-card>strong{height:38px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.35;flex-shrink:0;overflow:hidden}.eco-card>small{font-size:10px;color:#d9c28b}.eco-card-text{height:40px;line-height:1.4;overflow:hidden;font-size:11px;margin:4px 0}.eco-card footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:12px;padding:3px 0}.eco-card em{font-style:normal;color:#f8d48c}.eco-back{width:100%;height:100%;object-fit:contain}.eco-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.eco-controls>span{font-size:12px;color:#c3c9c9}.eco-status{font-size:12px;min-height:18px;flex-shrink:0;color:#f4d592}.eco-pack-intro{margin:auto;text-align:center;line-height:1.8}.eco-pack-intro>span{letter-spacing:.3em;color:#d8bd80;font-size:13px}.eco-pack-intro h3{font-size:28px;margin:15px 0}.eco-pack-intro p{color:#bbc7ce;font-size:14px}.eco-filters{display:flex;align-items:center;justify-content:space-between;font-size:12px}.eco-filters select{background:#203542;color:#fff;padding:5px;border:1px solid #899596}.eco-overlay{position:absolute;inset:0;background:#030911e8;z-index:80;display:grid;place-items:center;padding:18px}.eco-detail{width:min(850px,96%);max-height:100%;display:grid;grid-template-columns:30% 1fr;gap:22px;padding:22px;background:#182a36;border:1px solid #c7a56b;border-radius:10px;overflow:auto;font-size:14px}.eco-detail>img{width:100%;height:100%;max-height:360px;object-fit:contain;background:radial-gradient(ellipse,#52656b,#20313a)}.eco-detail>div{min-width:0}.eco-detail h3{font-size:22px;margin-bottom:10px}.eco-detail p{margin:10px 0;line-height:1.55}.eco-close{float:right}.eco-fulltext{color:#e1e8e7}.eco-detail-actions{display:flex;gap:10px;margin-top:15px}.eco-confirm{margin-top:12px;border:1px solid #d1af72;padding:12px;background:#090f16}.eco-confirm button{margin-right:8px}.economy-screen{position:relative}.eco-card:not(.eco-hidden){animation:eco-reveal .35s ease-out}@keyframes eco-reveal{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.eco-card:not(.eco-hidden){animation:none}}@media(max-height:500px){.economy-screen{padding:8px 12px;gap:5px}.eco-header{gap:10px}.eco-header h2{font-size:17px}.eco-header small{font-size:10px}.eco-wallet{font-size:12px;gap:12px}.economy-screen button{min-height:30px;padding:5px 10px;font-size:12px}.eco-tabs{gap:6px}.eco-tabs span{font-size:10px}.eco-rules{font-size:10px;line-height:1.4;padding:4px 8px}.eco-grid{gap:7px}.economy-screen .eco-card{padding:3px}.eco-card>strong{font-size:10px;height:28px}.eco-card>small{font-size:9px}.eco-card-text{height:0;margin:0;visibility:hidden}.eco-card footer{font-size:10px;gap:4px;padding:1px}.eco-art>b{width:20px;height:20px;font-size:11px}.eco-status,.eco-controls>span{font-size:10px;min-height:12px}.eco-pack-intro h3{font-size:21px;margin:5px}.eco-pack-intro p{font-size:12px}.eco-detail{padding:12px;gap:14px;font-size:12px}.eco-detail h3{font-size:18px;margin-bottom:5px}.eco-detail p{margin:6px 0}.eco-detail-actions{margin-top:8px}.eco-confirm{margin-top:8px;padding:7px}.eco-detail>img{max-height:300px}}
/* Only the newly opened card animates; saved results and earlier reveals stay still. */
.economy-screen .eco-card:not(.eco-hidden){animation:none}
.economy-screen .eco-hidden:disabled{opacity:1;background:#101c2d;border-color:#8e805e}
.economy-screen .eco-opening:not(.eco-hidden){animation:eco-turn .48s cubic-bezier(.2,.65,.25,1);transform-origin:center;backface-visibility:hidden}
.eco-opening:after{content:'';position:absolute;inset:-15%;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#efffff77 48%,transparent 70%);animation:eco-glint .56s ease-out both}
.eco-opening.eco-rare:after{background:radial-gradient(ellipse at 50% 30%,#b6e8ffff,transparent 66%);mix-blend-mode:screen;animation:eco-flare .58s ease-out both}
.eco-opening.eco-legendary:after{background:radial-gradient(ellipse at 50% 35%,#fff5c9 0%,#f5cb75bb 20%,#da924444 45%,transparent 72%);mix-blend-mode:screen;animation:eco-flare .6s ease-out both}
.economy-screen .eco-opening.eco-legendary{box-shadow:0 0 22px #ffe3a7aa,inset 0 0 12px #fbc96766}
@keyframes eco-turn{0%{transform:perspective(650px) rotateY(88deg) scale(.94);filter:brightness(1.8)}65%{transform:perspective(650px) rotateY(-5deg) scale(1.02);filter:brightness(1.15)}100%{transform:perspective(650px) rotateY(0) scale(1);filter:brightness(1)}}
@keyframes eco-glint{0%{opacity:0;transform:translateX(-65%)}30%{opacity:1}100%{opacity:0;transform:translateX(65%)}}
@keyframes eco-flare{0%{opacity:1;transform:scale(.75)}35%{opacity:.8}100%{opacity:0;transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.economy-screen .eco-opening:not(.eco-hidden),.eco-opening:after{animation:none}.eco-opening:after{display:none}}
/* Confirmation is a separate view, so actions never stack below long card rules. */
.eco-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.eco-detail-heading h3{flex:1;min-width:0}
.eco-detail-heading .eco-close{float:none;flex:none}
.eco-detail{grid-template-columns:minmax(0,26%) minmax(0,1fr);align-items:center;overflow:visible}
.eco-detail>img{height:auto;max-height:min(340px,55vh);min-height:0;align-self:center;object-fit:contain}
.eco-detail .eco-confirm{margin-top:10px}
.eco-detail .eco-detail-status{font-size:12px}
@media(max-height:500px){
 .eco-overlay{padding:10px}
 .eco-detail{width:min(850px,99%);padding:12px;gap:14px;grid-template-columns:minmax(0,23%) minmax(0,1fr);font-size:13px}
 .eco-detail>img{height:auto;max-height:230px}
 .eco-detail h3{font-size:17px;margin:0}
 .eco-detail p{margin:6px 0;line-height:1.45}
 .eco-detail small{font-size:11px}
 .eco-detail-actions{margin-top:8px}
 .eco-detail .eco-detail-status{font-size:11px;margin-bottom:0}
 .eco-detail .eco-confirm{padding:12px;margin-top:10px}
}