/* The emblem opens a horizontal icon ribbon, independently of the dock menu. */
#ls-hud .ls-logo{position:relative;z-index:3;transition:filter .25s,transform .25s;border-radius:50%}
#ls-hud .ls-logo[aria-expanded=true]{filter:drop-shadow(0 0 9px #e8cb7780);transform:rotate(-8deg)}
#ls-hud #ls-emblem-tray{position:absolute;left:78px;top:0;right:auto;width:min(530px,calc(100vw - 260px));max-width:calc(100vw - 110px);height:76px;display:flex;align-items:stretch;gap:3px;padding:4px 5px 4px 10px;box-sizing:border-box;border:1px solid #d4be8177;border-radius:0 38px 38px 0;background:linear-gradient(110deg,#122f29f5,#1b4238ed);box-shadow:0 5px 18px #001a1680,inset 0 1px #f4df9b26;backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-18px);clip-path:inset(0 100% 0 0 round 0 38px 38px 0);transition:clip-path .32s cubic-bezier(.2,.8,.2,1),transform .32s,opacity .22s,visibility .32s;z-index:2}
html.living-scene.ls-emblem-open #ls-hud #ls-emblem-tray{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);clip-path:inset(0 0 0 0 round 0 38px 38px 0)}
#ls-emblem-tray .ls-emblem-icons{display:flex;gap:4px;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c5ae6a66 transparent;overscroll-behavior-x:contain;touch-action:pan-x;scroll-snap-type:x proximity}
#ls-hud #ls-emblem-tray .ls-emblem-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1 0 66px;min-width:66px;height:64px;margin:0;padding:3px 4px;box-sizing:border-box;border:1px solid transparent;border-radius:12px;background:transparent;box-shadow:none;text-decoration:none;color:#eee1bf;font:10px/1.12 Arial,sans-serif;text-align:center;scroll-snap-align:start;cursor:pointer}
#ls-hud #ls-emblem-tray .ls-emblem-item img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 4px #0006);transition:transform .2s,filter .2s}
#ls-hud #ls-emblem-tray .ls-emblem-item span{max-width:78px;white-space:normal}
#ls-hud #ls-emblem-tray .ls-emblem-item:hover,#ls-hud #ls-emblem-tray .ls-emblem-item:focus-visible{background:#ddc78316;border-color:#d4be8177;outline:none}
#ls-hud #ls-emblem-tray .ls-emblem-item:hover img{transform:translateY(-2px);filter:drop-shadow(0 0 5px #e1c36c77)}
html.ls-emblem-open #ls-emblem-tray .ls-emblem-item{animation:ls-emblem-enter .3s both;animation-delay:calc(var(--entry)*30ms)}
#ls-hud #ls-emblem-tray .ls-emblem-close{flex:0 0 34px;min-width:34px;min-height:44px;margin:4px 0;padding:0;border:0;border-left:1px solid #ddc78333;border-radius:0 25px 25px 0;color:#d9c68f;background:transparent;font:27px Georgia;box-shadow:none}
#ls-hud #ls-emblem-tray .ls-emblem-close:focus-visible{outline:2px solid #e4d194;outline-offset:-3px}
@keyframes ls-emblem-enter{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){
 #ls-hud #ls-emblem-tray{left:53px;top:-2px;height:65px;width:calc(100vw - 77px);max-width:calc(100vw - 77px);padding:2px 4px 2px 7px}
 #ls-hud #ls-emblem-tray .ls-emblem-item{height:55px;flex:0 0 62px;min-width:62px;font-size:9px;gap:2px}
 #ls-hud #ls-emblem-tray .ls-emblem-item img{width:29px;height:29px}
 #ls-hud #ls-emblem-tray .ls-emblem-close{flex-basis:30px;min-width:30px}
 html.ls-emblem-open #ls-hud .ls-profile{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){#ls-hud .ls-logo,#ls-hud #ls-emblem-tray,#ls-hud #ls-emblem-tray .ls-emblem-item,#ls-hud #ls-emblem-tray img{transition:none;animation:none!important}}