.career-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:61px;margin:12px 0 3px;padding:10px 16px;border:2px solid #f7c948;border-radius:14px;background:#3b2d11;color:#fff4c6;font-family:inherit;font-weight:900;font-size:.92rem;line-height:1.2;cursor:pointer;text-align:center;box-shadow:0 4px 0 #16110b}
#startScreen .panel{max-height:none;overflow:visible}
.overlay--career-swap{transition:none!important}
.career-menu-btn small{font-size:.68rem;font-weight:700;color:#ffe28a;text-align:center}
.panel--career{width:min(94vw,600px);max-height:calc(100dvh - var(--ui-safe-top) - var(--ui-safe-bottom) - 30px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:24px;color:#f8f5e9;text-align:left}
#careerScreen{align-items:start;padding-top:calc(var(--ui-safe-top) + 14px);padding-bottom:calc(var(--ui-safe-bottom) + 16px)}
#careerScreen .panel--career{max-height:none;overflow:visible}
.panel--career .eyebrow{font-size:11px;letter-spacing:.12em;filter:none;text-shadow:none}
.panel--career .eyebrow,.panel--career h2{text-align:center}
.panel--career h2{font-size:clamp(1.3rem,5vw,2rem);margin:6px 0 2px}
.career-subtitle,.career-stats{text-align:center;margin:7px 0;color:#ffdf7d}
.career-stats{font-size:.83rem;color:#cad3db}
.career-current{margin:12px 0 10px;padding:15px;border:2px solid #f7c948;border-radius:14px;background:rgba(25,30,38,.88)}
.career-current h3{margin:0 0 10px;color:#ffe28a;font-size:1rem}
.career-current ul{list-style:none;padding:0;margin:0}
.career-current li{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #ffffff26;padding:9px 0;font-size:.9rem}
.career-current li b{white-space:nowrap;color:#f7c948}
.career-current li.career-done{color:#a8edb1}
.career-current p,.career-save-note{font-size:.78rem;line-height:1.4;color:#aebbc6;margin:10px 0 0}
.panel--career #careerBackBtn{width:100%;margin-top:16px}
.career-result{margin:8px 0;color:#f7c948;font-weight:900;text-align:center}
#careerOverBtn{margin-top:12px}
.panel--compact #resetRecordsBtn{margin-top:10px}
@media(max-width:480px){.career-menu-btn{flex-direction:column;align-items:center;gap:3px}.career-menu-btn small{text-align:center}.panel--career{padding:18px}.career-current li{font-size:.79rem}}
.career-tabs{display:flex;gap:8px;margin:14px 0 10px}
.career-tabs button{flex:1;padding:9px;border:1px solid #f7c948;border-radius:9px;background:#252e38;color:#ffe28a;font:inherit;font-weight:800;cursor:pointer}
.career-tabs button[aria-selected="true"]{background:#f7c948;color:#211b15}
.career-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;padding:8px 7px 14px;min-width:0;}
@media(min-width:600px){.career-gallery{padding-left:12px;padding-right:12px;gap:18px;}}
.career-poster{min-width:0;margin:0}.career-poster-button{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer}.career-poster-button:focus-visible .career-poster-art{outline:3px solid #7be5ee;outline-offset:3px}
.career-poster-art{position:relative;aspect-ratio:3/4;min-height:242px;padding:17px 13px 19px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;color:white;background:radial-gradient(ellipse at 50% 42%,hsl(var(--poster-hue) 88% 62% / .48),transparent 57%),linear-gradient(150deg,hsl(var(--poster-hue) 58% 31%),#101623 78%);border:3px solid #e7c36b;box-shadow:inset 0 0 0 3px #151b24,0 5px 12px #0008;border-radius:4px;overflow:hidden}
.career-poster-art:before{content:"";position:absolute;inset:8px;border:1px solid #fff5d744;pointer-events:none;z-index:0}.career-poster-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff05 4px 5px);pointer-events:none;z-index:0}
.career-poster-no,.career-poster-art small{font-size:.56rem;letter-spacing:.08em}.career-poster-no{color:#fff2bd;font-weight:800}.career-poster-stage{width:100%;height:clamp(96px,27vw,150px);flex:none;display:block;min-height:96px}.career-poster-object{display:block;width:100%;height:100%;object-fit:contain}.career-poster-footer{width:100%;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.career-poster-art strong{max-width:100%;font-size:clamp(.76rem,2.6vw,1.1rem);line-height:1.08;text-wrap:balance;text-shadow:0 2px 8px #000}.career-poster-art small{color:#e9d9aa;line-height:1.1}
.career-poster p{font-size:.7rem;margin:5px 0 7px}.career-special-star{font-style:normal;color:#7be5ee;text-shadow:0 0 8px #3cd9e7;font-size:1.2em}
.career-history{padding:0;margin:0;list-style:none;max-height:320px;overflow-y:auto}.career-history li{display:flex;gap:14px;border-bottom:1px solid #ffffff29;padding:9px 0;font-size:.8rem}.career-history time{color:#ffe28a;white-space:nowrap}
.career-reset-btn{display:block;margin:18px auto 0;border:1px solid #d69e95;background:transparent;color:#f6c7be;padding:8px 14px;border-radius:8px;font:inherit;font-size:.76rem;cursor:pointer}.career-reset-confirm{border:1px solid #f6c7be;border-radius:10px;padding:10px;margin-top:10px;font-size:.82rem}.career-reset-confirm p{margin:0 0 8px}.career-reset-confirm button{padding:7px;margin:3px;border-radius:7px;cursor:pointer}.career-reset-confirm #careerResetYes{background:#9e3333;color:white}
[hidden]{display:none!important}
.career-track{height:7px;margin:12px 5px 15px;background:#526071;border-radius:10px;overflow:hidden}.career-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#f7c948,#7be5ee);border-radius:inherit;transition:width .25s ease}
.career-kicker,.career-next>span{display:block;color:#f7c948;font-size:.68rem;font-weight:900;letter-spacing:.09em}.career-checks{margin:0 0 8px!important;font-size:.87rem!important;color:#fff3c9!important;font-weight:800}.career-current li span{min-width:0}.career-current li.career-extra{border-top:2px dashed #7be5ee80;color:#b9e8ed}.career-current li.career-extra b{color:#7be5ee}.career-goal-note{margin-top:8px!important}
.career-next{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;padding:10px 13px;border:1px solid #8798a6;border-radius:10px;background:#232c36}.career-next>span{flex-basis:100%;color:#a8b8c5}.career-next strong{font-size:.85rem;line-height:1.1}.career-next button{margin-left:auto;border:0;background:none;color:#ffe28a;font:inherit;font-size:.74rem;font-weight:900;cursor:pointer;text-align:right}
.career-gallery-intro{grid-column:1/-1;margin:3px 0 2px;color:#cbd6db;font-size:.81rem;line-height:1.35}.career-poster--locked .career-poster-art{background:linear-gradient(150deg,#343b42,#10151c 78%);border-color:#9ea9ad}.career-poster--locked .career-poster-art strong{color:#ddd}.career-poster--locked p{color:#aab6bd}.career-poster--current .career-poster-art{background:radial-gradient(ellipse at 50% 42%,#867c6280,transparent 57%),linear-gradient(150deg,#363e43,#121923 78%);border-color:#ffe28a}.career-poster--current p{color:#ffe28a;font-weight:900}.career-open-star{color:#88bfc6;font-size:1.2em}
.career-details{margin:20px 0 0;padding:10px 12px;border:1px solid #ffffff36;border-radius:10px;background:#202a34}.career-details summary{cursor:pointer;color:#cbd6db;font-size:.73rem;font-weight:900;letter-spacing:.07em}.career-details .career-stats{text-align:left;line-height:1.5}.career-details .career-save-note{margin:6px 0}.career-details .career-reset-btn{margin:14px 0 0}
.career-history{max-height:none;overflow:visible}.career-tabs{margin-top:0}.career-tabs button{font-size:.8rem;padding:10px 4px}
@media(max-width:480px){.career-poster-art{min-height:232px;padding:17px 12px 19px}.career-poster-no,.career-poster-art small{font-size:.48rem}.career-poster-art strong{font-size:.78rem}.career-current li{align-items:flex-start}.career-current li b{padding-top:1px}.career-next button{width:100%;text-align:left;margin-left:0}}
.career-poster-dialog{position:fixed;z-index:25;inset:0;display:grid;place-items:center;padding:calc(var(--ui-safe-top) + 16px) 18px calc(var(--ui-safe-bottom) + 16px);background:#050a11e8}.career-poster-dialog-panel{position:relative;width:min(100%,480px);max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:25px 20px;color:#f8f5e9;text-align:left;border:2px solid #f7c948}.career-poster-dialog-panel h3{margin:10px 34px 14px 0;color:#ffe28a;font-size:1.25rem;line-height:1.12}.career-poster-close{position:absolute;right:12px;top:9px;width:38px;height:38px;border:1px solid #ffffff55;border-radius:9px;background:#222c36;color:#fff;font-size:1.6rem;cursor:pointer}.career-detail-status{color:#ffe28a;font-weight:900;font-size:.82rem}.career-detail-goals{list-style:none;margin:12px 0 0;padding:0}.career-detail-goals li{display:flex;gap:10px;justify-content:space-between;padding:10px 0;border-top:1px solid #ffffff35;font-size:.87rem}.career-detail-goals li span{min-width:0}.career-detail-goals li b{white-space:nowrap;color:#ffe28a}.career-detail-goals li.career-done{color:#b2edb8}.career-detail-goals li.career-extra{border-top:2px dashed #7be5ee80;color:#b9e8ed}.career-detail-goals li.career-extra b{color:#7be5ee}.career-detail-note,.career-detail-locked{color:#cbd5dc;font-size:.9rem;line-height:1.5}.career-detail-locked{padding:15px;border:1px dashed #8d9aa4;border-radius:10px}

/* v13.33: ancho simétrico en móvil y centro real de la fila de pestañas. */
#careerScreen{justify-items:center;width:100%;box-sizing:border-box;padding-left:12px;padding-right:12px}
.panel--career{width:min(100%,600px);margin-inline:auto;box-sizing:border-box}
.career-tabs{width:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.career-tabs button{min-width:0;width:100%}

/* v13.38: explicit positive stacking; no live SVG/CSS blur layers in scrolling cards. */
.career-poster-art > *{position:relative;z-index:1}

/* The next reward and its three goals are the main path; the collection is secondary. */
.panel--career .career-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.career-play{display:flex;gap:9px;margin:12px 0}
.career-play button{flex:1;min-width:0;border:1px solid #f7c948;border-radius:10px;padding:12px 5px;background:#f7c948;color:#211b15;font-family:inherit;font-weight:800;font-size:.78rem;cursor:pointer}
.career-play button+button{background:#f7c948;color:#211b15}
.career-how{font-size:.69rem;line-height:1.6;text-align:center;color:#b9d7d8;margin:12px 0 17px;text-wrap:balance}
.career-reward-preview{float:right;width:90px;height:100px;margin:0 0 8px 12px;border:1px solid #ebc36d;border-radius:7px;background:radial-gradient(ellipse,#706038,#141e2b);overflow:hidden}
.career-reward-preview svg,.career-reward-preview img{width:100%;height:100%;object-fit:contain}
.career-current ul{clear:both}
.career-current li>span{flex:1}
.career-goal-meter{display:block;height:5px;margin-top:7px;background:#465361;border-radius:5px;overflow:hidden}
.career-goal-meter i{display:block;height:100%;background:#f7c948;border-radius:inherit}
.career-done .career-goal-meter i{background:#a8edb1}
.career-optional{width:100%;margin-top:10px;color:#b9e8ed;font-size:.8rem}
.career-optional summary{cursor:pointer;padding:12px;border:1px solid #7be5ee80;border-radius:8px;background:#23414b;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none}
.career-optional summary::-webkit-details-marker{display:none}
.career-optional summary::after{content:'VER OBJETIVO ＋';font-size:.65rem;white-space:nowrap;color:#d6f7f6}
.career-optional[open] summary::after{content:'CERRAR −'}
.career-optional>p{padding:0 12px;color:#d3eeee}
.career-current li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
.career-current li>.career-goal-meter{grid-column:1/-1;width:100%;box-sizing:border-box}
#careerScreen .career-poster-dialog-panel{box-sizing:border-box;width:min(100%,480px);padding:26px 24px 24px;margin:0;max-height:100%;overflow-y:auto}
#careerPosterContent{padding-top:9px;overflow-wrap:anywhere}
#careerPosterContent>.career-kicker{padding-right:40px}
.career-detail-goals li{align-items:start}
.career-collection-progress{font-size:.76rem;color:#d6e6ea;text-align:center;margin:10px 0 7px}
.career-theme{font-size:.8rem;color:#c1d7db;line-height:1.4}
.career-jornadas{display:flex;gap:10px;margin:14px 0;clear:both}
.career-jornadas span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #809098;border-radius:8px;color:#b3c4ca;background:#18212b;font-weight:800}
.career-jornadas .is-current{border:2px solid #f7c948;color:#f7c948}
.career-jornadas .is-done{background:#386055;color:#e3ffe9}
#careerCampaignPlay{width:100%;margin:14px 0;min-height:48px}
.career-free-note{font-size:.7rem;color:#b9c9cf;text-align:center;margin:22px 0 0}
.career-secret{font-size:4rem;font-weight:900;color:#87919b}
.career-poster--locked .career-poster-stage{filter:none}
.career-link-offer{padding:12px;border:1px solid #668d94;border-radius:10px;font-size:.75rem;margin:16px 0;text-align:center}
.career-link-offer button{font-family:inherit;font-size:.7rem;padding:10px;border:1px solid #90bec5;border-radius:8px;color:#d7edf1;background:#203a44;margin:4px;cursor:pointer}
.career-poster--reveal{animation:career-reveal .85s ease-out}
.career-result-poster{display:block;width:110px;height:105px;margin:8px auto}
.career-result-poster img,.career-result-poster svg{width:100%;height:100%;object-fit:contain}
.career-next-reveal{display:flex;gap:14px;align-items:center;justify-content:center;font-size:.72rem;margin:14px 0;animation:career-reveal .85s ease-out}
.career-next-reveal img{width:65px;height:65px;object-fit:contain}
.career-finale-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0}
.career-finale-wall span{height:65px;border:1px solid #aa904c;border-radius:5px;background:#243442;overflow:hidden}
.career-finale-wall img{width:100%;height:100%;object-fit:contain}
@keyframes career-reveal{from{filter:brightness(.25);transform:translateY(12px)}to{filter:brightness(1);transform:none}}
@media(prefers-reduced-motion:reduce){.career-poster--reveal{animation:none}}
#careerTrackFill{background:linear-gradient(90deg,#f7c948,#7be5ee)}
#careerBtn .career-menu-progress{display:block;width:min(100%,270px);height:5px;background:#776741;border-radius:6px;overflow:hidden}
#careerBtn .career-menu-progress i{display:block;height:100%;background:#7be5ee;border-radius:inherit}
#careerBtn .career-menu-count{font-size:.65rem;color:#f3eccf}
#careerEvents{width:100%;min-width:0;text-align:center}
#careerEvents .halloween-poster-prize{display:block;box-sizing:border-box;width:min(100%,290px);margin:16px auto 24px}
#careerEvents .career-poster-art{box-sizing:border-box;width:100%;min-height:0;aspect-ratio:3/4}
#careerEvents .career-poster-stage{flex:1;min-height:0;height:auto;display:flex;align-items:center;justify-content:center}
#careerEvents .career-poster-object{width:min(100%,230px);height:auto;max-height:230px;object-fit:contain;margin:auto}
@media(max-width:380px){.career-reward-preview{width:70px;height:85px}.career-how{font-size:.62rem}}

/* Studio journey: native poster objects, film ribbon and quiet tally light. */
.career-map-intro{text-align:center;color:#bfcfd5;font-size:.66rem;line-height:1.5;margin:14px 6px 9px;letter-spacing:.04em}
.career-map-intro span{display:block;margin-top:3px;letter-spacing:0}
.career-map{position:relative;height:clamp(285px,51dvh,510px);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;border:1px solid #536675;border-radius:16px;background:radial-gradient(ellipse at 30% 0,#30475266,transparent 70%),#101b26;scrollbar-width:thin;scrollbar-color:#849999 #14222d;box-shadow:inset 0 0 35px #0005}
.career-map:focus-visible{outline:2px solid #7be5ee;outline-offset:3px}
.career-map-world{position:relative;min-height:var(--map-height);padding:20px 0 60px;background-image:radial-gradient(#92adbc17 1px,transparent 1px);background-size:18px 18px;box-sizing:border-box}
.career-map-film{position:absolute;inset:0;width:100%;height:var(--map-height);pointer-events:none}
.career-map-film path{fill:none;stroke-linecap:round}
.map-film-shadow{stroke:#050d15;stroke-width:44}.map-film-holes{stroke:#607482;stroke-width:30;stroke-dasharray:3 9}.map-film-core{stroke:#233847;stroke-width:19}.map-film-earned{stroke:#93c4ae;stroke-width:5;opacity:.85}
.career-map-studios{position:relative;margin:0;padding:0;list-style:none}
.career-map-stop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;box-sizing:border-box;transform:translateX(-10%)}
.career-map-stop:nth-child(even){transform:translateX(10%)}
.career-map-lot{font-size:.61rem;letter-spacing:.17em;font-weight:900;color:#8fabb7;background:#101b26;padding:3px 9px;border-radius:8px;margin:0 0 4px}
.career-studio{position:relative;width:min(66%,280px);padding:0;border:1px solid #617482;border-radius:5px 5px 11px 11px;background:#233340;color:#edf1e8;font:inherit;text-align:left;cursor:pointer;box-shadow:0 6px 0 #07111b,0 10px 18px #0006;transition:transform .18s ease,border-color .18s ease}
.career-studio:focus-visible{outline:3px solid #7be5ee;outline-offset:4px}.career-studio:hover{transform:translateY(-2px)}
.career-studio-roof{display:flex;align-items:center;gap:5px;position:relative;min-height:22px;padding:0 9px;border-bottom:1px solid #ffffff20;background:linear-gradient(90deg,#2d4350,#192935);border-radius:4px 4px 0 0;font-size:.52rem;font-weight:900;letter-spacing:.1em;color:#a2b4be}
.career-studio-roof i{width:10px;height:4px;display:block;background:#69818a;border-radius:1px;transform:skew(-20deg)}
.career-studio-roof>span{margin-left:auto}
.career-studio-body{display:flex;align-items:center;gap:12px;min-height:79px;padding:10px 12px;background:linear-gradient(120deg,hsl(var(--studio-hue) 28% 24% / .60),transparent)}
.career-studio-poster{display:grid;place-items:center;width:55px;height:65px;flex:none;background:#101b25;border:1px solid #a79161;border-radius:3px;box-shadow:inset 0 0 12px #0006}
.career-studio-poster img,.career-studio-poster svg{width:100%;height:100%;object-fit:contain}
.career-studio-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.career-studio-copy strong{font-size:.77rem;line-height:1.18;text-wrap:balance;overflow-wrap:anywhere}
.career-studio-caption{font-size:.62rem;letter-spacing:.05em;color:#b3c6cb}
.career-map-dots{display:flex;gap:6px}.career-map-dots i{width:6px;height:6px;border:1px solid #8ca7b2;border-radius:50%}.career-map-dots .is-done{background:#8bd1ae}.career-map-dots .is-current{background:#f7c948;border-color:#f7c948}
.career-map-stop.is-active .career-studio{border:4px solid #f7c948;box-shadow:0 6px 0 #33290c,0 0 20px #f7c94818}
.career-map-stars{display:flex;gap:5px;font-size:1rem;line-height:1.1}
.career-map-stars i{font-style:normal;color:#6d8290;text-shadow:none}
.career-map-stars i.is-lit{color:#ffe28a;text-shadow:0 0 7px #f7c94865}
.career-map-stop.is-active .career-map-lot{color:#ffe28a}.career-map-stop.is-active .career-studio-roof{color:#ffe28a}
.career-map-stop.is-active .career-studio-roof:after{content:'';position:absolute;width:5px;height:5px;right:7px;top:-8px;border-radius:50%;background:#fa6f61;box-shadow:0 0 8px #fa6f61;animation:career-tally 3.6s ease-in-out infinite}
.career-map-stop.is-earned .career-studio{border-color:#8abca4}.career-map-stop.is-earned .career-studio-caption{color:#e0d189;font-size:.81rem}.career-map-stop.is-locked .career-studio{background:#1a2732;border-style:dashed;box-shadow:0 5px 0 #07111b}.career-map-stop.is-locked .career-studio-body{background:none}.career-map-stop.is-locked .career-studio-poster{border-color:#556877}.career-map-stop.is-locked strong{color:#9dabb6;font-size:.69rem}.career-map-lock{font-size:2rem;font-weight:900;color:#5b7483}
.career-map-end{position:absolute;bottom:8px;left:0;width:100%;text-align:center;font-size:.59rem;letter-spacing:.16em;color:#849fa9}
#careerMapCurrent{width:100%;min-height:44px;margin-top:12px;font-size:.85rem}
.career-card-in-dialog{border:0;background:none;padding:0;margin:0 0 16px}.career-card-in-dialog h3{clear:none;padding-right:22px;margin-top:8px}.career-card-in-dialog .career-reward-preview{width:72px;height:84px;margin-top:24px}.career-card-in-dialog .career-jornadas{gap:8px}.career-card-in-dialog li{font-size:.82rem}
#careerPosterContent>.primary-btn{width:100%;min-height:48px}
.career-poster-dialog:not([hidden]) .career-poster-dialog-panel{animation:career-sheet-in .2s ease-out}
@keyframes career-tally{0%,100%{opacity:.6;box-shadow:0 0 5px #fa6f6166}50%{opacity:1;box-shadow:0 0 10px #fa6f61aa}}
@keyframes career-sheet-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:480px){.career-studio{width:72%;max-width:250px}.career-map-stop{transform:translateX(-7%)}.career-map-stop:nth-child(even){transform:translateX(7%)}.career-studio-body{gap:9px;padding:9px}.career-studio-poster{width:45px;height:58px}.career-studio-copy strong{font-size:.71rem}.career-studio-roof{font-size:.46rem;padding-inline:6px}.career-studio-roof i{width:7px}.career-card-in-dialog .career-reward-preview{width:59px;height:70px}.career-card-in-dialog h3{font-size:1.05rem}}
@media(prefers-reduced-motion:reduce){.career-map-stop.is-active .career-studio-roof:after,.career-poster-dialog:not([hidden]) .career-poster-dialog-panel{animation:none}.career-studio{transition:none}}