.h-tip{position:fixed;z-index:2147483000;pointer-events:none;box-sizing:border-box;max-width:min(280px,calc(100vw - 16px));padding:5px 13px 6px;border-radius:999px;transform:translate(-50%,-100%) translateY(4px);opacity:0;transition:opacity .15s ease-out,transform .15s ease-out;color:#5a3a1c;font:600 14px/1.25 var(--font-display);text-align:center;white-space:normal;background:linear-gradient(180deg,#fffaf0,#f7ecd4);box-shadow:inset 0 0 0 1px #fff8e8,0 0 0 2px #9a6a42,0 0 0 3px #6e4526,0 4px 10px #2f1b0e47}.h-tip[lang=ar]{font:600 15px/1.45 var(--font-display-ar)}.h-tip.is-shown{opacity:1;transform:translate(-50%,-100%)}.h-tip.is-below{transform:translate(-50%) translateY(-4px)}.h-tip.is-below.is-shown{transform:translate(-50%)}.h-tip:before,.h-tip:after{content:"";position:absolute;left:calc(50% + var(--h-tip-arrow, 0px));width:0;height:0;transform:translate(-50%);border-inline:6px solid transparent}.h-tip:before{top:calc(100% + 2px);border-top:7px solid #6e4526}.h-tip:after{top:calc(100% - 1px);border-inline-width:5px;border-top:6px solid #f7ecd4}.h-tip.is-below:before{top:auto;bottom:calc(100% + 2px);border-top:0;border-bottom:7px solid #6e4526}.h-tip.is-below:after{top:auto;bottom:calc(100% - 1px);border-top:0;border-bottom:6px solid #fffaf0}@media(prefers-reduced-motion:reduce){.h-tip{transition:opacity .15s linear;transform:translate(-50%,-100%)}.h-tip.is-below{transform:translate(-50%)}}.trophy-room__hover{background:linear-gradient(180deg,#fffaf0,#f7ecd4)!important;border:0!important;border-radius:16px!important;box-shadow:inset 0 0 0 1px #fff8e8,0 0 0 2px #9a6a42,0 0 0 3px #6e4526,0 6px 14px #2f1b0e4d!important;animation:h-tip-in .15s ease-out}.trophy-room__hover strong{color:#5a3a1c!important;font-family:var(--font-display)}.trophy-room__hover span{color:#7a5a3c!important}@keyframes h-tip-in{0%{opacity:0;translate:0 4px}}
