/* Career, race feedback and collectible presentation. */
@media screen{
 .collection-heading{position:relative;padding:20px 0 10px}.collection-heading h1{letter-spacing:-3px;text-shadow:0 5px 35px #0005}
 .collection-heading:after{content:'';position:absolute;right:20%;top:-20px;width:260px;height:260px;background:radial-gradient(circle,#74e7d517,transparent 68%);z-index:-1}
 .career-strip{display:flex;align-items:center;gap:22px;padding:22px 26px;border:1px solid #6f91a550;border-radius:18px;margin-bottom:24px;background:linear-gradient(115deg,#21364a,#15282f 55%,#1f2a3c);box-shadow:inset 0 1px #ffffff12,0 14px 32px #0002}
 .rank-badge{display:grid;place-items:center;flex:none;width:65px;height:72px;font-weight:900;font-size:30px;background:linear-gradient(145deg,#e0c3ff,#997ad5 65%,#635790);clip-path:polygon(50% 0,100% 20%,100% 75%,50% 100%,0 75%,0 20%);color:#17202d;text-shadow:0 1px #ffffff77}
 .rank-copy{flex:1}.rank-copy .eyebrow{font-size:9px;display:block;margin:0 0 7px;color:#cdb7f0}.rank-copy h2{font-size:20px;letter-spacing:-.6px}.rank-copy small{font-size:10px;color:var(--muted)}
 .xp-track{height:5px;background:#08131d;border-radius:6px;overflow:hidden;margin:13px 0 8px}.xp-track i{display:block;height:100%;background:linear-gradient(90deg,#8fb8eb,#c8a3ef);box-shadow:0 0 12px #b5adff;transition:width .4s}
 .career-stat{text-align:center;padding:0 14px}.career-stat b{display:block;font-size:26px}.career-stat small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}
 .pack-shop{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 0 50%,#6949ad50,transparent 70%),linear-gradient(140deg,#1d3444,#10212b)}
 .pack-shop:before{content:'';position:absolute;inset:-50%;background:conic-gradient(from 40deg,transparent,#a59ddd09,transparent 25%,#a7ffed0c,transparent 55%);z-index:-1}
 .pack-wrapper{position:relative;transform:perspective(700px) rotateY(12deg) rotate(-7deg);transition:transform .5s,box-shadow .5s;background:repeating-linear-gradient(120deg,#ffffff00 0 20px,#ffffff0b 21px 22px),linear-gradient(135deg,#55b4be,#6555a2 30%,#252447 65%,#8066aa);border-image:linear-gradient(120deg,#eddbff,#8d7ebf,#d1f7ff) 1}
 .pack-shop:hover .pack-wrapper{transform:perspective(700px) rotateY(-8deg) rotate(-3deg) translateY(-5px);box-shadow:0 25px 35px #0007,0 0 35px #b08de326}
 .pack-wheel{border:0;border-radius:50%;overflow:hidden;width:100px;height:100px;box-shadow:0 0 0 2px #c4f8ed,0 0 0 7px #d1f5ff15,0 0 25px #90dbe63b}
 .pack-wheel img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;display:block;transform:scale(1.18)}
 .pack-wrapper:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#fff2 43%,transparent 55%);pointer-events:none}
 .crew-coverage{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.crew-coverage span{padding:9px 6px;background:#ffffff05;border:1px solid #ffffff0c;border-radius:8px;font-size:9px;color:var(--muted);text-align:center}.crew-coverage b{display:block;color:#a9ebd9;letter-spacing:3px;font-size:13px;margin-top:5px}
 .next-rival{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:5px;align-items:center;padding:12px;border:1px solid #fa987a35;border-radius:9px;background:#f9977708}.next-rival span{font-size:8px;color:var(--coral);letter-spacing:1px}.next-rival b{font-size:12px}.next-rival small{font-size:10px;color:var(--muted)}
 .goals-panel{margin:35px 0}.goals-panel h2{font-size:24px}.goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.goal{padding:20px;border:1px solid #37515f;border-radius:14px;background:linear-gradient(145deg,#182c38,#111e28)}.goal>span{color:#b5a3df;font-size:9px;letter-spacing:1px}.goal h3{font-size:15px;margin:12px 0 8px}.goal p{font-size:11px;line-height:1.5;color:var(--muted);min-height:32px}.goal button{width:100%;font-size:10px;padding:10px 5px;margin-top:8px}.goal.ready{border-color:#adf4c255}.goal.ready button:not(:disabled){color:#12271d;background:var(--mint);border-color:var(--mint)}
 .workshop{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px;border:1px solid #e5ae6550;border-radius:18px;background:linear-gradient(120deg,#302d2955,#17232d);margin:35px 0}.workshop .eyebrow{color:#edc488}.workshop h2{font-size:25px}.workshop p{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0;max-width:470px}.spark-balance{font-size:27px;font-weight:800;color:#ffe17d;margin-top:14px}.spark-balance small{font-size:9px;letter-spacing:1px}.workshop-actions{display:grid;gap:10px;align-content:center;min-width:0}.workshop-actions select{width:100%;font-size:12px}.workshop-actions label,.workshop-actions small{font-size:10px;color:var(--muted)}
 .pack-opening{background:radial-gradient(ellipse at center,#59358038,transparent 70%),#0c1720;box-shadow:0 25px 80px #0004}.card-back{position:relative;overflow:hidden;border-color:#7eabb7;background:repeating-linear-gradient(60deg,transparent 0 18px,#8cd7c90b 19px 20px),radial-gradient(ellipse at 50% 30%,#315368,#122535 70%)}
 .card-back b{display:grid;place-items:center;border:1px solid #c2e6dd55;width:85px;height:85px;border-radius:50%;font-size:50px;box-shadow:0 0 0 8px #a7e4d50a,0 0 30px #a7e4d522}.card-back.next-reveal{border-color:#b4f2df;box-shadow:inset 0 0 0 6px #101e2c,0 0 25px #65dbd625}.card-back.next-reveal:after{content:'';position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 40%,#ffffff16 49%,transparent 58%);animation:foil-sweep 3s ease-in-out infinite;pointer-events:none}.card-back.premium-back{border-color:#c9a1f4;background:repeating-linear-gradient(60deg,transparent 0 18px,#dfb1ff09 19px 20px),radial-gradient(ellipse at 50% 30%,#584374,#202135 70%)}.premium-back>span:last-of-type{color:#dbbbfc}
 .revealed-card{animation:none}.revealed-card.rarity-Legendary .collectible{box-shadow:0 0 28px #eab86450}.revealed-card.rarity-Godlike .collectible{box-shadow:0 0 35px #c29aef70}.revealed-card>span{line-height:1.6}
 .race-cue{display:flex;align-items:center;gap:9px;color:#c5eee8;font-size:11px;line-height:1.6;min-height:45px;padding:11px 13px;margin:0 0 16px;border:1px solid #65dbd633;background:#65dbd608;border-radius:8px}.live-dot{width:6px;height:6px;background:#65dbd6;border-radius:50%;box-shadow:0 0 9px #65dbd6;flex:none}
 .move-preview{border:1px solid #75dece44;border-radius:12px;padding:16px;margin-top:18px;background:linear-gradient(135deg,#65dbd616,#b4f7c009)}.move-preview>span{font-size:8px;letter-spacing:1.2px;color:#a9dbd0}.move-preview strong{display:block;font-size:31px;color:#d9fff0;margin:7px 0}.move-preview strong small{font-size:12px;font-weight:400}.move-preview p{font-size:10px;color:var(--muted);line-height:1.6}
 .podium{display:flex;gap:30px;align-items:center;padding:32px;border:1px solid #ffe17d66;border-radius:20px;margin-bottom:25px;background:radial-gradient(ellipse at 5% 50%,#ffe17d20,transparent 70%),linear-gradient(130deg,#293941,#15242e);box-shadow:0 15px 50px #0004}.podium-medal{flex:none;width:100px;height:100px;display:grid;place-items:center;font-size:55px;border:2px solid #f7da8a;border-radius:50%;background:linear-gradient(145deg,#ffe6a0,#9d713b);color:#313932;box-shadow:0 0 0 8px #ffe17d12,0 0 40px #ffe17d22}.podium h2{font-size:30px}.podium p:not(.eyebrow){color:var(--muted);font-size:12px;margin:12px 0}.reward-chips{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 24px}.reward-chips span{border:1px solid #dbedcf33;padding:9px 13px;border-radius:7px;color:#dff0bc;font-size:12px;background:#b1e4c10a}
 @media(hover:hover) and (prefers-reduced-motion:no-preference){.card-grid .card-wrap:hover .collectible{transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px)}}
 @keyframes foil-sweep{0%,100%{transform:translateX(-55%)}60%{transform:translateX(55%)}}
 @media(max-width:800px){.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-strip{gap:14px;padding:18px}.rank-copy h2{font-size:16px}.career-stat{padding:0 4px}.rank-badge{width:48px;height:56px;font-size:25px}.workshop{grid-template-columns:1fr;gap:12px}.podium{gap:18px;padding:24px}.podium-medal{width:65px;height:65px;font-size:35px}.podium h2{font-size:24px}}
 @media(max-width:480px){.career-strip{flex-wrap:wrap}.rank-copy{min-width:180px}.career-stat{display:flex;gap:9px;align-items:center}.career-stat b{font-size:20px}.goal{padding:15px}.goal h3{font-size:13px}.goal p{min-height:48px}.pack-wheel{width:75px;height:75px}.podium{align-items:flex-start;flex-direction:column}.crew-coverage{gap:4px}.collection-heading h1{letter-spacing:-2px}}
 html[data-motion="quick"] *,html[data-motion="quick"] *::before,html[data-motion="quick"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pack-shop:hover .pack-wrapper{transform:none}}
}

.craft-preview{display:flex;gap:14px;align-items:center;padding:12px;background:#091720;border:1px solid #d1bd8133;border-radius:10px}.craft-preview img{width:64px;height:75px;object-fit:cover;border-radius:7px}.craft-preview b{font-size:14px}.craft-preview small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:6px}