.construction-dialog{--work-ink:#38523c;--work-line:#d4ddbd;color:var(--work-ink)}
.construction-dialog .construction-art{fill:none;stroke:none;width:100%;height:auto;display:block}
.construction-dialog p{font-size:16px;line-height:1.45;margin:9px 0}
.construction-dialog h3{font-size:21px;margin:10px 0}
.construction-dialog .primary-button,.construction-dialog .secondary-button{min-height:48px;margin:8px 0;white-space:normal;justify-content:center}
.construction-welcome,.construction-keeper{display:flex;align-items:center;gap:18px;background:#edf0db;border-radius:18px;padding:10px 16px}
.construction-welcome>.construction-art{width:110px;flex:0 0 110px}
.construction-welcome strong{font-family:Fraunces,Georgia,serif;font-size:23px}
.construction-keeper>.construction-art{width:90px;flex:0 0 90px}
.construction-keeper strong{font-size:18px}.construction-keeper p{font-size:15px}
.construction-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.construction-categories article,.construction-project-card{position:relative;border:2px solid var(--work-line);border-radius:18px;background:#f5f1df;overflow:hidden}
.construction-categories article>button:first-child,.construction-project-card>button:first-child{width:100%;display:flex;flex-direction:column;align-items:center;background:none;padding:10px 10px 58px;gap:8px;color:var(--work-ink)}
.construction-categories article>button:first-child>.construction-art{height:94px}
.construction-categories strong,.construction-project-card strong{font-family:Fraunces,Georgia,serif;font-size:23px}.construction-categories span{font-size:14px;line-height:1.4}
.construction-categories .read-button,.construction-project-card .read-button{position:absolute;bottom:8px;right:8px;width:44px;height:44px}
.construction-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}
.construction-scene{width:100%;max-width:490px;margin:8px auto}.construction-scene>.construction-art{max-height:245px;width:100%}
.construction-categories .construction-scene{height:94px;margin:0}.construction-categories .construction-scene>.construction-art{height:94px}
.community-scene{border-radius:20px;background:#e6edd9;padding:8px;display:flex;align-items:center;justify-content:center;gap:16px;min-height:155px}
.community-scene>.construction-art{height:150px;width:55%}.community-scene>span{max-width:95px;font-size:19px;font-family:Fraunces,Georgia,serif}.community-scene:not(.is-complete)>.construction-art{opacity:.62}
.construction-status{background:#e9efdd;border-radius:11px;padding:9px 12px;font-weight:600}.construction-status:empty{display:none}
.construction-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.construction-stages>div{border:2px solid transparent;border-radius:12px;background:#f0efdf;text-align:center;padding:6px}.construction-stages .current{border-color:#739169;background:#e4ecd3}.construction-stages .construction-art{height:55px}.construction-stages span{font-size:13px;font-weight:600}
.construction-budget{background:#f7efdc;border:1px solid #e4d4ac;border-radius:15px;padding:12px}.construction-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.construction-money>span{text-align:center;font-size:13px}.construction-money strong{display:block;font-size:25px;margin:5px}.construction-coins{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;max-width:180px;margin:5px auto}.construction-coins>.construction-art{width:19px;height:19px;flex:0 0 19px}.construction-empty-coin{border:1px dashed #b5a277;border-radius:50%;width:23px;height:23px;color:#766d50}
.construction-supplies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.construction-supplies>button{display:grid;grid-template-columns:58px minmax(0,1fr);background:#f7f2de;border:2px solid #d7dcbd;border-radius:14px;text-align:left;align-items:center;padding:8px;gap:5px;color:var(--work-ink)}.construction-supplies>button>.construction-art{width:58px;height:54px}.construction-supplies small{display:block;margin-top:4px}.construction-supplies .construction-coins{grid-column:2;margin:0;justify-content:start}.construction-supplies button:disabled{opacity:.7;cursor:default}.construction-owned{grid-column:2;color:#4a7556;font-weight:bold}
.construction-confirm{border:3px solid #af9453;border-radius:18px;padding:14px;text-align:center;background:#fff5d9;scroll-margin:10px}.construction-confirm>.construction-art{width:115px;height:90px;margin:auto}.construction-confirm .primary-button,.construction-confirm .secondary-button{width:100%}
.construction-work{border:2px solid #a7ba91;border-radius:18px;padding:14px;margin:14px 0;background:#edf3e3}.construction-piece-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.construction-piece-choices button,.construction-target{display:flex;align-items:center;justify-content:center;gap:8px;background:#fffbee;border:2px solid #c7d1ae;border-radius:12px;min-height:70px;padding:7px}.construction-piece-choices .construction-art{width:70px;height:54px}.construction-piece-choices button[aria-pressed=true]{border-color:#638451;background:#e0ebcd}.construction-target{width:100%;border-style:dashed;margin:10px 0;min-height:90px}.construction-target>.construction-art{height:75px;width:110px}.construction-work>.primary-button{width:100%}.construction-work>.primary-button>.construction-art{width:38px;height:32px}
.construction-colors{border:0;margin:14px 0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.construction-colors legend{font-weight:bold;margin-bottom:8px}.construction-colors button{display:flex;align-items:center;gap:7px;min-height:46px;background:#f8f0dc;border:2px solid #d9d8b9;border-radius:12px;padding:7px}.construction-colors i{background:var(--paint);width:24px;height:24px;border-radius:50%;border:2px solid #ffffff}.construction-colors button[aria-pressed=true]{border-color:#55794f}
.construction-use-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.construction-use-steps>button{display:flex;flex-direction:column;align-items:center;gap:7px;background:#eef1dc;border:2px solid #ccd7b3;padding:12px;border-radius:15px;min-height:125px}.construction-use-steps .construction-art{height:75px}.construction-use-steps span{font-size:12px}.construction-complete-actions .construction-art,[data-build-library]>.construction-art{width:44px;height:38px}
@media(max-width:600px){.construction-categories{grid-template-columns:1fr;gap:10px}.construction-categories article>button:first-child{display:grid;grid-template-columns:95px minmax(0,1fr);text-align:left;padding:10px 52px 10px 7px;gap:5px 8px;min-height:122px}.construction-categories article>button:first-child>.construction-art,.construction-categories .construction-scene{grid-column:1;grid-row:1/3}.construction-categories strong{font-size:22px}.construction-categories span{font-size:13px}.construction-categories article>.read-button{bottom:8px;right:6px}.construction-welcome{gap:8px;padding:8px}.construction-welcome>.construction-art{width:75px;flex-basis:75px}.construction-welcome strong{font-size:20px}.construction-welcome p{font-size:14px}.construction-projects{grid-template-columns:1fr}.construction-keeper{padding:7px;gap:8px}.construction-keeper>.construction-art{width:65px;flex-basis:65px}.construction-keeper strong{font-size:16px}.construction-keeper p{font-size:13px}.construction-dialog p{font-size:14px}.construction-supplies{gap:7px}.construction-supplies>button{grid-template-columns:1fr;text-align:center;padding:6px}.construction-supplies>button>.construction-art{margin:auto}.construction-supplies .construction-coins,.construction-owned{grid-column:1;justify-content:center}.construction-dialog h3{font-size:19px}.construction-piece-choices button{flex-direction:column;font-size:13px}.construction-stages span{font-size:11px}.construction-stages .construction-art{height:40px}.construction-colors button{font-size:12px;padding:5px}.construction-money>span{font-size:11px}}
@media(max-height:430px){.construction-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.construction-categories article>button:first-child{display:flex;text-align:center;padding:5px 6px 50px}.construction-categories span{display:none}.construction-categories strong{font-size:18px}.construction-categories article>button:first-child>.construction-art,.construction-categories .construction-scene{height:64px}.construction-categories .construction-scene>.construction-art{height:64px}.construction-welcome{display:none}.construction-scene>.construction-art{max-height:160px}.construction-keeper>.construction-art{width:65px;flex-basis:65px}.construction-keeper p{font-size:13px}.construction-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
.library-open-book{display:block;padding:0;width:100%;background:none;border-radius:10px}.library-open-book canvas{width:100%}.construction-garden-state{display:flex;gap:5px;align-items:center}.construction-garden-state>.construction-art{width:50px;height:50px}.community-scene:has(.construction-garden-state){flex-wrap:wrap}.construction-garden-state{flex:0 0 100%;justify-content:center}.construction-job .construction-art{max-height:140px}
@media(max-width:360px){.map-play-tools button{font-size:12px;padding:7px 5px;gap:4px}.map-play-tools button svg{width:18px;height:18px}}
@media(max-height:430px){.map-play-tools button{font-size:12px;padding:7px 6px;gap:4px}}
.construction-welcome-description{display:block;margin-top:5px}
@media(max-width:600px){
 .construction-keeper{min-height:62px;gap:7px}.construction-keeper>.construction-art{width:52px;flex-basis:52px;height:48px}.construction-keeper p{font-size:12px;line-height:1.3;margin:4px 0}.construction-keeper strong{font-size:14px}
 .construction-project>.construction-status{font-size:12px;line-height:1.3;padding:6px 9px;margin:5px 0}.construction-project>.construction-scene{margin:5px auto}.construction-project>.construction-scene>.construction-art{max-height:145px}
}
@media(max-width:360px){
 .construction-welcome{min-height:56px}.construction-welcome>.construction-art{width:55px;flex-basis:55px;height:48px}.construction-welcome strong{font-size:17px;line-height:1.2}.construction-welcome-description{display:none}
 .construction-categories{margin:9px 0;gap:7px}.construction-categories article>button:first-child{grid-template-columns:65px minmax(0,1fr);min-height:73px;padding:5px 44px 5px 4px;gap:4px}.construction-categories article>button:first-child>.construction-art,.construction-categories .construction-scene,.construction-categories .construction-scene>.construction-art{height:60px}.construction-categories strong{font-size:17px;line-height:1.2}.construction-categories article>button:first-child>span{display:none}.construction-categories article>.read-button{right:3px;bottom:12px}
}
@media(max-height:430px){
 .construction-categories{margin:2px 0;gap:7px}.construction-categories article>button:first-child{padding:2px 5px 46px;gap:1px;min-height:104px}.construction-categories article>button:first-child>.construction-art,.construction-categories .construction-scene,.construction-categories .construction-scene>.construction-art{height:40px}.construction-categories strong{font-size:15px;line-height:1.1}.construction-categories article>.read-button{bottom:2px;width:44px;height:44px}
 .construction-keeper{display:none}.construction-project>.construction-scene>.construction-art{max-height:115px}.construction-project>.construction-status{font-size:11px;padding:4px 8px;line-height:1.25}
}

.construction-colors [data-build-layout]{display:flex;align-items:center;gap:.45rem}.construction-colors [data-build-layout] svg{width:40px;height:34px;flex-shrink:0}

.construction-room-preview{margin:1rem 0;padding:.5rem;border-radius:14px;background:#f6efdc}.construction-room-preview summary{min-height:44px;padding:.7rem;cursor:pointer;font-weight:600}.construction-room-preview>svg{display:block;width:100%;max-height:330px}.construction-room-preview p{font-size:.9rem;line-height:1.5}