/* Active work stations. Load after premium-panels-v80.css.
 * Scope: existing task markup only. No meter geometry, timing, answer order,
 * rewards, focus replacement, actor styling, or gameplay animations. */
body.premium-panels-v80 #modal:has(:is(#recipe-panel,#timing-shift)){
 background:var(--pp80-shell);color:var(--pp80-text);border:1px solid var(--pp80-rim);border-radius:24px;
 box-shadow:inset 0 1px #ecf0ff80,0 0 0 4px #16233d99,0 22px 80px #030a23a6;
}
body.premium-panels-v80 #modalContent :is(#recipe-panel,#timing-shift){color:var(--pp80-text)}
body.premium-panels-v80 #modalContent :is(#recipe-panel,#timing-shift)>h2{padding-right:44px;font-size:clamp(23px,4vw,30px)!important;line-height:1.2;letter-spacing:-.025em;color:#fff6e3}
body.premium-panels-v80 #modalContent :is(#recipe-panel,#timing-shift)>.eyebrow{font-size:12px;line-height:1.5;color:#cbd5f6;letter-spacing:.055em;padding-right:44px}
body.premium-panels-v80 #modalContent :is(#recipe-panel,#timing-shift)>p{font-size:14px;line-height:1.6;color:var(--pp80-muted)}
/* A paper order is information; the enamel trays below are interactive. */
body.premium-panels-v80 #modalContent #recipe-panel .recipe-reference>div{background:var(--pp80-inset);border:1px solid #829bc25c;border-radius:12px;box-shadow:inset 0 1px #bed7ff1f}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-reference b{color:#f2f3ff;font-size:14px}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-reference small{color:#cbd6eb;font-size:12px;line-height:1.55}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-reference .current-recipe{background:var(--pp80-paper);border:1px solid #ffefc2;box-shadow:inset 0 1px #fffef6,0 3px 0 #9a7a413d;color:var(--pp80-ink)}
body.premium-panels-v80 #modalContent #recipe-panel .current-recipe :is(b,small){color:var(--pp80-ink)}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-current-label{font-size:12px;line-height:1.4;letter-spacing:.02em;font-weight:800;color:#775321}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-cup{background:var(--pp80-inset);border:1px solid var(--pp80-line);box-shadow:inset 0 2px 6px #05102955;border-radius:12px}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-cup span{color:#dbe7ff;font-size:14px;font-weight:700}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-group>b,
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) .cloud-decision-label{font-size:13px;line-height:1.5;font-weight:800;letter-spacing:.02em;color:#e3eaff}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-group>div{padding:8px;background:#0d1931a6;border:1px solid #91a6cb40;border-radius:14px;box-shadow:inset 0 2px 4px #030b1d66}
/* Existing data attributes and selection semantics remain authoritative. */
body.premium-panels-v80 #modalContent #recipe-panel [data-ingredient],
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) [data-cloud-value],
body.premium-panels-v80 #modalContent #mastery-panel :is([data-mastery-drink],[data-mastery-delta],[data-mastery-move]){
 background:var(--pp80-enamel)!important;color:#f1f4ff!important;border:1px solid #a5b8dd9c;border-radius:11px;
 box-shadow:inset 0 1px #dbe8ff70,0 3px 0 #08152d;min-height:46px;font-size:13px!important;line-height:1.4;
 transition:translate 100ms ease,box-shadow 100ms ease;
}
body.premium-panels-v80 #modalContent #recipe-panel [data-ingredient][aria-pressed=true],
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) [data-cloud-value][aria-pressed=true],
body.premium-panels-v80 #modalContent #mastery-panel [data-mastery-drink][aria-pressed=true]{
 background:linear-gradient(#fae9bb,#dfc68e)!important;color:#28324a!important;border-color:#fff0bf!important;box-shadow:inset 0 2px 3px #8e703938,0 1px 0 #5c4a2c;font-weight:800;
}
body.premium-panels-v80 #modalContent #recipe-panel [data-ingredient]:active:not(:disabled),
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) [data-cloud-value]:active:not(:disabled),
body.premium-panels-v80 #modalContent #mastery-panel :is([data-mastery-drink],[data-mastery-delta],[data-mastery-move]):active:not(:disabled){translate:0 2px;box-shadow:inset 0 2px 4px #06152b66,0 1px 0 #08152d}
body.premium-panels-v80 #modalContent #recipe-panel :is(#submitRecipe,#nextOrder),
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) #cloud-submit,
body.premium-panels-v80 #modalContent #timing-shift #hit,
body.premium-panels-v80 #modalContent #mastery-panel #mastery-submit{
 background:var(--pp80-lime);color:#20371f;border:1px solid #e9ffd1;border-radius:14px;box-shadow:var(--pp80-action-depth);font-size:14px;font-weight:850;min-height:46px;line-height:1.4;
}
body.premium-panels-v80 #modalContent #recipe-panel #pauseRecipe{font-size:13px;color:#d5e0f9;min-height:44px}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-economy{font-size:12px!important;line-height:1.6!important;color:#d0d9ed!important}
body.premium-panels-v80 #modalContent #recipe-panel .recipe-economy[role=status]{padding:14px;background:var(--pp80-paper);border:1px solid #fff0c6;border-left:4px solid #d9ad58;border-radius:12px;color:var(--pp80-ink)!important}
/* Server career keeps its persisted job/nonce lifecycle. */
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit){padding:18px;background:var(--pp80-inset)!important;border:1px solid #8da5d36e!important;border-radius:18px;box-shadow:inset 0 1px #cddfff30,0 3px 0 #07152c}
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit)>h3{color:#fff5dd;font-size:24px;line-height:1.25}
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit)>.eyebrow{color:#cad7f4;font-size:12px;line-height:1.5}
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit)>p{font-size:14px!important;line-height:1.6!important;color:#d2ddf1}
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) :is(.cloud-recipe,.cloud-event-brief){padding:14px;background:var(--pp80-paper);color:var(--pp80-ink)!important;border:1px solid #fff0c6;border-left:4px solid #d9ad58;border-radius:12px;box-shadow:inset 0 1px #fffdf5}
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) .cloud-recipe :is(b,small){color:var(--pp80-ink);font-size:14px;line-height:1.5}
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) .cloud-recipe b{font-size:18px}
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) .cloud-note{color:#c8d5ee!important;font-size:12px!important;line-height:1.6!important}
/* Timing control: never change meter size, target bounds, needle or animation. */
body.premium-panels-v80 #modalContent #timing-shift .work-meta{padding:12px 14px;background:var(--pp80-inset);border:1px solid var(--pp80-line);border-radius:12px;color:#d9e5ff;font-size:13px;line-height:1.5;gap:12px;flex-wrap:wrap}
body.premium-panels-v80 #modalContent #timing-shift .timing-attempt-feedback{background:var(--pp80-paper);color:var(--pp80-ink);border-left-color:#d9ad58;font-size:13px;line-height:1.5;box-shadow:inset 0 1px #fffdf3}
/* All four mastery input patterns share materials, not input mechanics. */
body.premium-panels-v80 #modalContent #mastery-panel :is(.mastery-brief,.mastery-recipe,.mastery-rules,.mastery-drink-menu>div){background:var(--pp80-paper);color:var(--pp80-ink)!important;border:1px solid #fff0c6;border-radius:12px;padding:14px;box-shadow:inset 0 1px #fffdf3}
body.premium-panels-v80 #modalContent #mastery-panel :is(.mastery-recipe,.mastery-rules,.mastery-drink-menu>div) :is(span,b,strong,p){color:var(--pp80-ink)!important;font-size:13px!important;line-height:1.5}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-rules>span{background:#e5d6b9}
body.premium-panels-v80 #modalContent #mastery-panel :is(.mastery-guest,.mastery-precision,.mastery-timeline li,.mastery-budget){background:var(--pp80-inset);border-color:#99afd36e;box-shadow:inset 0 1px #d0e0ff30;border-radius:14px}
body.premium-panels-v80 #modalContent #mastery-panel :is(.mastery-guest h4,.mastery-timeline h4){color:#fff4dd}
body.premium-panels-v80 #modalContent #mastery-panel :is(.mastery-guest p,.mastery-timeline p,.mastery-cup-wrap>span,.mastery-budget>span,.mastery-rounds>b,.mastery-hint,.mastery-fine,.mastery-challenge-footer small){font-size:12px!important;line-height:1.55;color:#cfdaef!important}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-budget>b{color:#f3e2b4}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-stepper{border-bottom-color:#94aacf40}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-stepper>span{color:#e5ebfb;font-size:14px}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-stepper output{color:#ffe7b2}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-challenge-footer span{color:#f6e5b6}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-feedback{background:var(--pp80-paper);color:var(--pp80-ink)!important;border:1px solid #fff0c6;border-left:4px solid #d9ad58;font-size:13px!important;line-height:1.6}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-result :is(p,.mastery-cleared){font-size:13px!important;color:var(--pp80-ink)!important}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-error,
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-error{background:#482e39;color:#ffe3cb!important;border:1px solid #e8ac85;border-left:4px solid #ffbd8e;font-size:13px!important;line-height:1.6;padding:14px;border-radius:12px}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-error button{min-height:44px;color:#fff0e0;background:#64414b;border:1px solid #edbd9e}
/* Keep disabled selection visible without suggesting another submission. */
body.premium-panels-v80 #modalContent #recipe-panel [data-ingredient]:disabled,
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) [data-cloud-value]:disabled,
body.premium-panels-v80 #modalContent #mastery-panel :is([data-mastery-drink],[data-mastery-delta],[data-mastery-move]):disabled{opacity:.58;cursor:not-allowed;translate:none;box-shadow:inset 0 1px #dbe8ff38}
body.premium-panels-v80 #modalContent #recipe-panel button:focus-visible,
body.premium-panels-v80 #modalContent #timing-shift #hit:focus-visible,
body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) button:focus-visible,
body.premium-panels-v80 #modalContent #mastery-panel button:focus-visible{outline:3px solid #ffe5a3;outline-offset:3px}
@media(max-width:600px){
 body.premium-panels-v80 #modal:has(#recipe-panel){padding:18px 14px;width:calc(100vw - 20px);max-width:calc(100vw - 20px)}
 body.premium-panels-v80 #modalContent #recipe-panel .recipe-group>div{padding:7px;gap:7px}
 body.premium-panels-v80 #modalContent #recipe-panel [data-ingredient]{min-width:65px;padding:10px 7px}
 body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit){padding:14px}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-drink-menu>div{padding:11px}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-timeline li{gap:9px;padding:12px}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-timeline li>div:nth-child(2){min-width:0}
}
@media(prefers-reduced-motion:reduce){
 body.premium-panels-v80 #modalContent #recipe-panel [data-ingredient],
 body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) [data-cloud-value],
 body.premium-panels-v80 #modalContent #mastery-panel :is([data-mastery-drink],[data-mastery-delta],[data-mastery-move]){transition:none;translate:none!important}
}
/* Compact active-task hierarchy; rules remain in normal reading order. */
body.premium-panels-v80 #modalContent #mastery-panel:has(#mastery-submit) .mastery-top{margin-bottom:10px;padding-top:8px;padding-bottom:8px}
body.premium-panels-v80 #modalContent #mastery-panel:has(#mastery-submit) .mastery-rounds{margin:10px 0}
body.premium-panels-v80 #modalContent #mastery-panel:has(#mastery-submit)>h2{font-size:25px;margin:8px 0;line-height:1.2}
body.premium-panels-v80 #modalContent #mastery-panel:has(#mastery-submit) .mastery-brief{font-size:15px!important;line-height:1.5;margin:10px 0 12px;padding:12px}
body.premium-panels-v80 #modalContent #mastery-panel:has(#mastery-submit) .mastery-challenge-footer{margin-top:14px;padding-top:14px}
@media(max-width:600px){
 body.premium-panels-v80 #modalContent #mastery-panel:has(#mastery-submit)>h2{font-size:22px}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-drink-choices{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-drink-choices button{font-size:12px!important;padding:9px 3px!important;text-align:center;overflow-wrap:normal}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-cup-wrap{padding:5px;gap:8px}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-precision{padding:12px}
}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-recipe strong{font-size:17px!important;font-weight:800}
/* Host supplies this semantic hook only for an active career job. DOM order,
 * not CSS order, places the task before profile/history context. */
body.premium-panels-v80 #modalContent #cloud-story-panel.cloud-work-active>h2{font-size:24px;line-height:1.2;margin:8px 44px 12px 0}
body.premium-panels-v80 #modalContent #cloud-story-panel.cloud-work-active>.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.04em;padding-right:44px}
body.premium-panels-v80 #modalContent #cloud-story-panel.cloud-work-active .cloud-section-nav{margin:10px 0;padding:5px;gap:5px}
body.premium-panels-v80 #modalContent #cloud-story-panel.cloud-work-active .cloud-section-nav>button{min-height:44px;font-size:12px;padding:8px 10px}
body.premium-panels-v80 #modalContent #cloud-story-panel.cloud-work-active #cloud-sync{font-size:12px;line-height:1.5}
body.premium-panels-v80 #modalContent #cloud-story-panel.cloud-work-active #cloud-sync small{font-size:12px}
body.premium-panels-v80 #modalContent #mastery-panel :is([data-mastery-delta],[data-mastery-move]){font-size:20px!important;min-width:44px}
@media(forced-colors:active){
 body.premium-panels-v80 #modalContent #recipe-panel [data-ingredient][aria-pressed=true],
 body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) [data-cloud-value][aria-pressed=true],
 body.premium-panels-v80 #modalContent #mastery-panel [data-mastery-drink][aria-pressed=true]{outline:3px double Highlight;outline-offset:-5px}
 body.premium-panels-v80 #modalContent #recipe-panel button:focus-visible,
 body.premium-panels-v80 #modalContent #cloud-story-panel .cloud-job:has(#cloud-submit) button:focus-visible,
 body.premium-panels-v80 #modalContent #mastery-panel button:focus-visible{outline:3px solid Highlight;outline-offset:3px}
}
@media(max-width:600px){
 /* Decorative cup is a compact quantity preview, not a tall hero poster. */
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-cup-wrap{flex-direction:row;justify-content:center;gap:26px;padding:3px 8px}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-cup{width:52px;height:68px;border-width:2px;border-radius:4px 4px 18px 18px;flex:none}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-cup:after{right:-18px;top:13px;width:16px;height:26px;border-width:3px}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-cup-fill{inset:4px;border-radius:2px 2px 12px 12px}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-drink-menu>div{padding:8px 10px;gap:8px}
 body.premium-panels-v80 #modalContent #mastery-panel .mastery-drink-menu :is(b,span){font-size:12px!important;line-height:1.5}
 body.premium-panels-v80 #modalContent #mastery-panel:has(#mastery-submit) .mastery-brief{font-size:14px!important;padding:11px;line-height:1.5}
}
body.premium-panels-v80 #modalContent #mastery-panel .mastery-result .mastery-kicker{color:#775321;font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.06em}