/* Painted home scenery. Decorative layers never participate in layout or hit testing. */
#view-battle #skyVeil { background:linear-gradient(180deg,rgba(6,10,20,.28),transparent 24%,transparent 78%,rgba(6,10,20,.1)); }
#view-battle #dock { background:none; isolation:isolate; }
#view-battle #dock::before { content:""; position:absolute; z-index:-1; pointer-events:none; left:-4%; width:108%; aspect-ratio:3; bottom:-5px; background:url('../assets/ui/home-terrace-20260920.webp') center bottom/100% 100% no-repeat; }
#view-battle #chestRow .chest { background:none; border-color:transparent; box-shadow:none; }
#view-battle #chestRow .chest::before { content:""; position:absolute; pointer-events:none; z-index:0; width:126%; aspect-ratio:1; left:-13%; top:8%; background:url('../assets/ui/home-pedestal-20260920.webp') center/contain no-repeat; }
#view-battle #chestRow .chest > img { position:absolute; z-index:1; width:125%; height:auto; left:-12.5%; bottom:19%; margin:0; transform-origin:50% 88%; filter:drop-shadow(0 3px 2px rgba(42,26,8,.35)); }
#view-battle #chestRow .chest[data-tier="gilded"] > img { bottom:19.7%; transform-origin:50% 88.7%; }
#view-battle #chestRow .chest[data-tier="sovereign"] > img { bottom:21.4%; transform-origin:50% 90%; }
#view-battle #chestRow .chest[data-tier="royal"] > img,
#view-battle #chestRow .chest[data-tier="celestial"] > img { bottom:24.5%; transform-origin:50% 92.7%; }
#view-battle #chestRow .chest .t { position:absolute; z-index:2; top:calc(100% - 1px); left:0; width:100%; padding:2px 1px; border:1px solid rgba(243,205,119,.65); border-radius:8px; background:linear-gradient(#263951,#122039); font-size:10px; line-height:1.15; letter-spacing:.3px; white-space:nowrap; box-shadow:0 2px 3px rgba(24,23,20,.25); }
#view-battle #chestRow .chest.ready .t { color:#ffe4a0; }
#view-battle #chestRow .chest.empty .t { color:#c4cbd5!important; border-color:rgba(230,210,166,.3); background:rgba(20,35,53,.6); }
#view-battle #chestRow .chest .t img { width:11px; height:11px; vertical-align:-2px; }