/* Career, personal challenges and earned milestones. */
.career-panel{background:#f0f3e5;padding:22px 24px}
.career-title>strong{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.career-title>strong>.icon{color:#b68c3f}
.career-current{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 8px;font-size:11px;color:#7e8c6b}
.career-current strong{color:#41613f;font-size:12px;font-variant-numeric:tabular-nums}
.career-meter,.level-line,.achievement-progress{overflow:hidden;background:#dfe5d2;border-radius:10px}
.career-meter{height:9px}
.career-meter>span,.level-line>span,.achievement-progress>span{display:block;height:100%;background:#759460;border-radius:inherit;transition:width .4s ease}
.career-levels{gap:13px;margin-top:19px}
.career-levels>div{border:0;padding:0;display:block;min-width:0}
.career-levels .level-line{height:3px;margin-bottom:11px}
.career-levels>div strong{display:flex;align-items:center;gap:6px;font-size:11px}
.career-levels>div strong>span{display:grid;place-items:center;width:19px;height:19px;flex:none;border-radius:50%;border:1px solid #d2dac3;font-size:9px}
.career-levels .icon{width:12px;height:12px}
.career-levels>div.current strong{color:#31563e}
.career-levels>div.current strong>span{background:#365e44;color:#fff8e5;border-color:#365e44}
.career-levels>div.complete strong{color:#5c7a47}
.career-levels>div.complete strong>span{background:#dce8cb}
.career-levels>div small{padding-left:25px;font-size:9px;margin-top:5px;line-height:1.6}
.career-panel>p{font-size:10px;margin-top:18px}
.achievements-section{margin:28px 0 32px}
.achievements-section .section-heading{margin-bottom:16px;gap:12px}
.achievements-section .section-heading h2{font-size:23px;margin-top:5px}
.achievements-section .text-button{font-size:11px;white-space:nowrap}
.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.achievement-card{border:1px solid #e0e3d1;border-radius:13px;padding:20px 16px;background:#f7f7ed;display:flex;gap:13px;position:relative;overflow:hidden}
.achievement-emblem{flex:none;display:grid;place-items:center;width:46px;height:53px;background:#e9e6d4;color:#a39874;clip-path:polygon(50% 0,95% 20%,95% 73%,50% 100%,5% 73%,5% 20%)}
.achievement-emblem .icon{width:26px;height:26px}
.achievement-card>div{flex:1;min-width:0}
.achievement-state{font-size:7px;letter-spacing:1.3px;color:#929b7f}
.achievement-card h3{font-size:14px;margin:6px 0;color:#536b42}
.achievement-card p{font-size:10px;line-height:1.65;color:#8a937c;min-height:32px}
.achievement-progress{height:4px;margin:14px 0 7px}
.achievement-card small{font-size:9px;color:#889770}
.achievement-card.earned{background:#f7efda;border-color:#d9c89d}
.achievement-card.earned .achievement-emblem{background:linear-gradient(140deg,#e7c775,#b58b3d);color:#fff7df}
.achievement-card.earned .achievement-state,.achievement-card.earned small{color:#a07c38}
.achievement-card.earned .achievement-progress>span{background:#c4a151}
.dish-visual{position:relative}
.dish-best{position:absolute;left:10px;bottom:10px;padding:5px 8px;border:1px solid #dfcf99;background:#fff7db;color:#937329;border-radius:6px;font-size:9px}
.kitchen-challenge{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px 17px;border:1px solid #e1d8b8;border-radius:10px;background:linear-gradient(110deg,#f7efd8,#f4f6e9)}
.challenge-symbol{color:#b69347;display:grid;place-items:center}
.challenge-symbol .icon{width:26px;height:26px}
.kitchen-challenge>div{flex:1}
.kitchen-challenge small{display:block;font-size:7px;letter-spacing:1.2px;color:#a39160;margin-bottom:4px}
.kitchen-challenge strong{font-size:12px;font-weight:500;color:#77714d}
.challenge-record{font-size:10px;color:#9b926e;text-align:right}
.challenge-record b{display:block;font-size:16px;margin-top:3px;color:#84713b}
.service-stars{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:center;margin:14px auto 21px;color:#d7dfc7;font-size:29px}
.service-stars .lit{color:#ce9f3d;filter:drop-shadow(0 2px 0 #8d642522);animation:star-arrive .5s ease-out both}
.service-stars .lit:nth-child(2){animation-delay:.13s}.service-stars .lit:nth-child(3){animation-delay:.26s}
.service-stars small{width:100%;font-size:9px;letter-spacing:1px;color:#8b9875}
.record-callout,.promotion-callout{border:1px solid #d7bf7e;background:#faf0cf;padding:12px 10px;border-radius:10px;color:#95763e;font-size:11px;margin:14px 0;display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}
.record-callout strong,.promotion-callout strong{color:#6f5b32}
.record-callout .icon,.promotion-callout .icon{width:18px;height:18px}
.new-achievements{margin:18px 0;padding:13px;border:1px solid #d9e2c7;border-radius:10px;background:#eff4e4;text-align:left}
.new-achievements>span{display:block;font-size:8px;letter-spacing:1px;margin-bottom:11px;color:#88996c}
.new-achievements>div{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:11px;color:#617d47}
.new-achievements>div>strong{flex:1}.new-achievements .icon{width:18px;height:18px}
.service-confetti{position:fixed;inset:0;pointer-events:none;z-index:500;overflow:hidden}
.service-confetti i{position:absolute;left:var(--x);top:-25px;width:8px;height:13px;border-radius:2px;background:var(--color);animation:confetti-fall 1.7s ease-in var(--delay) both}
.method-menu>button:not(:disabled),.counter-batch,.phase-navigation>button:not(:disabled){transition:transform .15s,background .15s,box-shadow .15s}
.method-menu>button:not(:disabled):hover{transform:translateX(3px);box-shadow:0 2px 8px #52734113}
.method-menu>button:not(:disabled):active,.phase-navigation>button:not(:disabled):active{transform:scale(.98)}
.counter-batch.selected{box-shadow:0 0 0 2px #9aab7255}
@keyframes star-arrive{from{opacity:0;transform:scale(.3) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes confetti-fall{0%{opacity:0;transform:translateY(-25px) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(90vh) rotate(calc(var(--turn)*300deg))}}
@media(max-width:1000px){.achievement-card{padding:16px 12px;gap:9px}.achievement-emblem{width:35px;height:43px}.achievement-card h3{font-size:12px}}
@media(max-width:700px){
 .career-panel{padding:18px}.career-levels{grid-template-columns:1fr;gap:13px}.career-levels>div{display:grid;grid-template-columns:1fr auto;gap:0 10px}.career-levels .level-line{grid-column:1/-1;margin-bottom:8px}.career-levels>div small{padding:0;margin:0;align-self:center}.career-title>strong{font-size:13px}.career-title>strong>span{font-size:10px}
 .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-card{padding:14px}.achievement-emblem{width:30px;height:37px}.achievement-emblem .icon{width:21px;height:21px}
 .achievements-section .section-heading h2{font-size:19px}.achievements-section .section-heading{align-items:flex-start}.achievements-section .text-button{font-size:10px}
 .kitchen-challenge{padding:11px;gap:9px}.kitchen-challenge strong{font-size:11px;line-height:1.5}.challenge-record{font-size:9px;max-width:92px}.challenge-record b{font-size:13px}
}
@media(max-width:440px){.achievement-grid{grid-template-columns:1fr}.achievement-card{gap:15px}.achievement-emblem{width:42px;height:49px}.achievement-card p{min-height:0}.achievements-section .section-heading h2{font-size:17px}.challenge-symbol .icon{width:20px;height:20px}.career-current{font-size:10px}}
@media(prefers-reduced-motion:reduce){.service-confetti{display:none}.service-stars .lit{animation:none}.career-meter>span,.level-line>span,.achievement-progress>span,.method-menu>button,.counter-batch,.phase-navigation>button{transition:none}.method-menu>button:not(:disabled):hover,.method-menu>button:not(:disabled):active,.phase-navigation>button:not(:disabled):active{transform:none}}