.tackle-toolbar{display:flex;gap:12px;margin:0 0 14px}.tackle-layout{display:grid;grid-template-columns:1fr 290px;gap:20px}.tackle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,180px);gap:12px}.tackle-card{display:grid;grid-template-columns:44% 56%;text-align:left;padding:0;overflow:hidden;background:#03070d;border:2px solid var(--rarity);color:#fff;border-radius:6px;min-width:0}.tackle-card.locked{opacity:.7;cursor:default!important}.tackle-card>div:last-child{padding:12px 9px 8px 0;min-width:0}.tackle-card small{color:var(--rarity);font-size:12px;font-weight:900}.tackle-card b{display:block;font-size:19px;line-height:1.12;margin:7px 0}.tackle-card span{font-size:11px;font-weight:900}.tackle-card .tackle-stats{display:flex;gap:9px;margin:5px 0}.tackle-card .tackle-stats span{font-size:10px;color:#c1d5e5}.tackle-card .tackle-stats b{font-size:18px;margin:4px 0;color:white}.catalogue-product-art{background-image:url('assets/tackle-atlas-v15.png');background-size:400% 300%;background-repeat:no-repeat;aspect-ratio:384/341;align-self:center;width:100%}.tackle-order{background:#020408;border:2px solid #ffdf00;border-radius:5px;padding:15px 18px;display:flex;flex-direction:column;gap:10px}.tackle-order>p{margin:0;font-size:15px;line-height:1.35}.tackle-order>strong{font-size:42px;color:#ffe000;line-height:1}.tackle-odds{display:grid;gap:5px;font-size:13px;font-weight:800}.tackle-odds span{display:flex;justify-content:space-between}.tackle-order>small{font-size:12px;line-height:1.3;color:#c8deed}.tackle-bottom{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:15px}.tackle-bottom button{font-size:14px}.tackle-note{font-size:15px;text-align:center;color:#bad2e5}.parcel-scene{text-align:center}.parcel-scene>h2{font-size:40px;font-style:italic;margin:0 0 12px;color:var(--rarity,#ffe000)}.parcel-scene .arcade-kicker{margin-bottom:10px}.sealed-parcel{width:600px;height:300px;margin:20px auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;border:7px double #ffdf00;background:linear-gradient(90deg,#030d19 45%,#176ab2 45%,#176ab2 55%,#030d19 55%);box-shadow:0 15px 0 #000}.sealed-parcel span{letter-spacing:8px;font-size:18px;background:#000;padding:6px 12px}.sealed-parcel b{font-size:42px;font-style:italic;background:#030810;padding:12px 25px}.sealed-parcel small{font-size:14px;background:#000;padding:8px}.parcel-result{display:grid;grid-template-columns:460px 540px;justify-content:center;align-items:center;gap:55px;min-height:380px}.parcel-product{position:relative;border:3px solid var(--rarity);border-radius:12px;box-shadow:0 0 60px color-mix(in srgb,var(--rarity) 32%,transparent);overflow:hidden}.parcel-product .catalogue-product-art{width:100%}.parcel-seal{position:absolute;bottom:0;left:0;right:0;background:#000e;padding:12px;color:var(--rarity);font-weight:1000;letter-spacing:5px}.parcel-details{text-align:left}.parcel-details h3{font-size:46px;font-style:italic;line-height:1.07;color:var(--rarity);margin:10px 0 25px}.parcel-details p{font-size:18px;line-height:1.4}.parcel-details .tackle-stats{display:flex;gap:30px}.parcel-details .tackle-stats span{font-size:15px;color:#bed9e9}.parcel-details .tackle-stats b{display:block;font-size:45px;color:white;margin-top:10px}.opened .parcel-product{animation:parcel-arrive .65s cubic-bezier(.18,.8,.2,1) both}.opened .parcel-details{animation:parcel-details .5s .2s both}@keyframes parcel-arrive{from{transform:translateY(40px) scale(.8);opacity:0}to{transform:none;opacity:1}}@keyframes parcel-details{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}.reduced-motion .parcel-product,.reduced-motion .parcel-details{animation:none!important}#cabinet-stage .tackle-order button:disabled{opacity:.5}#cabinet-stage[data-scene="TACKLE"] .screen-heading{height:100px}
.tackle-card .catalogue-product-art,.parcel-product .catalogue-product-art{height:auto;padding:0;margin:0;border:0;min-height:0;background-color:transparent}.tackle-card.owned{background:#03070d!important;border:2px solid var(--rarity)}
.legendary-product-art{background-image:url('assets/legendary-tackle-atlas-v16.png');background-size:300% 300%;aspect-ratio:1}
.legendary-parcel .parcel-product{width:400px;justify-self:center;border-color:#ff8000;box-shadow:0 0 35px #ff80005c,inset 0 0 12px #ffcf0050}
.legendary-parcel.opened .parcel-product:after{content:'';position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(120deg,transparent 35%,#fff8 47%,#ffdf0088 50%,#06baff77 53%,transparent 65%);transform:translateX(-120%);animation:legendary-glint 1.2s .2s ease-out both}
@keyframes legendary-glint{to{transform:translateX(120%)}}
.rumble-status{display:block;min-height:2.8em;font-size:12px;line-height:1.4;color:#c6e3ff}
.controller-diagnostic,.controller-live{margin:7px 0;color:#ffdf00;font-size:16px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controller-live{color:#07caff;font-variant-numeric:tabular-nums}
.skill-contract{display:flex;align-items:center;gap:16px;border-left:4px solid #ffe000;background:#020409;padding:9px 14px;margin-top:12px;font-size:15px}.skill-contract b{color:#ffe000;white-space:nowrap}.skill-contract+.launch-row{margin-top:12px}.cup-board{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#020409;border:2px solid #ffe000;padding:12px 18px;margin:0 0 12px}.cup-board>b{color:#ffe000;font-size:20px}.cup-board>span{color:#00caff;font-weight:900}.cup-board>small{font-size:12px}.podium-grid.cup-podium{height:330px}.cup-podium .podium-card>img{height:133px}.mastery-medal.earned{color:#ffe000}.mastery-medal{font-weight:800}#cabinet-stage[data-scene="LOADOUT"] .loadout-grid{height:355px}#cabinet-stage[data-scene="LOADOUT"] .loadout-grid>article>img{height:136px}
.reduced-motion .parcel-product:after{display:none}
@media(prefers-reduced-motion:reduce){.opened .parcel-product,.opened .parcel-details{animation:none!important}.parcel-product:after{display:none}}

/* Leave a clear lane for the cabinet footer at every scaled resolution. */
#cabinet-stage[data-scene="TACKLE"] .tackle-order{gap:7px;padding:12px 16px}#cabinet-stage[data-scene="TACKLE"] .tackle-order>p{font-size:14px}#cabinet-stage[data-scene="TACKLE"] .tackle-order>small{font-size:11px}#cabinet-stage[data-scene="TACKLE"] .tackle-bottom{margin-top:10px}