/* Collection tools: predictable exchanges and permanent habitat rewards. */
.workshop-page-top{align-items:center}.workshop-stats{display:flex;gap:21px;flex-shrink:0;font-size:10px;color:#8b947d}.workshop-stats span{display:flex;flex-direction:column;gap:5px}.workshop-stats b{font-family:var(--serif);font-size:25px;font-weight:400;color:#46633b}.exchange-section .section-head,.milestone-section .section-head{margin-bottom:9px;gap:12px;flex-wrap:wrap}.workshop-intro{font-size:11px;line-height:1.8;color:#86917a;max-width:660px}.exchange-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.exchange-panel{border:1px solid #d8decc;background:#faf9f2;border-radius:10px;padding:20px;min-width:0}.exchange-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e0e4d6;padding-bottom:14px;margin-bottom:14px}.exchange-panel-title h3{font-size:12px;font-weight:600;color:#4c6742}.exchange-panel-title>span{font-size:9px;color:#8b967d;white-space:nowrap}.exchange-sources{display:flex;flex-direction:column;gap:11px}.exchange-source{display:flex;align-items:center;gap:11px;border:1px solid #e0e5d5;border-radius:7px;padding:10px;background:#f5f5eb;min-width:0;transition:border-color .15s,background .15s}.exchange-source.is-selected{border-color:#a4b68b;background:#edf2e2}.exchange-source>img{width:41px;height:48px;object-fit:cover;border-radius:4px;border:1px solid #d1d7c1;flex-shrink:0}.exchange-source-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.exchange-source-copy b{font-weight:500;font-size:10px;line-height:1.35}.exchange-source-copy>span{font-size:9px;color:#859373}.exchange-source-copy>small{display:flex;align-items:center;gap:4px;font-size:8px;color:#92a080}.exchange-source-copy svg{width:9px;height:9px}.exchange-stepper{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.exchange-stepper button{width:27px;height:29px;border:1px solid #d1dbc0;border-radius:6px;background:#fcfcf4;font-size:16px;color:#537347;padding:0;display:grid;place-items:center}.exchange-stepper button:hover:not(:disabled){background:#e5ecd8}.exchange-stepper button:disabled{opacity:.35}.exchange-stepper output{min-width:15px;text-align:center;font-size:11px;color:#45623a}.exchange-empty{text-align:center;padding:28px 10px 25px;display:flex;flex-direction:column;align-items:center}.exchange-empty>svg{width:25px;height:25px;color:#9aaa86;margin-bottom:13px}.exchange-empty h3{font-family:var(--serif);font-size:19px;font-weight:400;margin-bottom:8px;line-height:1.4}.exchange-empty p{font-size:10px;line-height:1.85;color:#8a957d;max-width:255px}.exchange-empty .text-link{margin-top:15px;font-size:10px}.exchange-needed{font-size:10px;padding:13px 1px 0;color:#94a07f;line-height:1.6}.exchange-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px;max-height:435px;overflow:auto;padding:3px 2px 10px;scrollbar-width:thin;scrollbar-color:#bdcba8 transparent}.exchange-target{position:relative;text-align:center;padding:0;min-width:0;border-radius:9px;transition:transform .15s}.exchange-target:hover:not(:disabled){transform:translateY(-3px)}.exchange-target.is-selected .trading-card{outline:2px solid #79995e;outline-offset:2px}.exchange-target>span{font-size:8px;color:#8c987c;display:block;margin-top:7px;line-height:1.6}.exchange-target.is-selected>span{color:#4b7137;font-weight:600}.exchange-ready{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #d7dfca;border-radius:8px;background:#eaf0df;padding:17px 20px;margin-top:20px}.exchange-ready>div{display:flex;flex-direction:column;gap:6px}.exchange-ready b{font-size:11px;font-weight:550;color:#4a6b3e}.exchange-ready span{font-size:10px;color:#889775;line-height:1.7}.exchange-ready .primary{min-height:41px;padding:0 19px;white-space:nowrap}.exchange-review{margin-top:22px;padding:24px;border:1px solid #c7d5b6;border-radius:10px;background:#f1f5e7;box-shadow:0 5px 14px #364e2810}.exchange-review-head h3{font-family:var(--serif);font-size:24px;font-weight:400;margin-top:9px;margin-bottom:8px}.exchange-review-head p{font-size:11px;color:#879573;line-height:1.7}.exchange-review table{width:100%;border-collapse:collapse;font-size:11px;margin-top:20px}.exchange-review th{text-align:left;font-size:9px;color:#9aa489;font-weight:500;padding:8px 0;border-bottom:1px solid #d7dfc9}.exchange-review th:nth-child(2),.exchange-review td:nth-child(2){text-align:center;white-space:nowrap}.exchange-review th:last-child,.exchange-review td:last-child{text-align:right}.exchange-review td{padding:12px 0;border-bottom:1px solid #e0e6d5;vertical-align:middle}.exchange-review td:first-child b{display:block;font-weight:500}.exchange-review td:first-child span{display:block;font-size:8px;color:#9aa78b;margin-top:5px}.exchange-review .quantity-arrow{color:#9aa889;font-size:11px;padding:0 8px}.exchange-review td strong{font-size:15px;font-weight:550;color:#587948}.exchange-review tr.receiving td{color:#517840}.exchange-protection{font-size:10px;color:#8d9b7d;display:flex;gap:7px;align-items:center;margin-top:16px;line-height:1.7}.exchange-protection svg{width:12px;height:12px;flex-shrink:0}.exchange-review-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:20px}.exchange-review-actions .primary,.exchange-review-actions .secondary{min-height:42px;font-size:11px}.workshop-message,.workshop-error{border:1px solid #cbdab9;border-radius:7px;padding:12px 15px;font-size:11px;line-height:1.8;margin-top:19px;color:#557943;background:#eaf2df;display:flex;align-items:center;gap:9px}.workshop-message svg{width:15px;height:15px;flex-shrink:0}.workshop-error{border-color:#e0c5a2;background:#f5eddf;color:#8b6c43}.milestone-section{margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.milestone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-top:22px}.milestone-card{border:1px solid #d8dfcc;border-radius:10px;overflow:hidden;background:#faf9f2;min-width:0}.milestone-card.is-complete{border-color:#b8c697;box-shadow:0 3px 12px #6c7b3210}.milestone-cover{height:142px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#4d6548,#233f34);color:#ded9ad;text-align:center;padding:15px}.milestone-cover:before{content:'';position:absolute;inset:10px;border:1px solid #d5cf9a66;border-radius:50% 50% 3px 3px;z-index:-1}.milestone-cover:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #d1c57f26;border-radius:50%;left:-80px;top:55px;z-index:-1;box-shadow:0 0 0 10px #d1c57f06,0 0 0 22px #d1c57f0a}.milestone-cover-symbol svg{width:32px;height:32px;stroke-width:1.1;margin-bottom:11px}.milestone-cover>span{font-family:var(--serif);font-size:16px;line-height:1.3}.milestone-cover>small{font-size:6px;letter-spacing:1.6px;margin-top:8px;color:#d1d0a3}.theme-waterside-reward{background:linear-gradient(135deg,#4b8380,#254d5f);color:#d0e2c6}.theme-tropical-reward{background:linear-gradient(135deg,#635269,#234d44);color:#e1d4bc}.theme-archive-reward{background:linear-gradient(135deg,#746442,#3e4b37);color:#e8d8a5}.milestone-content{padding:17px 16px 18px}.milestone-title{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.milestone-title h3{font-family:var(--serif);font-size:18px;font-weight:400;line-height:1.35}.milestone-count{font-size:9px;color:#8a9877;white-space:nowrap;padding-top:4px}.milestone-progress{height:3px;background:#e2e7d8;border-radius:4px;overflow:hidden;margin:12px 0}.milestone-progress i{display:block;height:100%;background:#94a774;border-radius:4px}.is-complete .milestone-progress i{background:#6f8a4d}.milestone-content>p{font-size:9px;line-height:1.8;color:#879576}.milestone-checklist{list-style:none;padding:0;margin:13px 0 17px;display:flex;flex-direction:column;gap:7px}.milestone-checklist li{font-size:8px;color:#a1aa91;line-height:1.5;display:flex;gap:6px}.milestone-checklist li>span{width:11px;flex-shrink:0;color:#b4bea1}.milestone-checklist li.collected{color:#6a8555}.milestone-checklist li.collected>span{color:#6c8c50}.milestone-content>.text-link{font-size:9px}.milestone-locked{font-size:8px;color:#a0aa8e;display:flex;align-items:center;gap:5px}.milestone-locked svg{height:10px;width:10px;flex-shrink:0}
@media(max-width:1100px){.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.milestone-cover{height:150px}.milestone-checklist{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px}.milestone-content{padding:19px}.exchange-panel{padding:17px}.exchange-stepper{gap:4px}.exchange-source{gap:8px;padding:9px}.exchange-source-copy b{font-size:9px}.exchange-stepper button{width:24px;height:27px}.exchange-source>img{width:35px;height:43px}.exchange-targets{gap:15px 10px}.workshop-stats{gap:18px}}
@media(max-width:850px){.exchange-columns{gap:17px}.exchange-source{flex-wrap:wrap}.exchange-source-copy{flex:1}.exchange-stepper{margin-left:auto}.exchange-panel-title{align-items:flex-start}.exchange-panel-title h3{font-size:11px}.exchange-panel-title>span{font-size:8px}.exchange-panel{padding:15px}.exchange-targets{grid-template-columns:repeat(2,minmax(0,1fr));max-height:410px}.workshop-stats{font-size:9px}.workshop-stats b{font-size:23px}}
@media(max-width:650px){.workshop-page-top{align-items:flex-start}.workshop-stats{width:100%;padding:15px 17px;background:#e8edde;border:1px solid #d6dfc8;border-radius:7px;gap:30px;font-size:9px}.workshop-stats span{gap:4px}.workshop-stats b{font-size:22px}.exchange-section .section-head,.milestone-section .section-head{align-items:flex-start;gap:10px}.exchange-section .small-pill,.milestone-section .small-pill{font-size:8px;line-height:1.5}.workshop-intro{font-size:10px;line-height:1.9}.exchange-columns{grid-template-columns:1fr;gap:17px;margin-top:19px}.exchange-panel{padding:17px}.exchange-panel-title{padding-bottom:13px;margin-bottom:13px;align-items:center}.exchange-panel-title h3{font-size:12px}.exchange-panel-title>span{font-size:9px}.exchange-source{flex-wrap:nowrap;padding:11px;gap:9px}.exchange-source>img{width:38px;height:46px}.exchange-source-copy b{font-size:10px}.exchange-source-copy>span{font-size:8px}.exchange-source-copy>small{font-size:7px;gap:3px}.exchange-source-copy>small svg{width:8px;height:8px}.exchange-stepper button{width:27px;height:29px}.exchange-stepper{gap:5px}.exchange-stepper output{font-size:10px;min-width:14px}.exchange-targets{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 11px;max-height:510px}.exchange-target>span{font-size:7px;margin-top:7px}.exchange-empty{padding:22px 10px 20px}.exchange-empty h3{font-size:19px}.exchange-empty p{font-size:10px}.exchange-needed{font-size:9px}.exchange-ready{padding:16px;gap:16px;align-items:flex-start;flex-direction:column}.exchange-ready b{font-size:11px}.exchange-ready span{font-size:9px}.exchange-ready .primary{width:100%;min-height:41px;font-size:11px}.exchange-review{padding:18px;margin-top:18px}.exchange-review-head .mini-label{font-size:8px}.exchange-review-head h3{font-size:23px;line-height:1.3}.exchange-review-head p{font-size:10px}.exchange-review table{font-size:10px;margin-top:15px}.exchange-review th{font-size:8px}.exchange-review td{padding:12px 0}.exchange-review td:first-child b{font-size:9px;max-width:170px;line-height:1.6}.exchange-review td:first-child span{font-size:7px}.exchange-review td strong{font-size:13px}.exchange-review .quantity-arrow{padding:0 5px;font-size:10px}.exchange-review th:last-child,.exchange-review td:last-child{width:35px}.exchange-protection{font-size:9px;align-items:flex-start;gap:6px;line-height:1.8}.exchange-protection svg{margin-top:2px;height:11px;width:11px}.exchange-review-actions{justify-content:space-between;gap:9px;margin-top:17px}.exchange-review-actions .primary,.exchange-review-actions .secondary{font-size:10px;padding:0 15px;min-height:41px}.workshop-message,.workshop-error{font-size:10px;padding:11px 13px;line-height:1.9}.milestone-section{margin-top:33px;padding-top:26px}.milestone-grid{grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:18px}.milestone-cover{height:125px;padding:13px 11px}.milestone-cover:before{inset:8px}.milestone-cover-symbol svg{width:28px;height:28px;margin-bottom:10px}.milestone-cover>span{font-size:14px;line-height:1.3}.milestone-cover>small{font-size:5px;letter-spacing:1.2px;margin-top:7px}.milestone-content{padding:13px 11px 15px}.milestone-title{gap:5px;flex-wrap:wrap}.milestone-title h3{font-size:17px}.milestone-count{font-size:8px;padding-top:0}.milestone-progress{margin:10px 0}.milestone-content>p{font-size:8px;line-height:1.8}.milestone-checklist{grid-template-columns:1fr;gap:6px;margin:11px 0 14px}.milestone-checklist li{font-size:7px;gap:4px}.milestone-checklist li>span{width:9px}.milestone-content>.text-link{font-size:8px;gap:5px;line-height:1.6}.milestone-content>.text-link svg{height:11px;width:11px}.milestone-locked{font-size:7px;gap:4px;line-height:1.7}.milestone-locked svg{height:9px;width:9px;align-self:flex-start;margin-top:2px}}
@media(max-width:360px){.exchange-panel{padding:14px}.exchange-source{padding:8px;gap:7px}.exchange-source>img{width:31px;height:41px}.exchange-source-copy b{font-size:9px}.exchange-source-copy>span{font-size:7px}.exchange-source-copy>small{font-size:6px}.exchange-stepper{gap:3px}.exchange-stepper button{width:24px;height:27px}.exchange-stepper output{min-width:12px;font-size:9px}.exchange-targets{gap:15px 8px}.exchange-review{padding:15px}.exchange-review-actions .primary,.exchange-review-actions .secondary{font-size:9px;padding:0 12px}.milestone-grid{gap:14px 10px}.milestone-content{padding:12px 10px}.milestone-title h3{font-size:16px}.milestone-cover>span{font-size:13px}}
/* Keep reward requirements legible without opening each milestone. */
.milestone-content>p{font-size:10px}.milestone-checklist li{font-size:9px}.milestone-locked{font-size:9px}.milestone-cover>small{font-size:7px}.milestone-content>.text-link{font-size:10px}
@media(max-width:650px){.workshop-intro{font-size:11px}.exchange-source-copy b{font-size:11px}.exchange-source-copy>span{font-size:9px}.exchange-source-copy>small{font-size:8px}.milestone-content>p{font-size:10px}.milestone-checklist li{font-size:9px}.milestone-locked{font-size:8px}.milestone-cover>small{font-size:6px}.milestone-content>.text-link{font-size:9px}.exchange-target>span{font-size:8px}}
@media(max-width:360px){.exchange-source-copy b{font-size:9px}.exchange-source-copy>span{font-size:8px}.exchange-source-copy>small{font-size:7px}.milestone-checklist li{font-size:8px}}
.milestone-species{margin:13px 0 17px}.milestone-species>summary{cursor:pointer;font-size:10px;color:#788a65;line-height:1.6}.milestone-species .milestone-checklist{max-height:255px;overflow:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}.milestone-content>.reward-kept{font-size:9px;margin:0 0 13px;color:#71885e}
.exchange-set-tabs{display:flex;gap:6px;margin:0 0 16px;flex-wrap:wrap}.exchange-set-tabs>button{min-height:40px;padding:8px 13px;border:1px solid #d4ddc7;border-radius:6px;font-size:11px;color:#718160;background:#f4f4e9}.exchange-set-tabs>button[aria-pressed="true"]{background:#e4ecd6;border-color:#9aaf7d;color:#385a2c}.exchange-source-copy>.exchange-source-set{font-size:9px;color:#829475;margin:3px 0}.milestone-set{display:block;font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#8a967d;margin-bottom:7px}.theme-pasture-reward{background:linear-gradient(135deg,#858252,#36523d);color:#f0e7bd}.theme-farmyard-reward{background:linear-gradient(135deg,#965e4c,#5f3937);color:#f3dcc1}.theme-aquaculture-reward{background:linear-gradient(135deg,#4d8590,#264755);color:#def0e1}.theme-farmstead-reward{background:linear-gradient(135deg,#987b48,#51412d);color:#f1dfae}