#start-screen{
  padding:0;
  background:#02040c;
  overflow:hidden;
}

#start-art-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

#start-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:fill;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

.start-hotspot{
  position:absolute;
  z-index:2;
  display:block;
  min-width:0;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:transparent;
  box-shadow:none;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

#start-btn{
  left:15.5%;
  top:68.5%;
  width:69%;
  height:9.8%;
}

#hof-btn{
  left:23.5%;
  top:78.6%;
  width:53%;
  height:7.2%;
}

.start-hotspot:active{
  transform:none;
  box-shadow:none;
}

.start-hotspot:focus-visible{
  outline:3px solid rgba(255,255,255,.96);
  outline-offset:-3px;
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}