/* The scene remains the editing surface; only visible controls intercept taps. */
#ui>.decor-editor{pointer-events:none;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left))}
.decor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}
.decor-header>div{padding:8px 14px;border-left:3px double #bba774;background:linear-gradient(90deg,#10150df0,#10150d55)}
.decor-header h1{font:24px Georgia,'Noto Serif KR',serif;color:#ead9af;margin:5px 0}
.decor-header small{font-size:14px;color:#bcb49d}.decor-header p{font-size:14px;color:#c0baa8;margin:4px 0;line-height:1.6}
.decor-editor button{pointer-events:auto;min-height:48px;font-size:14px;touch-action:manipulation;letter-spacing:0}
.decor-header>button{flex:0 0 auto;padding:10px 16px;min-width:0}
.decor-dock{pointer-events:auto;margin-top:auto;width:min(750px,100%);max-height:58dvh;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:12px 16px;background:var(--ui-panel-surface);border:3px solid #817551;border-image:var(--ui-frame) 16 / 12px / 0 stretch;box-shadow:0 8px 32px #0009}
.decor-selected{display:flex;align-items:center;gap:12px;min-height:56px}
.decor-selected>span:empty{display:none}.decor-selected .decor-thumb{width:52px;height:52px}.decor-selected>div{min-width:0}.decor-selected b{font-size:17px;color:#eadbb7}.decor-selected p{font-size:14px;margin:4px 0 8px;line-height:1.5;color:#c7bc9e}
.decor-actions{display:flex;gap:7px;flex-wrap:wrap}.decor-actions button{flex:1;min-width:108px;padding:9px 12px;font-size:14px}.decor-actions>.btn-primary{flex:1.25;min-width:118px}
.decor-nudge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:7px}.decor-nudge span{font-size:13px;color:#b7ae95;margin-right:8px}.decor-nudge button{min-width:48px;min-height:44px;padding:4px;font-size:20px}
.decor-tabs{display:flex;margin-top:12px;border-bottom:1px solid #827554}.decor-tabs button{flex:1;border:0;background:transparent;color:#b4ad9a;padding:9px 8px;min-width:0}
.decor-tabs button[aria-pressed=true]{border-bottom:3px solid #d9bf83;color:#f3dda5;background:#b4a57113}
.decor-categories{display:flex;gap:5px;overflow-x:auto;touch-action:pan-x;padding:7px 0;scrollbar-width:thin}.decor-categories button{flex:0 0 auto;min-height:44px;padding:8px 12px;border:1px solid #787356;background:#181f16;color:#bfbba4}.decor-categories [aria-pressed=true]{color:#ebd296;border-color:#c2a66f;background:#393d28}
.decor-inventory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:230px;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;padding:2px 2px 8px}
.decor-choice{min-width:0;border:1px solid #63664d;border-bottom:3px solid var(--rarity);background:var(--ui-slot-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 4px;color:#dfd3b6;text-align:center}
.decor-choice.selected{outline:2px solid #e9cf8c;outline-offset:-3px}.decor-thumb{display:block;width:70px;height:70px;max-width:100%;image-rendering:pixelated;object-fit:contain}
.decor-choice b{font-size:14px;line-height:1.5;word-break:keep-all}.decor-choice small{font-size:12px;line-height:1.5;color:var(--rarity);margin-top:4px}.decor-choice>span{font-size:12px;line-height:1.6;color:#cac4b5;margin-top:5px}.decor-choice:disabled{opacity:.65}
.decor-empty{grid-column:1/-1;color:#c6bea9;font-size:14px;line-height:1.7;padding:14px}
.decor-help{font-size:12px;line-height:1.7;color:#b4ab90;margin:6px 0 0;text-align:center}
.decor-reward{border-top:1px solid #7d7452;padding-top:18px;margin-top:20px}.decor-reward h3{font-size:17px;color:#e1ce9c}.decor-reward>div{display:flex;justify-content:center;gap:12px}.decor-reward>div>span{display:flex;flex-direction:column;align-items:center;max-width:30%;gap:5px}.decor-reward b{font-size:14px;word-break:keep-all}.decor-reward small,.decor-reward p{font-size:13px;line-height:1.7;color:#bfb59e}.decor-reward .btn-secondary{width:100%}
.bard-panel{max-width:680px;text-align:center}.bard-lyrics{font-size:18px;line-height:2.1;color:#ddcba5;margin:24px 0}.bard-panel>.btn-primary{width:100%;margin-top:16px}.bard-panel>.btn-secondary{min-height:48px;margin-top:8px}
.interior-controls{flex-wrap:wrap;max-width:100%;justify-content:flex-end}.interior-controls button{max-width:100%;word-break:keep-all}.interior-header>div{max-width:70%}
@media(max-width:600px){
 #ui>.decor-editor{padding:9px 8px max(9px,var(--safe-bottom))}.decor-header{gap:5px}.decor-header>div{padding:5px 9px}.decor-header h1{font-size:19px}.decor-header small{font-size:12px}.decor-header p{font-size:12px;max-width:225px}.decor-header>button{padding:8px 10px;font-size:13px}
 .decor-dock{padding:10px;max-height:56dvh}.decor-selected{gap:8px;min-height:44px}.decor-selected b{font-size:16px}.decor-selected p{font-size:13px}.decor-inventory{grid-template-columns:repeat(4,minmax(0,1fr));max-height:190px;gap:6px}.decor-choice b{font-size:12px}.decor-choice .decor-thumb{height:54px;width:54px}.decor-actions button{font-size:13px;padding:8px 6px;min-width:95px}.decor-nudge{margin-top:5px}.decor-nudge span{font-size:12px}.decor-nudge button{min-height:44px}
 .interior-header h1{font-size:19px}.interior-header p{font-size:12px}.interior-controls{max-width:100%;gap:5px}.interior-controls .btn-secondary{min-height:44px;font-size:12px;padding:7px 9px}
}
@media(max-height:480px) and (min-width:601px){
 #ui>.decor-editor{align-items:flex-end;padding:8px}.decor-header{width:calc(100% - 365px);position:absolute;left:10px;top:8px;flex-wrap:wrap;justify-content:flex-start}.decor-header h1{font-size:19px}.decor-header p{display:none}.decor-dock{margin:0;width:350px;max-height:calc(100dvh - 16px);padding:9px}.decor-inventory{grid-template-columns:repeat(3,minmax(0,1fr));max-height:125px}.decor-choice .decor-thumb{width:45px;height:45px}.decor-help{display:none}.decor-actions button{min-width:90px;font-size:13px;padding:7px}.decor-nudge button{min-height:44px}.decor-selected .decor-thumb{height:38px;width:38px}.decor-selected b{font-size:15px}.decor-selected p{font-size:12px}
 .interior-controls{position:static;max-width:60%;margin-top:5px}.interior-dock{width:min(480px,65%);align-self:flex-end;max-height:40dvh}.interior-hud .btn-secondary{min-height:44px}
}
@media(min-width:601px){.decor-choice b{font-size:14px}}
