/* Field-console task screens: real progress, earned rewards and the next choice. */
body.game-mode :is(.game-research,.game-workshop,.game-chronicle){--task-edge:#70cdbc;--task-ink:#fff5dc;--task-muted:#d4e3e6;--task-deep:#152839;--task-panel:#28394d}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) .game-window__body{background-color:#192839;background-image:linear-gradient(#7bc6c30a 1px,transparent 1px),linear-gradient(90deg,#7bc6c30a 1px,transparent 1px);background-size:28px 28px;color:var(--task-ink);padding:20px}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) :is(button,select,summary){min-height:44px}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) :is(.rpg-progress-eyebrow,.rpg-progress-status){font:700 12px/1.4 var(--body);letter-spacing:.6px;color:#b4e5d8}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) .rpg-progress-status{align-self:flex-start;padding:4px 8px;border:1px solid #73aaab;background:#173040;letter-spacing:.3px;max-width:100%;overflow-wrap:anywhere}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) .button{min-height:46px;font:700 14px/1.4 var(--body);white-space:normal;overflow-wrap:anywhere}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) button:disabled{opacity:1;color:#becfd5;background:#233444;border-color:#6e9296;box-shadow:inset 0 -3px #122535}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) select{appearance:auto;min-height:46px;width:100%;max-width:100%;min-width:0;background:#122a3b;color:#fff6dd;border:2px solid #7ec7ba;border-radius:0;padding:9px 10px;font:600 16px/1.4 var(--body)}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) label{font:700 14px/1.5 var(--body);color:var(--task-muted);display:grid;gap:7px}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) summary{cursor:pointer;align-content:center;font:600 14px/1.5 var(--body);color:#d6eee7;padding:9px 0;box-sizing:border-box}
body.game-mode :is(.game-research,.game-workshop,.game-chronicle) .notice{background:#24394a;border:1px solid #77aaa8;border-left:3px solid #ffd992;color:#e0ece7;font:400 14px/1.5 var(--body);padding:12px}

/* Projects lead, with secondary systems grouped under their own headings. */
body.game-mode .game-research .depth-section-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}
body.game-mode .game-research .depth-section-nav>button{background:#27384d;border:1px solid #7bb7b2;border-radius:0;color:#e4eee6;font:600 14px/1.4 var(--body);padding:9px 12px}
body.game-mode .game-research .research-section-nav{display:flex;position:sticky;top:-20px;z-index:3;gap:8px;margin:0 0 18px;padding:10px 0;background:#192839;border-bottom:2px solid #5e9a9a}
body.game-mode .game-research .research-section-nav>a{display:flex;align-items:center;justify-content:center;min-height:44px;flex:1;padding:8px 10px;background:linear-gradient(130deg,#2e5768,#2c354e);border:2px solid #80c7bd;border-radius:0;color:#fff3d0;text-decoration:none;font:600 22px/1.1 Pixelify,monospace;box-shadow:inset 0 -3px #13273b;box-sizing:border-box}
body.game-mode .game-research .research-section-nav>a:focus-visible{outline:3px solid #ffcf79;outline-offset:2px}
body.game-mode .game-research .research-console{color:var(--task-ink);gap:24px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);max-width:1260px;margin:0 auto}
body.game-mode .game-research .research-console :is(h2,h3){font-family:Pixelify,monospace;color:#fff5d9;letter-spacing:.2px}
body.game-mode .game-research .research-console h2{font-size:32px;line-height:1.15;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:4px 0 12px}
body.game-mode .game-research .research-console h2 small{font:700 14px/1.4 var(--body);color:#cce9e2;margin:0;border:1px solid #76a9a8;padding:4px 7px;background:#17303d}
body.game-mode .game-research .research-console :is(p,label){font:400 14px/1.5 var(--body);color:var(--task-muted)}
body.game-mode .game-research .research-console label{font-weight:700;margin:14px 0}
body.game-mode .game-research .research-projects,body.game-mode .game-research .research-mastery,body.game-mode .game-research #research-hunts{scroll-margin-top:80px;min-width:0}
body.game-mode .game-research .research-mastery{border-left:2px solid #49787e;padding-left:24px}
body.game-mode .game-research .research-project-list{display:grid;gap:14px;margin-top:12px}
body.game-mode .game-research :is(.research-contract,.mastery-option,.hunt-decision){position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;margin:0;padding:16px;background:linear-gradient(135deg,#3e6f7829 0 24%,transparent 24%),linear-gradient(#2b4056,#223348);border:3px double var(--task-edge);border-radius:0;box-shadow:inset 0 3px #b9ffe518,inset 0 -4px #102336,3px 4px #101c2e}
body.game-mode .game-research .research-contract.ready{--task-edge:#ffda92;background:linear-gradient(135deg,#8d743040 0 24%,transparent 24%),#34454d}
body.game-mode .game-research .research-contract[data-state=active]{--task-edge:#a1deed}
body.game-mode .game-research .research-state{font:700 12px/1.4 var(--body);letter-spacing:.4px;color:#b5eadf;display:block;margin-bottom:5px}
body.game-mode .game-research .research-contract.ready .research-state{color:#ffdd9c}
body.game-mode .game-research .research-contract h3{font:600 28px/1.1 Pixelify,monospace;margin:0;color:#fff6dd}
body.game-mode .game-research .research-contract p{margin:0;color:var(--task-muted)}
body.game-mode .game-research .research-contract__progress{display:grid;gap:6px;font:700 14px/1.4 var(--body);color:#e4f3e6}
body.game-mode .game-research .research-contract__progress progress{appearance:none;display:block;width:100%;height:12px;background:#112638;border:2px solid #d4e6d8;border-radius:0;color:#7cdbb8}
body.game-mode .game-research .research-contract__progress progress::-webkit-progress-bar{background:#112638}
body.game-mode .game-research .research-contract__progress progress::-webkit-progress-value{background:#82dfb2;box-shadow:inset 0 2px #dcffd3}
body.game-mode .game-research .research-contract__progress progress::-moz-progress-bar{background:#82dfb2}
body.game-mode .game-research .research-contract__reward{display:grid;gap:4px;padding:10px 12px;background:#142b3b;border-left:3px solid #f3cc80}
body.game-mode .game-research .research-contract__reward>span{font:700 11px/1.4 var(--body);color:#d0dfd9;letter-spacing:.5px}
body.game-mode .game-research .research-contract__reward>strong{font:600 14px/1.5 var(--body);color:#ffe5ad}
body.game-mode .game-research .research-contract .research-action-reason{font-weight:600;color:#ffe1ad}
body.game-mode .game-research .research-contract .button{width:100%;margin:2px 0 0}
body.game-mode .game-research .research-contract[data-state=active] .button{background:#23384a;border-color:#82a3aa;color:#dce4e8;font-weight:500}
body.game-mode .game-research :is(.research-project-rules,.research-mastery-rules){border-bottom:1px solid #5a888c;margin:0 0 10px}
body.game-mode .game-research .research-record{border-top:1px solid #528286;padding-top:12px}
body.game-mode .game-research .research-family-hud{display:flex;align-items:center;gap:14px;padding:12px;margin:16px 0;background:linear-gradient(130deg,#375f724d 0 38%,transparent 38%),#223448;border:3px double #7dcabb;min-width:0}
body.game-mode .game-research .research-family-hud>.sprite{width:86px;height:86px;object-fit:contain;image-rendering:pixelated;flex:0 0 86px;filter:drop-shadow(0 4px #0c2334)}
body.game-mode .game-research .research-family-hud>div{min-width:0}
body.game-mode .game-research .research-family-hud h3{font:600 30px/1.1 Pixelify,monospace;margin:0 0 6px;overflow-wrap:anywhere}
body.game-mode .game-research .research-family-hud strong{font:700 16px/1.4 var(--body);color:#ffdda0}
body.game-mode .game-research .research-family-hud p{margin:4px 0 0}
body.game-mode .game-research .mastery-option{margin-top:14px}
body.game-mode .game-research .mastery-option>strong{font:600 28px/1.1 Pixelify,monospace;color:#fff6dc}
body.game-mode .game-research .mastery-option>small{font:500 14px/1.4 var(--body);color:#bddbd6}
body.game-mode .game-research .mastery-option :is(p,.mastery-scope){font:400 14px/1.5 var(--body);color:#d9e8e5;margin:0}
body.game-mode .game-research .mastery-option .mastery-cost{font-weight:700;color:#ffdfa3;background:#142b3a;border-left:3px solid #c8a865;padding:10px}
body.game-mode .game-research .mastery-option .mastery-scope-details{border-bottom:1px solid #557984}
body.game-mode .game-research .mastery-option[data-state=unlocked]{--task-edge:#a7dba8}
body.game-mode .game-research .mastery-next{margin:8px 0 0}
body.game-mode .game-research .research-hunt{margin-top:28px;padding-top:24px;border-top:3px double #7db3a9}
body.game-mode .game-research .research-hunt h2{margin-top:0}
body.game-mode .game-research .hunt-decision h3{font:600 27px/1.2 Pixelify,monospace;color:#fff5db}
body.game-mode .game-research .hunt-decision p{color:#d9e8e5;margin:0}
body.game-mode .game-research .hunt-decision .hunt-cost{font-weight:700;color:#ffe0a5;border-left:3px solid #dfbd7c;padding-left:10px}

/* Companion workshop keeps identity, scope and commitment beside each lesson. */
body.game-mode .game-workshop .creature-builds-console{max-width:1100px;margin:0 auto;color:var(--task-ink)}
body.game-mode .game-workshop .creature-builds-console>header{border-bottom:2px solid #557f85;padding-bottom:12px}
body.game-mode .game-workshop .creature-builds-console>header h2{font:600 34px/1.1 Pixelify,monospace;color:#fff4d7;margin:4px 0 8px}
body.game-mode .game-workshop .creature-builds-console p{font:400 14px/1.5 var(--body);color:var(--task-muted)}
body.game-mode .game-workshop .creature-builds-console>label{margin:14px 0}
body.game-mode .game-workshop .workshop-profile{padding:14px;gap:16px;background:linear-gradient(135deg,#477a8a44 0 28%,transparent 28%),#253c50;border:4px double #80d6c3;border-radius:0;align-items:center;min-width:0}
body.game-mode .game-workshop .workshop-profile .sprite{width:100px;height:100px;flex:0 0 100px;image-rendering:pixelated;filter:drop-shadow(0 5px #0e2036)}
body.game-mode .game-workshop .workshop-profile h3{font:600 34px/1.1 Pixelify,monospace;color:#fff5da;overflow-wrap:anywhere;margin:4px 0 8px}
body.game-mode .game-workshop .workshop-profile p{font-size:14px;line-height:1.5}
body.game-mode .game-workshop .workshop-profile__level{font:700 14px/1.5 var(--body);color:#bfe8dc}
body.game-mode .game-workshop .workshop-passive>summary{color:#ddede7;font-size:14px}
body.game-mode .game-workshop .workshop-profile .type-tag{font-size:12px;line-height:1.3}
body.game-mode .game-workshop .workshop-teaching{margin-top:24px;padding-top:18px;border-top:3px double #6bada8}
body.game-mode .game-workshop :is(.workshop-teaching,.workshop-evolutions)>h3{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font:600 28px/1.15 Pixelify,monospace;color:#fff5da;margin:6px 0 10px}
body.game-mode .game-workshop .workshop-teaching>h3>small{font:700 14px/1.4 var(--body);color:#ffdfa3;border:1px solid #8bb4af;padding:5px 8px;background:#142b3a}
body.game-mode .game-workshop :is(.workshop-manual,.workshop-evolution,.workshop-future){border:3px double #76bdb3;border-radius:0;background:linear-gradient(135deg,#38617433 0 24%,transparent 24%),#27394c;box-shadow:inset 0 -4px #112535,3px 4px #122131;padding:16px}
body.game-mode .game-workshop .workshop-manual{gap:12px;min-width:0}
body.game-mode .game-workshop .workshop-manual>strong{font:600 28px/1.1 Pixelify,monospace;color:#fff5d9}
body.game-mode .game-workshop :is(.workshop-manual>small,.workshop-manual>.workshop-unavailable){font:500 14px/1.5 var(--body);color:#cbe0df}
body.game-mode .game-workshop .workshop-manual>.button{font-size:14px;min-height:46px}
body.game-mode .game-workshop .workshop-commitment{background:#142b3b;border:1px solid #6e9c9d;border-left:3px solid #ffd48a;border-radius:0;padding:12px}
body.game-mode .game-workshop .workshop-commitment>strong{font:700 14px/1.5 var(--body);color:#f5edd5}
body.game-mode .game-workshop .workshop-commitment>p{font:400 14px/1.5 var(--body);color:#d9e8e5}
body.game-mode .game-workshop .workshop-commitment>.workshop-cost{font-weight:700;color:#ffdfa3}
body.game-mode .game-workshop .workshop-evolution{border-color:#e7cc86;margin-top:18px;scroll-margin-top:12px}
body.game-mode .game-workshop .workshop-evolution h3{font:600 29px/1.15 Pixelify,monospace;color:#ffe6b0}
body.game-mode .game-workshop .workshop-evolution-stats>summary{color:#d9eee7;font-size:14px}
body.game-mode .game-workshop .workshop-evolution-link{background:#ffdc93;border:2px solid #fff1bd;color:#253447;border-radius:0;font:700 14px/1.5 var(--body)}
body.game-mode .game-workshop .workshop-future{margin-top:18px}
body.game-mode .game-workshop .workshop-future>summary{color:#dcece4;font-size:14px}
body.game-mode .game-workshop .workshop-future>summary strong{font:600 25px/1.2 Pixelify,monospace;color:#fff4d7}
body.game-mode .game-workshop .workshop-future>summary span{font:500 14px/1.5 var(--body);color:#d0e0df}
body.game-mode .game-workshop .workshop-milestones strong{font:600 22px/1.2 Pixelify,monospace;color:#ffe2a4}
body.game-mode .game-workshop .workshop-milestones span{font:400 14px/1.5 var(--body);color:#d4e4df}

/* Chronicle keeps the next chapter as the lead, with optional projects below. */
body.game-mode .game-chronicle .journey-console{gap:20px}
body.game-mode .game-chronicle :is(.journey-current,.journey-project,.journey-expedition){background:linear-gradient(135deg,#39718033 0 26%,transparent 26%),linear-gradient(#2a3d51,#223448);border:3px double #7abfb5;border-radius:0;box-shadow:inset 0 3px #b1ffda18,inset 0 -4px #112535,3px 4px #132235;padding:18px}
body.game-mode .game-chronicle .journey-current{border-color:#e3c785;background:linear-gradient(135deg,#84734429 0 22%,transparent 22%),#2c3d4c}
body.game-mode .game-chronicle .journey-current h2{font:600 32px/1.1 Pixelify,monospace;color:#fff1cd;margin:7px 0 10px}
body.game-mode .game-chronicle .journey-current__art{width:90px;min-height:90px;margin:0 0 10px 14px}
body.game-mode .game-chronicle .journey-current__art .sprite{width:90px;height:90px}
body.game-mode .game-chronicle .journey-timeline{gap:10px}
body.game-mode .game-chronicle .journey-timeline li{padding:10px;border:1px solid #52787e;border-bottom-width:3px;background:#142c3b}
body.game-mode .game-chronicle .journey-timeline li.current{background:#39404a;border-color:#dfc17c}
body.game-mode .game-chronicle .journey-timeline li.done{border-color:#85bc96}
body.game-mode .game-chronicle .journey-timeline li>span{font:600 23px/1 Pixelify,monospace}
body.game-mode .game-chronicle .journey-project.ready{border-color:#ffdc94}
body.game-mode .game-chronicle .journey-project.recorded{border-color:#a9d6a4}
body.game-mode .game-chronicle .journey-project__heading h3{font:600 29px/1.1 Pixelify,monospace;color:#fff4db}
body.game-mode .game-chronicle .journey-project__number{font:600 24px/1 Pixelify,monospace;color:#ffda9a}
body.game-mode .game-chronicle .journey-project__unlock{background:#142a3a;border-left:3px solid #dfbd7b}
body.game-mode .game-chronicle .journey-project__unlock>strong{font:600 23px/1.15 Pixelify,monospace;color:#ffe1a1}
body.game-mode .game-chronicle .journey-section-heading h2{font:600 31px/1.1 Pixelify,monospace;color:#fff5d9}
body.game-mode .game-chronicle .journey-expedition h3{font:600 28px/1.15 Pixelify,monospace;color:#fff5da}
body.game-mode .game-chronicle .journey-expedition.locked{background:linear-gradient(135deg,#38536133 0 26%,transparent 26%),#243242;border-color:#648e97}
body.game-mode .game-chronicle .journey-expedition.unlocked{border-color:#e7ca8a}
body.game-mode .game-chronicle .journey-expedition__roster{background:radial-gradient(ellipse at 50% 80%,#8cd8bf29,transparent 70%)}
body.game-mode .game-chronicle .journey-field-notes{display:block;border-top:2px solid #56878a;padding:8px 0 0}
body.game-mode .game-chronicle .journey-field-notes>summary{font:600 23px/1.2 Pixelify,monospace;color:#e8e9cf}
body.game-mode .game-chronicle .journey-field-notes>div{display:grid;gap:10px;padding:10px 12px;background:#142b3a;border:1px solid #57888b}

@media(max-width:1000px){
 body.game-mode .game-research .research-console{gap:20px}
 body.game-mode .game-research .research-mastery{padding-left:20px}
 body.game-mode .game-chronicle .journey-project{display:flex}
}
@media(max-width:700px){
 body.game-mode :is(.game-research,.game-workshop,.game-chronicle) .game-window__body{padding:12px}
 body.game-mode .game-research .depth-section-nav{gap:8px;margin-bottom:8px}
 body.game-mode .game-research .depth-section-nav>button{flex:1;font-size:12px;padding:8px 6px}
 body.game-mode .game-research .research-section-nav{top:-12px;margin-bottom:14px;gap:6px;padding:8px 0}
 body.game-mode .game-research .research-section-nav>a{font-size:20px;padding:8px 4px}
 body.game-mode .game-research .research-console{grid-template-columns:minmax(0,1fr);gap:24px}
 body.game-mode .game-research .research-mastery{border-left:0;border-top:3px double #639e9b;padding:20px 0 0}
 body.game-mode .game-research :is(.research-contract,.mastery-option,.hunt-decision){padding:13px}
 body.game-mode .game-research .research-console h2{font-size:29px}
 body.game-mode .game-research .research-family-hud>.sprite{width:72px;height:72px;flex-basis:72px}
 body.game-mode .game-research .research-family-hud h3{font-size:28px}
 body.game-mode .game-workshop .creature-builds-console>header h2{font-size:30px}
 body.game-mode .game-workshop .workshop-profile{gap:12px;padding:12px;align-items:flex-start}
 body.game-mode .game-workshop .workshop-profile .sprite{width:70px;height:80px;flex-basis:70px}
 body.game-mode .game-workshop .workshop-profile h3{font-size:29px}
 body.game-mode .game-workshop :is(.workshop-manual,.workshop-evolution,.workshop-future){padding:13px}
 body.game-mode .game-chronicle :is(.journey-current,.journey-project,.journey-expedition){padding:14px}
 body.game-mode .game-chronicle .journey-current h2{font-size:28px}
 body.game-mode .game-chronicle .journey-current__art{width:64px;min-height:70px;margin-left:9px}
 body.game-mode .game-chronicle .journey-current__art .sprite{width:64px;height:70px}
 body.game-mode .game-chronicle .journey-timeline{gap:8px}
 body.game-mode .game-chronicle .journey-timeline li{padding:9px 7px;gap:7px}
 body.game-mode .game-chronicle .journey-timeline li>strong{font-size:12px}
 body.game-mode .game-chronicle .journey-expedition{display:flex}
 body.game-mode .game-chronicle .journey-expedition__roster{display:flex;min-height:80px;grid-column:auto;grid-row:auto}
 body.game-mode .game-chronicle .journey-expedition__roster .sprite{width:72px;height:72px;margin:0}
 body.game-mode .game-chronicle .journey-section-heading{align-items:flex-start;gap:10px}
 body.game-mode .game-chronicle .journey-section-heading h2{font-size:28px}
 body.game-mode .game-chronicle .journey-section-heading>small{white-space:normal;text-align:right}
}
@media(max-height:500px) and (min-width:701px){
 body.game-mode :is(.game-research,.game-workshop,.game-chronicle) .game-window__body{padding:12px 16px}
 body.game-mode .game-research .research-section-nav{top:-12px;margin-bottom:12px;padding:6px 0}
 body.game-mode .game-chronicle .journey-current h2{font-size:28px}
}

body.game-mode .game-workshop .workshop-evolution-locked{margin-top:16px;border:2px solid #769e9e;background:#203649;padding:4px 12px;scroll-margin-top:12px}
body.game-mode .game-workshop .workshop-evolution-locked>summary{color:#e6eee0;font:600 14px/1.5 var(--body);min-height:44px}
body.game-mode .game-workshop .workshop-evolution-locked>summary strong{font:600 24px/1.2 Pixelify,monospace;color:#fff1cd}
body.game-mode .game-workshop .workshop-evolution-locked>summary span{display:block;font:500 14px/1.5 var(--body);color:#dfdcb9;padding-top:4px}
body.game-mode .game-workshop .workshop-evolution-locked .workshop-evolution{margin:8px 0 10px}

body.game-mode .game-research .research-console select{background:#122a3b;color:#fff6dd;border-color:#7ec7ba;appearance:auto}
body.game-mode .game-research .research-intro{margin:8px 0 12px}
body.game-mode .game-chronicle .journey-prepare{width:100%;margin:8px 0 4px}
body.game-mode .game-research .research-section-nav>a{min-width:0}
@media(max-width:360px){body.game-mode .game-research .research-section-nav>a{font-size:18px;padding-left:2px;padding-right:2px}}

body.game-mode .game-research .research-contract[data-state=locked] .research-state{color:#f4d49b}

/* Expanded level milestones use the same readable slate as other lessons. */
body.game-mode .game-workshop .workshop-milestones>li{background:#162e40;border:1px solid #76aaa7;box-shadow:inset 0 -3px #0e2233}
@media(max-width:360px){body.game-mode .game-workshop .workshop-profile>div>h3{font-size:24px;line-height:1.15}}