/* LastAddedItem: widget52, icon44; icon fade/scale .2s,
   widget fade 1->0 after15s over .3s. Parent placement belongs to root. */
#recentItemRoot{flex:0 0 auto}
#recentItemRoot[hidden],#recentItemRoot > button.native-recent-item[hidden],#recentItemRoot > button.native-recent-item > img[hidden]{display:none!important}
#recentItemRoot > button.native-recent-item{
 position:relative;display:grid;place-items:center;flex:0 0 52px;
 width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px;
 margin:0;padding:4px;border:0;border-radius:0;background:none;box-shadow:none;
 color:#fff;isolation:isolate;cursor:pointer;touch-action:manipulation;
}
#recentItemRoot > button.native-recent-item::before{
 content:'';position:absolute;inset:0;background:rgb(11.25 11.25 11.25 / .94117647);
 mask:url('assets/native-recent-item/button_bg_square.webp') center/100% 100% no-repeat;
 -webkit-mask:url('assets/native-recent-item/button_bg_square.webp') center/100% 100% no-repeat;pointer-events:none;
}
#recentItemRoot > button.native-recent-item::after{
 content:'';position:absolute;inset:1px;border:6px solid transparent;
 border-image:url('assets/native-recent-item/bg_battle_distance.webp') 6 fill stretch;
 filter:brightness(0);opacity:.54901963;pointer-events:none;
}
#recentItemRoot > button.native-recent-item > img{position:relative;z-index:1;display:block;width:44px;height:44px;object-fit:contain;filter:none;pointer-events:none}
#recentItemRoot > button.native-recent-item:focus-visible{outline:2px solid #ffd85b;outline-offset:3px}
#recentItemRoot > button.native-recent-item--new{animation:recent-item-expire .3s cubic-bezier(.333333,0,.666667,.333333) 15s both}
#recentItemRoot > button.native-recent-item--new > img{animation:recent-item-alpha .2s linear, recent-item-scale .2s cubic-bezier(.333333,0,.666667,.333333)}
@keyframes recent-item-expire{from{opacity:1}to{opacity:0}}
@keyframes recent-item-alpha{from{opacity:0}to{opacity:1}}
@keyframes recent-item-scale{from{transform:scale(.5)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#recentItemRoot > button.native-recent-item--new > img{animation:none}}