/* Reference-A composition. The original controls remain authoritative. */
@font-face{font-family:Jade Song;src:url('../assets/fonts/jade-song.woff') format('woff');font-display:swap;font-weight:100 900}
#game{touch-action:none}
#hud{--ink:#123e46;--muted:#50635c;--edge:#d2cdb5;--paper:linear-gradient(145deg,#fbf8ed,#f1eddd);--panel-shadow:inset 0 1px 1px #fffef8,0 2px 5px #665b3325;font-family:Jade Song,serif;color:var(--ink)}
#hud button,#hud summary{font-family:inherit}
#hud #topbar{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));height:46px;min-height:46px;padding:0 5px 0 9px;display:flex;flex-wrap:nowrap;align-items:center;gap:2px;border-radius:16px;background:var(--paper)}
#hud #res-row{display:flex;flex:1;min-width:0;flex-wrap:nowrap}
#hud #core-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}
#hud #core-resources .res{min-height:32px;padding:0;gap:1px;display:flex;align-items:center;background:transparent;border-radius:7px}
#hud #core-resources .res-icon{width:25px;height:28px;flex:0 0 25px}
#hud #core-resources .res b{font-size:13px;font-weight:500;margin:0}
#hud #core-resources .res-label,#hud #net-food{display:none}
#hud #core-resources #res-food{display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-rows:26px 13px;gap:0 2px;min-height:40px}
#hud #core-resources #res-food .res-icon{height:26px}
#hud #core-resources #res-food>b{grid-area:1/2;justify-self:start}
#jade-food-days{grid-column:1/-1;grid-row:2;justify-self:center;font-size:11px;line-height:13px;white-space:nowrap;color:var(--muted)}
#hud #core-resources .resource-urgent{background:#f7ddca;box-shadow:inset 0 -2px #ae603d}
#hud #core-resources .resource-warning{background:#f8edcc;box-shadow:inset 0 -2px #b38b35}
#jade-status{display:none}
#jade-mobile-date,#jade-mobile-alert{display:none}
#hud #resource-more,#hud #quick-pause{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;font-size:0;margin:0;flex:0 0 44px}
#hud #resource-more{background:none;border-color:transparent;box-shadow:none}
#hud #resource-more>.ui-icon{display:none}
#hud #resource-more::before{content:'···';font-size:22px;line-height:25px}
#hud #resource-warning-count{position:absolute;right:0;top:1px;font:10px sans-serif;background:#e4c97f;color:#513f20;min-width:14px;height:14px}
#hud #quick-pause::before{content:'Ⅱ';font:18px serif}
#hud #quick-pause[aria-pressed=true]::before{content:'▶';font-size:14px}
#hud #secondary-resources{position:absolute;top:calc(100% + 6px);left:0;right:0;width:auto;max-height:50dvh;overflow-y:auto;background:var(--paper);z-index:10;box-shadow:var(--panel-shadow)}
#jade-population-detail{grid-column:1/-1;padding:8px;border-top:1px solid var(--edge);font-size:12px;line-height:1.5}
#hud #save-status{position:absolute;top:100%;left:0;right:0;z-index:11}
#hud #survival-guide{display:none!important}
#hud.jade-guide-open #survival-guide{display:block!important;top:calc(var(--hud-height) + max(8px,env(safe-area-inset-top)) + 56px);left:8px;width:min(360px,calc(100vw - 16px));max-height:60dvh;z-index:8}
#jade-guide-chip{position:absolute;top:calc(var(--hud-height) + max(8px,env(safe-area-inset-top)) + 6px);left:max(8px,env(safe-area-inset-left));width:min(224px,calc(100vw - 16px));height:44px;padding:6px 9px;display:flex;gap:7px;align-items:center;border:0;border-radius:15px;background:linear-gradient(transparent 5px,#fbf8ed 5px,#f1eddd 39px,transparent 39px);box-shadow:none;color:var(--ink);font-size:12px;text-align:left;pointer-events:auto}
#jade-guide-chip img{width:22px;height:25px;flex:none}#jade-guide-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}#jade-guide-chip b{font-size:22px;font-weight:400}
#jade-guide-chip.is-urgent{color:#864b2e}
#hud #toolbar{position:absolute;inset:auto max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));width:auto;max-width:none;transform:none;padding:7px 8px;gap:5px;overflow:visible;border-radius:16px;background:var(--paper);border-color:var(--edge);box-shadow:var(--panel-shadow)}
#hud #toolbar .toolbar-heading{display:none}#hud #toolbar-state{position:static;width:auto;height:auto;clip-path:none;max-width:none;max-height:none;margin:0;overflow:visible;white-space:normal;font-size:12px;line-height:1.5;color:var(--muted)}
#jade-build-header{display:grid;grid-template-columns:1fr;gap:2px;min-height:0}
#jade-build-art{display:none}
#jade-build-copy{display:flex;align-items:center;min-height:40px;gap:5px}
#jade-build-name{flex:1;min-width:0}#jade-build-title{display:block;font-size:17px;line-height:22px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#jade-build-benefit{display:block;font-size:11px;line-height:16px;color:var(--muted)}#jade-build-hint{display:none}
#jade-build-costs{display:flex;gap:8px;align-items:center;flex-shrink:0}.jade-cost{display:flex;align-items:center;gap:3px}.jade-cost .res-icon{width:26px;height:28px}.jade-cost b{font-size:14px;font-weight:400}.jade-cost.is-short{color:#a0472e}
#hud #toolbar #jade-placement-feedback{flex:0 0 auto;width:100%;margin:0;padding:5px 7px;border-radius:7px;background:#edf2e4;color:var(--muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#hud #toolbar #jade-placement-feedback[data-state=warning]{background:#fff0d1;color:#795222}
#hud #toolbar #jade-placement-feedback[data-state=blocked]{background:#fbe6dd;color:#963c2a}
#jade-build-header[data-ordinary=true] #jade-build-costs{order:1}
#jade-build-header[data-ordinary=true] #jade-placement-feedback{order:2}
#jade-build-actions{display:flex;gap:8px}
#hud #jade-build-actions button{flex:1;min-height:40px;height:40px;padding:4px 8px;border:1px solid var(--edge);border-radius:12px;background:linear-gradient(#fffdf5,#eee9d8);box-shadow:inset 0 1px #fff,0 2px 3px #645b3020;color:var(--ink);font-size:15px}
#hud #jade-build-actions #jade-build-confirm{background:linear-gradient(#438f76,#28735d);border-color:#21634f;color:#fffbed;box-shadow:inset 0 0 0 2px #ffffff26,0 2px 3px #36564630}
#hud #jade-build-actions #jade-build-confirm:disabled{background:linear-gradient(#8da79a,#6d8f7c);color:#fffbed;opacity:.8}
#hud.jade-has-tool #jade-build-actions #close-build{display:none}
#hud #toolbar #placement-panel{position:static;inset:auto;width:auto;max-width:none;max-height:130px;overflow-y:auto}
#hud #toolbar #placement-info{min-height:0;padding:0;margin:0;background:none;border:0;box-shadow:none;font-size:11px}
#hud #toolbar .placement-disclosure>summary{min-height:44px;line-height:44px;cursor:pointer;font-size:11px}
#hud #toolbar .placement-full{white-space:pre-line}
#jade-build-header[data-ordinary=true] #placement-panel{position:absolute;bottom:calc(100% + 6px);left:0;right:0;max-height:200px;background:var(--paper);border-radius:12px;padding:0 10px;display:none;order:3;flex-shrink:0}
#jade-build-header[data-planning=true] #jade-build-copy{display:block}
#jade-build-header[data-planning=true] #placement-panel{max-height:140px;overflow-y:auto}
#hud #toolbar .toolbar-items,#hud #toolbar .tool-group{display:flex;flex-wrap:nowrap;gap:6px;padding:5px 0 0;margin:0;max-height:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-top:1px solid #d9d2bc}
#hud #toolbar .toolbar-items::-webkit-scrollbar{display:none}
#hud #toolbar .tb,#hud #toolbar .tb-category,#hud #toolbar #toolbar-categories .tb-category,#hud #toolbar .tb:not(.tb-category),#hud.is-placing #toolbar .tool-group .tb.active{position:relative;flex:0 0 calc((100% - 18px)/4);width:calc((100% - 18px)/4);min-width:0;max-width:none;height:62px;min-height:62px;max-height:62px;padding:3px;gap:0;justify-content:center;border-radius:10px;background:linear-gradient(#fffdf4,#f6f2e4);border:1px solid #dfdac7;box-shadow:none;overflow:hidden}
#hud #toolbar .tb.active,#hud #toolbar .tb.is-short.active{background:linear-gradient(#edf6df,#dceccf);border-color:#368068;box-shadow:inset 0 0 0 1px #f6fff1}
#hud #toolbar .tb .ic,#hud #toolbar .tb-category .ic{display:flex;align-items:center;justify-content:center;width:100%;height:54px;max-height:54px;min-width:0;flex:0 0 54px;line-height:54px;background:none;box-shadow:none}
#hud #toolbar .tb .ic>img,#hud #toolbar .tb .ic>svg.jade-thumbnail{width:100%;height:100%;object-fit:contain}
#hud #toolbar .tb .ic>.ui-icon{width:48px;height:48px}
#hud #toolbar .tb:not(.tb-category) .lb,#hud #toolbar .cost,#hud #toolbar .category-arrow{display:none}
#hud #toolbar .tb-category .ic{height:36px;flex-basis:36px}#hud #toolbar .category-label{font-size:11px;line-height:16px}
#hud #toolbar .material-badge{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#b77a45;font-size:0;padding:0;overflow:hidden}
#hud[data-mode=build] #town-dock{display:none}
.jade-field-art{display:block;position:relative;width:62px;height:54px}.jade-field-art::before{content:'';position:absolute;left:8px;right:8px;top:8px;bottom:4px;background:#82633c;transform:rotate(30deg) skew(-25deg);border:2px solid #8b9d4e;border-radius:4px}.jade-field-art img{position:absolute;width:35px;height:30px;object-fit:contain}.jade-field-art .crop-0{left:4px;top:0}.jade-field-art .crop-1{right:2px;top:7px}.jade-field-art .crop-2{left:0;top:16px}.jade-field-art .crop-3{right:7px;top:24px}
@media(min-width:761px){
#hud #res-row{flex:1 1 440px;max-width:600px}#hud #core-resources{grid-template-columns:1.1fr repeat(4,minmax(0,1fr));gap:6px}#hud #core-resources .res b{font-size:16px}
#jade-status{display:flex;flex-direction:column;align-items:flex-end;gap:0;flex:1;min-width:max-content;justify-content:center;margin-right:8px}#hud #date,#hud #pop{font-size:12px;white-space:nowrap}#hud #pop small,#hud #pop .town-health{display:none}
#hud #toolbar,#hud[data-mode=build] #toolbar{left:max(8px,env(safe-area-inset-left));right:auto;bottom:max(8px,env(safe-area-inset-bottom));width:340px;padding:7px;max-height:none;overflow:visible}
#hud #toolbar .toolbar-items,#hud #toolbar .tool-group{border:0;padding:0}
#jade-build-header{position:fixed;right:max(8px,env(safe-area-inset-right));top:60px;width:176px;max-height:calc(100dvh - 76px);overflow-y:auto;padding:10px;background:var(--paper);border:1px solid var(--edge);border-radius:16px;box-shadow:var(--panel-shadow);gap:6px}
#jade-build-art{display:block;width:144px;height:88px;margin:auto;border:0;background:none;padding:0}#jade-build-art>img,#jade-build-art>svg{width:100%;height:100%;object-fit:contain}
#jade-build-copy{display:flex;flex-direction:column;gap:8px}#jade-build-name{text-align:center;width:100%}#jade-build-title{font-size:20px}#jade-build-benefit{font-size:12px;margin-top:3px}
#jade-build-costs{width:100%;justify-content:center;border-top:1px solid #d9d2bc;padding-top:7px}
#hud #jade-build-actions button{font-size:12px;padding:3px;min-width:0;height:44px;min-height:44px}
#hud #toolbar .tb,#hud #toolbar .tb:not(.tb-category),#hud.is-placing #toolbar .tool-group .tb.active{height:62px;min-height:62px;max-height:62px}
#hud #info.detail-inspector{width:260px}
}
#jade-build-title{padding:0;border:0;background:none;box-shadow:none;color:var(--ink);text-align:left;min-height:24px;font-family:inherit}
#jade-build-title::after{content:'⌄';font-size:11px;margin-left:5px;color:#819277}
#jade-build-header.jade-details-open #placement-panel{display:block;position:absolute;bottom:calc(100% + 6px);left:0;right:0;padding:10px;max-height:220px;background:var(--paper);border:1px solid var(--edge);border-radius:12px;box-shadow:var(--panel-shadow);z-index:8}
#jade-back-categories{min-height:44px;margin-top:5px;border:1px solid var(--edge);border-radius:9px;background:#f5f1e3;color:var(--ink)}
#jade-build-header.jade-details-open .placement-disclosure>.placement-full{display:block}
#jade-build-header.jade-details-open .placement-disclosure>summary{display:none!important}
@media(min-width:761px){#jade-build-title{text-align:center;width:100%}#jade-build-header.jade-details-open #placement-panel{position:static;max-height:130px}}
#jade-build-title{font-size:18px;font-weight:700}
#hud #jade-build-actions button{font-size:15px;font-weight:600;height:44px;min-height:44px}
#jade-build-benefit.is-blocked{color:#a0472e;font-weight:600}
#jade-build-header::after{content:'◇';position:absolute;left:calc(50% - 8px);bottom:66px;width:16px;text-align:center;font:10px serif;color:#8b9b76;background:#f6f2e4;pointer-events:none}
@media(min-width:761px){#jade-build-header::after{display:none}#jade-build-title{font-size:20px}#hud #jade-build-actions button{font-size:12px}}
#jade-build-header[data-planning=false] #placement-panel{display:none}
#jade-build-header[data-planning=false].jade-details-open #placement-panel{display:block}
#hud #res-row{order:0}#jade-status{order:1}#hud #quick-pause{order:2}#hud #resource-more{order:3}
@font-face{font-family:Jade Song;src:url('../assets/fonts/jade-song-bold.woff') format('woff');font-display:swap;font-weight:600 900}
#jade-build-description{font-size:12px;line-height:1.65;margin:0;white-space:normal;overflow-wrap:anywhere}
#jade-build-header[data-planning=true] #jade-build-description{display:none}
#jade-build-header.jade-details-open #placement-panel{box-sizing:border-box;overflow-x:hidden}
@media(min-width:761px){#jade-build-header{overflow:visible}#jade-build-header.jade-details-open #placement-panel{position:absolute;top:0;bottom:auto;left:auto;right:calc(100% + 8px);width:min(260px,calc(100vw - 216px));max-height:calc(100dvh - 80px)}}
#hud #toolbar #jade-build-header.jade-details-open #placement-panel{position:absolute;bottom:calc(100% + 6px);left:0;right:0;width:auto;max-height:220px;overflow-x:hidden;padding:10px}
@media(min-width:761px){#hud #toolbar #jade-build-header.jade-details-open #placement-panel{position:absolute;top:0;bottom:auto;left:auto;right:calc(100% + 8px);width:min(260px,calc(100vw - 216px));max-height:calc(100dvh - 80px)}}
@media(max-width:760px) and (max-height:680px){
#hud #toolbar{padding:5px 7px;gap:3px}
#hud #toolbar .tb:not(.tb-category),#hud.is-placing #toolbar .tool-group .tb.active{height:56px;min-height:56px;max-height:56px}
#hud #toolbar .tb:not(.tb-category) .ic{height:48px;max-height:48px;flex-basis:48px}
#jade-build-header::after{bottom:59px}
}
#jade-build-title{min-height:44px;width:100%}#jade-build-title::after{display:none}
#jade-build-title>span::after{content:'⌄';font-size:11px;margin-left:5px;color:#819277}
#jade-build-benefit{font-weight:400}
@media(max-width:760px){
#hud #topbar{height:auto;min-height:68px;flex-wrap:wrap;padding-bottom:5px;row-gap:0}
#hud #topbar::before{content:'';order:4;flex-basis:100%;height:0}
#jade-mobile-date,#jade-mobile-alert{display:block;font-size:11px;line-height:18px}
#jade-mobile-date{order:5;flex:none;white-space:nowrap;color:var(--muted)}
#jade-mobile-alert{order:6;flex:1;min-width:0;text-align:right;color:#963c2a;overflow-wrap:anywhere}
#jade-status{display:flex;flex:0 0 40px;justify-content:center;margin:0;min-width:0}
#jade-status #date,#jade-status #pop>small,#jade-status #pop .town-health{display:none}
#hud #pop{display:flex;align-items:center;gap:0;margin:0;font-size:12px;white-space:nowrap}
#hud #pop>.ui-icon{width:22px;height:25px}#hud #pop>b{font-weight:400}
#hud #core-resources{gap:2px}#hud #core-resources .res b{font-size:12px}
#hud #core-resources .res-icon{width:22px;flex-basis:22px}
#hud #core-resources #res-food{grid-template-columns:22px minmax(0,1fr);grid-template-rows:24px 12px;min-height:36px}
#hud #core-resources #res-food .res-icon{height:24px}
#jade-food-days{font-size:10px;line-height:12px}
#jade-build-copy{flex-wrap:wrap}
#jade-build-header[data-ordinary=true] #placement-panel{flex-basis:100%}
}
@media(max-width:760px){#hud #pop>.warn-txt{display:none}#hud #pop:has(>.warn-txt)::after{content:'';width:4px;height:4px;background:#b57b36;border-radius:50%;align-self:flex-start;margin-top:4px}}
#jade-build-header{grid-template-columns:minmax(0,1fr)}
#jade-build-copy,#jade-build-name,#jade-build-title{min-width:0;max-width:100%}
#jade-build-title{white-space:normal}#jade-build-title>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#jade-build-benefit{white-space:normal;overflow-wrap:anywhere;max-height:32px;overflow:hidden}