#build-button{position:fixed;z-index:45;right:max(18px,env(safe-area-inset-right));top:86px;min-height:44px;padding:8px 12px}
#build-visibility-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#build-visibility-choices button{min-width:0}#build-visibility-choices button[aria-pressed=true]{outline:2px solid var(--ui-panel-build-build-visibility-choices-true-focus);outline-offset:-2px;background:var(--ui-panel-build-build-visibility-choices-true-background)}
#build-management{grid-column:1/-1;grid-row:1/-1;overflow:auto;min-height:0;overflow-wrap:anywhere}#build-management h3{margin:10px 0 6px}#build-management p{margin:6px 0}#build-share-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;margin:8px 0}#build-share-form label{grid-column:1/-1}#build-share-name{box-sizing:border-box;width:100%;min-height:44px;min-width:0;font-size:16px}.build-share-row{display:flex;gap:8px;align-items:center;margin:6px 0}.build-share-row span{flex:1;min-width:0;overflow-wrap:anywhere}.build-share-row button{flex:none}#build-upgrade-cost{padding-left:24px;margin:8px 0}#build-upgrade-cost li{margin:4px 0}#build-upgrade-cost [data-enough=false]{color:var(--c-danger-build-build-upgrade-cost-false-text)}#build-confirm{border:2px solid var(--ui-panel-build-build-confirm-border);border-radius:6px;padding:8px;margin:10px 0;background:var(--ui-panel-build-build-confirm-background)}#build-confirm button{margin-right:8px}#build-tabs button{flex:1;min-width:0}
#build-panel header{position:static;inset:auto;pointer-events:auto;margin:0;padding:0;color:inherit}#build-panel nav{position:static;inset:auto;transform:none;border:0;border-image:none;border-radius:0;background:none;box-shadow:none;padding:0;pointer-events:auto;color:inherit}#build-panel small{color:var(--ui-panel-build-build-panel-text);margin:0}#build-panel button{background:var(--ui-panel-build-build-panel-background);color:var(--ui-panel-build-build-panel-text-2)}#build-panel button:disabled{opacity:.6}
#build-panel{position:fixed;z-index:110;inset:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--ui-panel-build-build-panel-background-2);color:var(--ui-panel-build-build-panel-text-2);border:3px solid var(--ui-panel-build-build-panel-border);border-radius:10px;padding:8px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:6px;box-sizing:border-box;box-shadow:0 10px 40px var(--ui-panel-build-build-panel-shadow);overflow:hidden}
#build-panel[hidden],#build-panel [hidden]{display:none!important}#build-panel header{display:flex;align-items:center;gap:8px}#build-title{font-size:18px;margin:0;flex:1}#build-count{white-space:nowrap;font-size:13px}#build-panel button{min-height:44px;white-space:normal;overflow-wrap:anywhere}#build-tabs{display:flex;gap:8px}#build-tabs button[aria-pressed=true]{outline:2px solid var(--ui-panel-build-build-tabs-true-focus)}#build-body{min-height:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px}#build-stage{grid-column:1;grid-row:1;min-height:0;overflow:auto;background:var(--ui-panel-build-build-stage-background);border-radius:6px}#build-room{display:block;image-rendering:pixelated;touch-action:none;margin:auto}#build-zoom{grid-column:1;grid-row:2;display:flex;gap:6px}#build-zoom button{flex:1}#build-palette{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px;align-content:start;overflow:auto;min-height:0}#build-palette button{display:flex;flex-direction:column;align-items:center;padding:4px;gap:3px;font-size:13px}#build-palette button[aria-pressed=true]{outline:3px solid var(--ui-panel-build-build-palette-true-focus);outline-offset:-3px}#build-palette canvas{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}#build-palette small{font-size:11px}#build-hint{margin:0;min-height:22px;font-size:13px;overflow-wrap:anywhere}#build-hint[data-ok=false]{color:var(--c-danger-build-build-hint-false-text)}#build-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#build-stocks{grid-column:1/-1;grid-row:1/-1;overflow:auto}#build-stocks h3{margin:10px 0 6px}#build-stocks p{margin:6px 0}.build-transfer{display:grid;grid-template-columns:minmax(0,1fr) 70px 90px;gap:6px;align-items:center;margin-bottom:6px}.build-transfer input{box-sizing:border-box;width:100%;min-height:44px;font-size:16px}.build-transfer span{overflow-wrap:anywhere}
@media(orientation:portrait){#build-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.8fr) auto minmax(0,1fr)}#build-stage{grid-column:1;grid-row:1}#build-zoom{grid-column:1;grid-row:2}#build-palette{grid-column:1;grid-row:3;grid-template-columns:repeat(auto-fit,minmax(85px,1fr))}#build-stocks{grid-row:1/-1}#build-title{font-size:16px}}
@media(max-height:430px){#build-panel{gap:3px;padding:5px}#build-title{font-size:15px}#build-panel button{padding:3px}#build-hint{font-size:12px;min-height:16px}}
html body #build-panel button:is(:active,.pressed,[aria-pressed=true]) small{color:var(--ui-panel-acc-fg)}
/* F235: 미션 칸이 보이면 집 꾸미기 단추를 미션 칸 바로 아래로(--missions-bottom = 칸 아래 끝 +10, missions.mjs). 미션 칸이 없으면 1줄 86px 그대로. 단추가 보일 때만 세로 폰 알림 줄(#hud-notices)·#alerts 와 PC #alerts 를 단추 아래(+52 = 단추 45 + 사이 7)로 내림 */
body.missions-visible #build-button{top:var(--missions-bottom,86px)}
@media(orientation:portrait){body:not(.desktop-ui).missions-visible:has(#build-button:not([hidden])) #alerts{top:calc(max(var(--notice-top,141px),calc(var(--missions-bottom,122px) + 52px)) + 92px)}}
body.desktop-ui.missions-visible:has(#build-button:not([hidden])) #alerts{top:calc(var(--missions-bottom,240px) + 52px)}
/* F235 보완: 가로 폰(오른손)은 미션 칸 아래 오른쪽이 빠른 칸(#quick-items, 오른쪽 12 · 폭 94) 자리라 단추를 그 왼쪽으로(오른쪽 = 12 + 94 + 사이 6 → 100+12). 왼손 모드는 빠른 칸이 왼쪽이라 그대로 */
@media(orientation:landscape) and (max-height:550px){body:not(.desktop-ui):not(.left-hand).missions-visible #build-button{right:calc(var(--touch-right,12px) + 100px)}}