.career-steps{list-style:none;padding:0;margin:0;display:grid;gap:32px}.career-step{min-width:0;position:relative}.career-step-panel{width:100%;min-width:0}.career-step-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.career-step-heading h2{margin:0;flex:1;min-width:180px}.career-step-marker{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid var(--edge);color:var(--edge);font-size:28px}.career-tier-badge{color:var(--edge);border:1px solid currentColor;padding:8px 12px}.career-narrative{padding:24px}.career-dialogue-stage{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center}.career-carby{text-align:center}.career-carby img{width:140px;height:auto;image-rendering:pixelated}.career-narrative.is-playing .career-carby img{animation:career-carby-idle 3s ease-in-out infinite}.career-dialogue-box{min-width:0;border:2px solid var(--edge);background:var(--bg);padding:20px;box-shadow:inset 0 0 0 3px var(--shadow)}.career-dialogue-scene{margin:0 0 14px}.career-dialogue-advance{display:block;position:relative;width:100%;min-height:140px;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;font:30px/1.4 Jersey,monospace;cursor:pointer}.career-dialogue-advance[hidden]{display:none}.career-dialogue-text{white-space:pre-wrap;overflow-wrap:anywhere}.career-dialogue-arrow{display:inline-block;position:relative;vertical-align:baseline;color:var(--edge);animation:career-arrow 1s ease-in-out infinite}.career-dialogue-arrow[hidden]{display:none}.career-dialogue-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.career-dialogue-actions [hidden]{display:none}.career-dialogue-actions .career-skip{border:0;background:none;color:var(--muted);padding:8px;font-size:18px;text-decoration:underline}.career-dialogue-box [role=status]{margin:12px 0 0}.career-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.career-tier{margin:0}.career-goal{margin:16px 0}.career-tier>progress{display:block;width:100%;height:14px;accent-color:var(--edge);margin:0 0 24px}.career-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.career-game .game-info{gap:10px}.career-game .game-info h3{margin:0}.career-game .game-info p{margin:0 0 12px}.career-game .game-art{height:auto;aspect-ratio:4/3;position:relative;overflow:hidden}.career-game .box-art-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;display:block}.career-game .box-art-cover img{width:100%;height:100%;max-width:none;max-height:none;display:block;object-fit:cover;object-position:center top}.career-game[role=link]{cursor:pointer}.career-game[role=link]:is(:hover,:focus-visible){transform:translateY(-3px);border-color:var(--edge)}@keyframes career-carby-idle{50%{transform:translateY(-3px)}}@keyframes career-arrow{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(3px)}}@media(max-width:800px){.career-game-grid{grid-template-columns:1fr}.career-narrative{padding:18px}.career-dialogue-stage{grid-template-columns:84px minmax(0,1fr);gap:16px}.career-carby img{width:80px}.career-dialogue-box{padding:16px}.career-dialogue-advance{font-size:26px;min-height:170px}.career-step-heading{gap:12px}.career-tier-badge{font-size:18px}.career-game .game-art{max-height:360px}}@media(max-width:480px){.career-dialogue-stage{grid-template-columns:1fr}.career-carby{text-align:left}.career-carby img{width:76px}.career-dialogue-advance{font-size:25px;min-height:150px}.career-step-heading h2{min-width:150px}.career-sound{font-size:18px}}@media(prefers-reduced-motion:reduce){.career-carby img,.career-dialogue-arrow{animation:none!important}}

/* Completed steps use fixed green indicators across all member themes. */
.career-step-panel[data-status="complete"]>.career-step-heading>.career-step-marker,.career-step-panel[data-status="complete"]>.career-step-heading>.career-tier-badge{background:#8ed49f;border-color:#8ed49f;color:#16251c}

.career-game-system{display:flex;align-items:center;gap:9px;min-height:36px;line-height:1.2;overflow-wrap:anywhere}.career-game-system>span{min-width:0}

.career-dialogue-text.career-message-enter{display:inline;animation:career-message-enter 180ms ease-out both}@keyframes career-message-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.career-dialogue-text.career-message-enter{animation:none}}

/* Replay rests directly on the Career panel; active dialogue retains its frame. */
.career-narrative[data-status="complete"]:not(.is-playing) .career-dialogue-box{border:0;background:transparent;box-shadow:none;padding:0}

.career-speaker{margin:0 0 16px}.career-tier .career-step-heading>.career-tier-badge:only-child{margin-left:auto}

/* Narration keeps its normal frame during mouse hover/click. Native focus-visible and controller indicators remain. */

/* The name belongs to the portrait column; only the mascot image animates. */
.career-carby{display:flex;flex-direction:column;align-items:center;gap:16px}
.career-carby>.career-speaker{margin:0;text-align:center;flex:none}
@media(max-width:480px){.career-carby{align-items:flex-start}.career-carby>.career-speaker{width:76px}}

/* Important narration uses the exact WORLD wordmark gold in every theme. */
.career-dialogue-emphasis{color:var(--carby-wordmark-gold,#e6bd78)}