/* 493: icon-only site tooltips, close to the control, no box. */
body.single-player-ui [data-tooltip]{position:relative}
body.single-player-ui [data-tooltip]::after{
  content:attr(data-tooltip);
  position:absolute;
  z-index:120;
  left:50%;
  top:calc(100% + 1px);
  transform:translate(-50%,-1px);
  padding:0 2px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(250,249,244,.9)!important;
  font:inherit;
  font-size:12px;
  line-height:1.15;
  letter-spacing:.015em;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  text-shadow:0 1px 4px rgba(0,0,0,.72);
  transition:opacity .1s ease,transform .1s ease;
}
body.single-player-ui [data-tooltip]:focus-visible::after{
  opacity:1;
  transform:translate(-50%,0);
}
@media(hover:hover) and (pointer:fine){
  body.single-player-ui [data-tooltip]:hover::after{
    opacity:1;
    transform:translate(-50%,0);
  }
}
body.single-player-ui .top-controls [data-tooltip]::after{
  left:auto;
  right:0;
  top:calc(100% + 1px);
  transform:translateY(-1px);
}
body.single-player-ui .top-controls [data-tooltip]:focus-visible::after{transform:none}
@media(hover:hover) and (pointer:fine){
  body.single-player-ui .top-controls [data-tooltip]:hover::after{transform:none}
}
body.single-player-ui .panel-source-link::after{
  left:50%!important;
  right:auto!important;
  top:calc(100% + 1px)!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translate(-50%,-1px)!important;
  text-shadow:0 1px 4px rgba(0,0,0,.72)!important;
}
body.single-player-ui .panel-source-link:focus-visible::after{transform:translate(-50%,0)!important}
@media(hover:hover) and (pointer:fine){
  body.single-player-ui .panel-source-link:hover::after{transform:translate(-50%,0)!important}
}
@media(hover:none),(pointer:coarse),(max-width:760px){
  body.single-player-ui [data-tooltip]::after{display:none!important}
}