.sign-hang{--sign-w:448px;z-index:1;width:var(--sign-w);height:64px;position:relative}.btn--sign{z-index:1;color:#ffe9a8;width:100%;height:100%;font:400 var(--px-md) / 1 var(--hf-font-pixel);letter-spacing:.02em;text-align:center;text-shadow:2px 2px 0 var(--hf-void);white-space:nowrap;image-rendering:pixelated;-webkit-tap-highlight-color:transparent;background:url(/art/menu/sign.png) 0 0/100% 100% no-repeat;place-items:center;padding:0 3.5rem 2px;text-decoration:none;display:grid;position:relative}.btn--sign:before{content:"";z-index:-1;image-rendering:pixelated;opacity:0;background:url(/art/menu/sign-hover.png) 0 0/100% 100% no-repeat;position:absolute;inset:0}.btn--sign:hover,.btn--sign:focus-visible{color:#ffe9a8}.btn--sign:hover:before,.btn--sign:focus-visible:before,.btn--sign:active:before{opacity:1}@media (hover:hover){.btn--sign:hover{transform:translateY(-2px)}}.btn--sign:active,.btn--sign:hover:active{transform:translateY(2px)}.btn--sign:focus-visible{outline:3px solid var(--hf-orange);outline-offset:4px}.btn--sign__label{position:relative}.sign-hang__ropes{width:100%;height:54px;image-rendering:pixelated;pointer-events:none;background:url(/art/menu/ropes.png) 0 0/100% 100% no-repeat;position:absolute;bottom:calc(100% - 4px);left:0}.sign-hang__cloud{pointer-events:none;width:544px;height:48px;position:absolute;top:36px;left:-84px}.sign-hang__cloud picture,.sign-hang__cloud img{width:100%;height:100%;position:absolute;inset:0}.sign-hang__cloud img{image-rendering:pixelated}html[data-lite] .sign-hang__anim,[data-still] .sign-hang__anim{display:none}@media (width<=29.99rem){.sign-hang{--sign-w:320px}.btn--sign{background-image:url(/art/menu/sign-narrow.png);padding-inline:2.5rem}.btn--sign:before{background-image:url(/art/menu/sign-narrow-hover.png)}.sign-hang__ropes{background-image:url(/art/menu/ropes-narrow.png)}.sign-hang__cloud{width:416px}}