/* Career phone: one HUD trigger, normal touch controls remain in place. */
#career-toolbar{grid-template-columns:58px minmax(0,340px) minmax(0,1fr) 78px;gap:8px;width:calc(100% - 20px);max-width:calc(100% - 20px)}
#career-toolbar #tasks{grid-column:2;min-width:0}
#career-clock{grid-column:4;align-self:start;display:grid;text-align:center;padding:7px 4px;background:#173b46ed;border:1px solid #dfc58b;border-radius:10px;color:#fff2cc;font-family:system-ui,sans-serif;font-variant-numeric:tabular-nums;box-sizing:border-box}
#career-clock[hidden]{display:none}#career-clock strong{font-size:23px;line-height:1.1}#career-clock span{font-size:11px;margin-top:3px}#career-clock small{font-size:7px;letter-spacing:.4px;margin-top:3px}
#career-toolbar #menubtn.career-phone-button{width:54px;min-height:64px;padding:5px 4px;background:#263e49;border:2px solid #f2cc78;border-radius:12px;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:0 3px 0 #102a32}
.phone-device{display:block;width:17px;height:27px;border:2px solid #ecdfbf;border-radius:4px;padding:3px 2px 4px;box-sizing:border-box;background:#173b46}.phone-device i{display:block;width:100%;height:100%;background:linear-gradient(145deg,#8be0c1,#57a6bb);border-radius:1px}.phone-button-label{font-size:7px}.phone-dot{position:absolute;right:-3px;top:-3px;width:12px;height:12px;border-radius:50%;background:#f17b60;border:2px solid #fff3cb}
.phone-ringing{animation:phone-ring .6s 2}@keyframes phone-ring{0%,100%{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
body.career-mode #modal .mbox.career-phone-shell{max-width:410px;width:calc(100vw - 24px);padding:8px;border:3px solid #102e37;border-radius:28px;background:#193c46;box-shadow:0 16px 60px #0008;color:#183d45;max-height:calc(100dvh - 20px);overflow:auto}
.career-phone{font-family:system-ui,sans-serif;background:linear-gradient(160deg,#eff5e8 0%,#e6f0df 50%,#d9eadf 100%);padding:10px 17px 12px;border-radius:19px;line-height:1.4;min-width:0}.phone-speaker{width:45px;height:5px;border-radius:5px;background:#163c45;margin:0 auto 10px}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:750;letter-spacing:.5px;color:#50756c}.phone-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:15px 0}.phone-heading p{font-size:9px;letter-spacing:1.3px;margin:0;color:#56746c}.phone-heading h2{font-family:inherit;font-size:25px;line-height:1.2;margin:3px 0 0;color:#1a444b;overflow-wrap:anywhere}.phone-close{background:#d1e4d7;color:#28595f;border:0;border-radius:50%;width:44px;height:44px;font-size:28px;flex-shrink:0;cursor:pointer}
.phone-wallet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px}.phone-wallet>div{background:#fff9e6;border-radius:10px;padding:10px 4px;text-align:center;border:1px solid #e1d9b7}.phone-wallet strong{display:block;font-size:21px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.phone-wallet span{font-size:10px;color:#6b7056}.phone-wallet>div:nth-child(2){background:#e3e3f2;border-color:#cfcbe4}.phone-wallet>div:nth-child(3){background:#f8dc9c;border-color:#eacb81}
.phone-task{display:block;width:100%;text-align:left;border:0;border-radius:13px;background:#225e63;color:#fff9de;padding:14px;cursor:pointer;font-family:inherit}.phone-task>span{font-size:9px;letter-spacing:1.5px;color:#b1ddd2}.phone-task strong{display:block;font-size:15px;margin:6px 0;line-height:1.45}.phone-task small{color:#e8c97f;font-size:11px}.phone-progress{display:grid;grid-template-columns:1fr auto;gap:6px;margin:13px 1px 16px;font-size:11px;font-weight:650;color:#456c65}.phone-progress progress{grid-column:1/-1;width:100%;height:6px;accent-color:#318077}
.phone-apps{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phone-apps button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:102px;min-width:0;border:1px solid #cadace;border-radius:13px;background:#ffffff9e;color:#23464c;cursor:pointer;padding:9px 5px;font-family:inherit}.phone-apps i{display:grid;place-items:center;width:34px;height:34px;margin-bottom:5px;border-radius:10px;background:#e8c377;color:#594627;font-size:23px;font-style:normal}.phone-apps button:nth-child(2) i{background:#80b7b4;color:#fff}.phone-apps button:nth-child(3) i{background:#b4a4cc;color:#fff}.phone-apps button:nth-child(4) i{background:#e19b7c;color:#fff}.phone-apps b{font-size:13px}.phone-apps small{font-size:10px;line-height:1.3;margin-top:3px;color:#5e756b;overflow-wrap:anywhere}.phone-home{width:100%;min-height:44px;border:0;background:transparent;color:#315f64;font-family:inherit;font-weight:750;font-size:12px;margin-top:9px;cursor:pointer}.career-phone .phone-checkpoint{font-size:10px;color:#698074;text-align:center;line-height:1.4;margin:0 0 2px}
.phone-page article{padding:12px 15px;background:#e4eee2;color:#284e4f;border-radius:12px;margin:10px 0}.phone-page article p{margin:5px 0}.phone-page small{font-size:10px;color:#598079}.phone-options{display:grid;gap:9px;margin:12px 0}.phone-options>.btn{width:100%;white-space:normal;text-align:left;margin:0}.career-phone button:focus-visible{outline:3px solid #c47835;outline-offset:2px}
@media(max-height:520px) and (orientation:landscape){body.career-mode #modal .mbox.career-phone-shell{max-width:650px}.career-phone{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.phone-speaker{display:none}.phone-status,.phone-heading{grid-column:1/-1}.phone-heading{margin:7px 0}.phone-wallet{grid-column:1;grid-row:3}.phone-task{grid-column:1;grid-row:4}.phone-progress{grid-column:1;grid-row:5}.phone-apps{grid-column:2;grid-row:3/6;gap:7px}.phone-apps button{min-height:75px}.phone-home,.phone-checkpoint{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.phone-ringing{animation:none}}

@media(max-width:520px){#career-toolbar{grid-template-columns:54px minmax(0,1fr) 70px;gap:6px}#career-clock{grid-column:3}#career-clock strong{font-size:21px}#career-toolbar #tasks{padding:7px;gap:4px}#career-toolbar #tasktitle{font-size:7px}#career-toolbar #taskfocus{font-size:9px}}