.workshop-future{margin-top:22px;border:1px solid #aabc96;background:#e6e9cb;padding:12px 14px}
.workshop-future>summary{cursor:pointer;color:#34533f;font:700 10px/1.5 var(--body)}
.workshop-future>summary strong{font:600 26px/1 var(--pixel);margin-right:14px}
.workshop-future>summary span{display:block;margin-top:7px;font:600 10px/1.5 var(--body);overflow-wrap:anywhere}
.workshop-future>summary:focus-visible{outline:2px solid #365b4b;outline-offset:5px}
.workshop-future .workshop-milestones{margin-bottom:0}
@media(max-width:650px){.workshop-future{padding:12px}.workshop-future>summary strong{font-size:24px}.workshop-future>summary span{font-size:9px}}

/* Keep the selected destination and exact debit beside each commitment. */
body.game-mode .creature-builds-console{color:#162d38}
body.game-mode .creature-builds-console header h2{font-size:25px;color:#162d38}
body.game-mode .creature-builds-console p{font-size:14px;line-height:1.55;color:#334d58}
body.game-mode .creature-builds-console label{font-size:14px;line-height:1.4;color:#263e48}
body.game-mode .creature-builds-console select{appearance:none;box-sizing:border-box;width:100%;height:46px;min-height:46px;padding:9px 32px 9px 10px;border:1px solid #657e89;border-radius:6px;background:#fff9e9;color:#162d38;font-size:16px;line-height:1.4;background-image:linear-gradient(45deg,transparent 50%,#162d38 50%),linear-gradient(135deg,#162d38 50%,transparent 50%);background-position:right 15px center,right 10px center;background-size:5px 5px;background-repeat:no-repeat}
body.game-mode .workshop-profile{padding:12px;gap:12px;background:#edf0dc;border-color:#7b9390;align-items:flex-start}
body.game-mode .workshop-profile .sprite{width:64px;height:64px}
body.game-mode .workshop-profile>div{min-width:0;flex:1}
body.game-mode .workshop-profile h3{font-size:23px}
body.game-mode .workshop-profile p{font-size:13px;line-height:1.5}
body.game-mode .workshop-profile .type-tag{font-size:11px}
body.game-mode .workshop-passive>summary{font-size:13px;line-height:1.4;min-height:44px;display:list-item;align-content:center;cursor:pointer;color:#263e48;padding:8px 0;box-sizing:border-box}
body.game-mode .workshop-profile p>strong{color:#263e48}
body.game-mode .creature-builds-console section h3{font-size:23px;color:#162d38}
body.game-mode .creature-builds-console section h3>small{display:block;font-size:14px;line-height:1.4;margin:8px 0;color:#334d58}
body.game-mode .workshop-manual-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:stretch}
body.game-mode .workshop-manual{padding:14px;gap:10px;background:#f7f5e7;border-color:#7b9390;border-radius:7px}
body.game-mode .workshop-manual>strong{font-size:22px;line-height:1.25;color:#162d38}
body.game-mode .workshop-manual>small{font-size:12px;line-height:1.5;color:#405762}
body.game-mode .workshop-manual>p{font-size:14px;line-height:1.55;margin:0}
body.game-mode .workshop-commitment{width:100%;box-sizing:border-box;margin-top:auto;padding:11px;border:1px solid #8b9f9d;border-radius:5px;background:#e5ecdd;overflow-wrap:anywhere}
body.game-mode .workshop-commitment>strong{font-size:14px;line-height:1.4;color:#162d38}
body.game-mode .workshop-commitment>p{font-size:14px;line-height:1.5;margin:6px 0 0;color:#263e48}
body.game-mode .workshop-commitment>.workshop-cost{font-weight:700}
body.game-mode .workshop-manual>.button{margin-top:0;width:100%;min-height:46px;font-size:14px;line-height:1.4}
body.game-mode .workshop-manual>.workshop-unavailable{color:#334d58;font-size:13px}
body.game-mode .workshop-future{background:#edf0dc;border-color:#7b9390}
body.game-mode .workshop-future>summary{min-height:44px;color:#263e48}
body.game-mode .workshop-future>summary strong{font-size:19px;line-height:1.4}
body.game-mode .workshop-future>summary span{font-size:13px;line-height:1.5}
body.game-mode .workshop-milestones strong{font-size:18px;line-height:1.4;color:#263e48}
body.game-mode .workshop-milestones span{font-size:13px;line-height:1.5;color:#405762}
@media(max-width:650px){body.game-mode .workshop-manual-grid{grid-template-columns:1fr}}

body.game-mode .workshop-evolution-link{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 12px;margin:10px 0;color:#172d38;background:#e8ce86;border:1px solid #71643d;font:700 14px/1.5 var(--body);text-decoration:underline;overflow-wrap:anywhere}
body.game-mode .workshop-evolution{margin-top:16px;padding:14px;border:2px solid #748d81;background:#edf0dc;scroll-margin-top:12px}
body.game-mode .workshop-evolution h3{margin:0 0 10px;line-height:1.2;overflow-wrap:anywhere}
body.game-mode .workshop-evolution .type-tag{font-size:14px}
body.game-mode .workshop-evolution-stats>summary{min-height:44px;box-sizing:border-box;padding:10px 0;cursor:pointer;font:600 14px/1.5 var(--body);color:#263e48}
body.game-mode .workshop-evolution>.button{width:100%;min-height:46px;white-space:normal;font:700 14px/1.5 var(--body);padding:10px}
body.game-mode .workshop-evolution-link:focus-visible,body.game-mode .workshop-evolution-stats>summary:focus-visible{outline:3px solid #365b4b;outline-offset:2px}