/* Iteration 1B: dimensional collectible materials and object-driven choreography. */
.career-deck{--selection-light:0;background:radial-gradient(ellipse at 50% 46%,#162b1818 10%,#09110dde 85%),linear-gradient(90deg,#07100ba6,#07100b35 47%,#07100bc9);backdrop-filter:blur(3px)}
.career-deck:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 48% 45%,#e4944220,transparent 48%);opacity:var(--selection-light);transition:opacity .3s}
.deck-layout{grid-template-columns:minmax(160px,1fr) 360px minmax(170px,1fr);gap:34px;inset:66px 6% 77px}
.deck-narrative{align-self:center}.deck-narrative h2{font-size:36px;letter-spacing:-1.7px;min-height:100px}.deck-narrative>.eyebrow{color:#edb37d}.deck-description{max-width:180px;color:#8e9c86;font-size:10px}.sequence-rail{gap:12px 11px}.deck-narrative .collection-seal{margin-top:24px}
.deck-table{perspective:1250px;perspective-origin:50% 45%;width:340px;height:474px;transform-style:preserve-3d;isolation:auto}
.card-stack,.selected-card,.card-rotator,.stack-card{transition:none!important;animation:none!important;transform-style:preserve-3d}
.career-deck .card-stack{transform:none!important;opacity:1!important;pointer-events:none}
.stack-card{border:1px solid #d2a178;background:repeating-linear-gradient(135deg,#e9d5a604 0 1px,transparent 1px 4px),radial-gradient(ellipse at 20% 0,#67503970,transparent 70%),linear-gradient(145deg,#242c24,#0a1311 70%);border-radius:15px;box-shadow:1px 1px 0 #f0bd8a,2px 2px 0 #826749,3px 3px 0 #d29c67,4px 4px 0 #594736,5px 5px 0 #ba865c,7px 7px 0 #141a13,0 24px 35px #0009;will-change:transform;overflow:hidden}
.stack-card:after{inset:12px;border-color:#d9ad7470;border-radius:9px}.stack-card:before{content:'';position:absolute;inset:23px;border:1px solid #be976237;background:repeating-linear-gradient(0deg,transparent 0 34px,#9eae6b09 35px 36px);border-radius:3px}.stack-corner{position:absolute;left:29px;top:25px;font-size:33px;color:#e5dec8;font-weight:600;letter-spacing:-4px}.stack-corner span,.stack-engraving span{color:#e9a571}.stack-engraving{position:absolute;top:29%;left:0;width:100%;text-align:center;font-size:125px;letter-spacing:-16px;font-weight:600;color:#bec3a73d;text-shadow:1px 1px #f4cb8717}.stack-card small{bottom:35px;left:29px;font-size:7px;line-height:1.9;letter-spacing:2px;color:#bfc4aa}.stack-card small b{font-size:6px;font-weight:400;color:#a88b68}.stack-card em{position:absolute;right:25px;top:30px;font:8px monospace;color:#af9d7c}
.card-lamina{position:absolute;inset:0;display:block;border-radius:15px;background:#152017;border:1px solid #c8ac7f;box-shadow:inset 0 0 0 1px #473e2e;pointer-events:none;backface-visibility:visible}
.reward-back{transform:translateZ(4px);border:1px solid #efbd87;background:repeating-linear-gradient(135deg,#e1bc7b07 0 1px,transparent 1px 4px),radial-gradient(ellipse at 15% 0,#b0773e55,transparent 60%),linear-gradient(135deg,#202c24,#0d1714 65%);box-shadow:inset 0 0 0 2px #a0774538,inset 0 0 55px #0005,0 0 3px #f5b16a,0 0 29px #f3a15d33,0 36px 70px #0009}
.reward-back:before{inset:10px;border:1px solid #c69e6888;box-shadow:0 0 0 3px #f3c88b09,inset 0 0 0 3px #f3c88b09}.reward-back:after{inset:21px;border:1px solid #caa46b35;background:repeating-linear-gradient(0deg,transparent 0 37px,#ccb2790b 38px 39px);border-radius:3px}.back-monogram{font-size:148px;color:#ddd9bd;text-shadow:1px 2px 0 #3f4933,2px 3px 0 #baa378,0 0 28px #dcaf5e20}.back-rings{border-color:#d3b97d66;box-shadow:0 0 0 9px #a59c6008,0 0 0 10px #a59c6020;transform:rotate(-32deg) scaleX(.81)}.back-signature{top:72%;color:#dbd6bc;font-size:9px;letter-spacing:2.8px}.back-corner{color:#eee3c9;font-size:32px}.back-footer{color:#bba37d;font-size:6px;letter-spacing:1.7px}
.card-specular{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,transparent 20%,#fff0d609 36%,#fff0d643 43%,#fff2d50b 49%,transparent 62%);background-size:250% 100%;background-position:var(--card-shine,0%) 0;mix-blend-mode:screen;opacity:.7;z-index:4}
.reward-front{transform:rotateY(180deg) translateZ(4px);border:1px solid #d4efd0;background:repeating-linear-gradient(0deg,transparent 0 29px,#a4d4a008 30px 31px),radial-gradient(ellipse at 100% 0,#71896840,transparent 58%),radial-gradient(ellipse at 0 90%,#214c3133,transparent 65%),linear-gradient(135deg,#12251d,#061410 80%);box-shadow:inset 0 0 0 2px #b8e4ad26,inset 0 0 35px #07120a77,0 0 2px #ddf6ce,0 0 18px #aeec9540,0 35px 70px #000b;padding:22px 27px}
.reward-front:before{inset:9px;border-color:#9ac39242;border-radius:8px}.reward-front:after{content:'';position:absolute;inset:19px;pointer-events:none;border:1px solid #689c7830;border-radius:4px;background:linear-gradient(125deg,#a3d69a07,transparent 35%);z-index:-1}
.reward-card-meta{font-size:6px;color:#bdcfb5;letter-spacing:1.3px}.reward-brand{display:block;margin:12px 0 11px}.reward-brand h2{font-size:94px;font-weight:400;letter-spacing:-12px;line-height:.96;color:#e0f3d8;text-shadow:0 2px 0 #7da987,0 0 18px #b0deaa25;margin:0 0 8px -6px}.reward-brand>span{font-size:10px;letter-spacing:2.7px;color:#deead2;display:block;padding:0}.reward-kicker{font-size:10px;line-height:1.5;letter-spacing:2.1px;margin:0 0 12px;color:#e3efd9}.reward-front h3{font-size:15px;line-height:1.5;max-width:240px;margin:0 0 15px;color:#edf0e5}.systems-heading{font-size:6px;color:#b8d8a8;padding-top:11px;border-color:#b0d89b35;letter-spacing:.8px}.systems-heading b{color:#c4ed9e}.systems-heading i{box-shadow:0 0 7px #b9e696}.reward-systems{margin:10px -8px 10px;padding:0 8px;gap:4px}.reward-systems li{position:relative;min-height:21px;font-size:11px;gap:10px;padding:2px 0;color:#c7dbc0}.reward-systems li>span:first-child{width:15px;height:15px;background:linear-gradient(135deg,#589654,#255333);border:1px solid #a5d99388;border-radius:2px;color:#f0ffe6;font-size:11px;box-shadow:0 0 8px #90d47822}.infrastructure{padding-top:10px;color:#bed4b0;font-size:6px;letter-spacing:.45px}.infrastructure b{font-size:5px;color:#c7e9a8}.reward-card-footer{bottom:17px}.reward-card-footer>span:first-child{color:#8ba37d;font-size:5px}
.career-deck:not(.instant):not(.reduced) [data-unlock].unlocked{animation:system-light .46s ease-out}.career-deck:not(.instant):not(.reduced) .reward-systems .unlocked>span:first-child{animation:check-lock .36s cubic-bezier(.2,.9,.3,1.3)}
.selection-rays{position:absolute;inset:-30px;transform:translateZ(-70px);pointer-events:none;opacity:0;transition:opacity .2s}.selection-rays i{position:absolute;left:50%;top:50%;height:1px;width:240px;background:linear-gradient(90deg,#fdd9a4cc,#ed97595c 30%,transparent);transform-origin:left;transform:rotate(calc(var(--ray) * 51deg + 12deg)) translateX(130px);filter:blur(.5px)}
.career-deck[data-phase="draw"] .selection-rays{opacity:.8;animation:selection-burst .6s ease-out}.career-deck[data-phase="flip"] .selection-rays{opacity:.18}.career-deck[data-phase="reveal"] .selection-rays{opacity:.45;filter:hue-rotate(45deg);animation:selection-burst .65s ease-out}
.career-deck[data-phase="draw"] .reward-back{box-shadow:inset 0 0 0 2px #eeb16b66,0 0 3px #ffe3bc,0 0 20px #ffba7499,0 0 80px #e99a482b,0 35px 70px #000b}.career-deck[data-phase="reveal"] .reward-front{animation:achievement-impact .55s ease-out}.career-deck[data-phase="collected"] .reward-front{animation:collection-rim .65s ease-out}
.card-shadow{width:110%;height:60px;left:-5%;bottom:-38px;filter:blur(18px);background:radial-gradient(ellipse,#000c,#0000 70%);transform:rotate(-9deg);opacity:.9}.table-orbit{border-color:#99b47c25;box-shadow:none;width:520px;height:390px;left:-90px;top:145px;transform:rotateX(72deg) rotateZ(-15deg);background:radial-gradient(ellipse,#b5cf8a13,transparent 65%)}
.reward-atmosphere i{width:2px;height:8px;background:linear-gradient(#f7cd94,transparent);box-shadow:0 0 8px #dfa768;animation-duration:2.2s}
.deck-horizon{padding-left:12px;z-index:3}.next-tease{background:linear-gradient(110deg,#131c15e6,#10191155);padding:21px 0 22px 22px;border-color:#e6a46a;box-shadow:-7px 0 22px #ec9e5820}.next-year{font-size:38px;color:#e5dcc8}.next-tease h3{color:#e8e5d7;font-size:27px}.next-copy{color:#bfc6af}.deck-description,.sequence-rail,.reward-coordinate{transition:opacity .3s}.career-deck:is([data-phase="shuffle"],[data-phase="draw"],[data-phase="flip"]) .deck-description{opacity:.45}.career-deck:is([data-phase="draw"],[data-phase="flip"]) .reward-coordinate{opacity:.25}
@keyframes system-light{0%{background:#afd99133;box-shadow:0 0 18px #a6d89124;filter:brightness(1.8);transform:translateX(7px)}100%{background:transparent;box-shadow:none;filter:brightness(1);transform:none}}@keyframes check-lock{0%{transform:scale(.4) rotate(-15deg);opacity:0}65%{transform:scale(1.15)}100%{transform:none;opacity:1}}@keyframes selection-burst{0%{transform:translateZ(-70px) scale(.65);filter:blur(2px)}50%{opacity:.85}100%{transform:translateZ(-70px) scale(1.25);opacity:0}}@keyframes achievement-impact{0%{filter:brightness(1.7);box-shadow:0 0 4px #fff6d7,0 0 52px #b6ef9a77,0 35px 70px #000b}100%{filter:brightness(1)}}@keyframes collection-rim{50%{box-shadow:inset 0 0 15px #b7e69a22,0 0 3px #e9fada,0 0 40px #bde99477,0 35px 70px #000b}}
@media(min-width:761px) and (max-height:800px){.deck-layout{inset:54px 5% 64px;grid-template-columns:minmax(150px,1fr) 300px minmax(150px,1fr);gap:28px}.deck-table{transform:scale(.84);left:-20px}.deck-narrative h2{font-size:31px;min-height:83px}.deck-narrative .collection-seal{margin-top:23px}}
@media(max-width:1050px) and (min-width:761px){.deck-layout{gap:18px}.deck-narrative h2{font-size:28px}.deck-description{font-size:9px}.next-tease{padding-left:15px}.next-tease h3{font-size:23px}}
@media(max-width:760px){.deck-layout{display:flex;margin-top:55px;padding-bottom:95px;inset:auto;gap:0}.deck-table{transform:scale(.76);left:0;margin-bottom:-113px}.deck-narrative h2{display:none}.deck-horizon{padding-left:0;margin-top:18px}.next-tease{padding:13px 15px}.next-year{font-size:24px}.next-tease h3{font-size:23px}.next-copy{margin-bottom:6px}.table-orbit{opacity:.45}.selection-rays{opacity:.3}.card-specular{opacity:.4}}
.deck-table{height:500px}.career-deck.reduced .card-lamina,.career-deck.reduced .selection-rays{display:none}.career-deck.reduced .reward-front{transform:none!important}.career-deck.instant .card-specular{background-position:130% 0}
.reward-front h3{white-space:pre-line}
@media(max-width:760px){.deck-table{margin-bottom:-120px}}
@media(prefers-reduced-motion:reduce){.card-specular,.selection-rays{display:none}.career-deck *{animation:none!important;transition:none!important}}