/* General styles */
.style1 { text-align: center; }
.style2 { color: #FFFFFF; background-color: #5E0000; font-family: Arial, Helvetica, sans-serif; }
.style3 { font-family: "Trebuchet MS"; font-size: medium; color: #FFFFFF; }
.style4 { background-image: url('img/tablebackground.png'); }
.style5 { text-align: center; }
.style6 { text-decoration: none; }
.style7 { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; }
.style8 { border-width: 0px; }

/* Hidden SEO text */
.visually-hidden {
  position: absolute;
  left: -9999px;
}

/* Music box */
.music-box {
  font: 11px/1.1 'Verdana', sans-serif;
  width: 180px;
  border: 2px ridge #600;
  background: #2a0000;
  color: #ffd;
  padding: 6px;
}
.music-box-header {
  display: flex;
  align-items: center;
  gap: 6px;
}
.music-btn {
  width: 22px;
  height: 22px;
  border: 1px outset #933;
  background: #700;
  color: #fff;
  cursor: pointer;
}
.music-marquee {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}

/* Sparkle cursor */
.wllo-spark {
  position: fixed;
  pointer-events: none;
  font-size: 14px;
  line-height: 1;
  will-change: transform, opacity;
  animation: wllo-fade 700ms linear forwards;
  text-shadow:
    0 0 4px rgba(255,255,200,.9),
    0 0 8px rgba(255,255,160,.7),
    0 0 12px rgba(255,255,120,.5);
}
@keyframes wllo-fade {
  0%   { opacity: 1; transform: translate(0,0) scale(1); }
  100% { opacity: 0; transform: translate(0,-16px) scale(.6); }
}
.wllo-spark-toggle {
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #330000;
  color: #fffddd;
  border: 2px ridge #660000;
  font: 11px/1 'Verdana', sans-serif;
  padding: 6px 8px;
  z-index: 99999;
}
.wllo-spark-toggle input {
  vertical-align: middle;
}
