.lv-result-wrap{
  box-sizing:border-box;
  padding:15px 12px;
  max-width:900px;
  margin:20px auto;
  display:flex;
  justify-content:center;
  font-family:"Segoe UI",sans-serif;
}
.lv-result-table{
  width:100%;
  border-collapse:collapse;
  background:#071A18;
  color:#D7E7E2;
  box-shadow:0 12px 35px rgba(0,0,0,.45);
  table-layout:auto;
}
.lv-result-table th{
  background:
    linear-gradient(
      180deg,
      #346765 0%,
      #2F5C5A 45%,
      #214644 100%
    );

  color:#E8FFF7;

  border-bottom:1px solid rgba(46,211,199,.25);

  text-shadow:
    0 1px 2px rgba(0,0,0,.35);

  padding:12px 10px;

  font-size:11px;
  font-weight:700;
  letter-spacing:.6px;
}
.lv-result-table td{
  padding:12px 10px;
  color:#D7E7E2;
  border-bottom:1px solid rgba(46,211,199,.10);
  text-align:center;
}
.lv-result-table th:not(:last-child),
.lv-result-table td:not(:last-child){
   border-right:1px solid rgba(46,211,199,.08);
}
.lv-result-table tr{
  background:#0F2624;
  transition:all .25s ease;
}
.lv-result-table tr:nth-child(even){
  background:#102E2B;
}
.lv-result-table tr:hover{
  background:#1A3B37;
}
.lv-result-table td:last-child{
  width:55%;
}

.lv-result-balls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:4px;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding:6px 4px;
}
.lv-result-balls::-webkit-scrollbar{
  display:none;
}
.lv-result-ball{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  position:relative;
  overflow:hidden;
  font-size:16px;
  font-weight:800;
  color:#ffffff;
  text-shadow:
    0 1px 2px rgba(0,0,0,.95),
    0 0 3px rgba(0,0,0,.5);

 background:
    radial-gradient(
      circle at 30% 28%,
      #3F7F7B 0%,
      #2F5C5A 45%,
      #163533 80%,
      #071A18 100%
    );

  box-shadow: inset -7px -9px 12px rgba(0,0,0,.38), inset 2px 2px 3px rgba(255,255,255,.05), 0 4px 10px rgba(0,0,0,.32);
 
  animation:ballPop .45s ease;
}
.lv-result-ball::before{
  content:"";
  position:absolute;
  top:6px;
  left:8px;
  width:10px;
  height:5px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  transform:rotate(-18deg);
  filter:blur(.5px);
  pointer-events:none;
}
.lv-result-ball::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 24%,
      rgba(255,255,255,.08) 0%,
      rgba(255,255,255,.02) 18%,
      transparent 38%
    );

  pointer-events:none;
}

.lv-result-ball:hover{
  transform:translateY(-2px) scale(1.03);

  box-shadow:
    inset -7px -9px 12px rgba(0,0,0,.38),
    inset 2px 2px 3px rgba(255,255,255,.06),
    0 7px 16px rgba(0,0,0,.38);

  transition:all .22s ease;
}
@keyframes ballPop{
  0%{transform:scale(.3) rotate(180deg);opacity:0;}
  100%{transform:scale(1) rotate(0);opacity:1;}
}
.lv-refresh-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:10px 0;
}
.lv-refresh-btn{
  padding:7px 14px;
  font-size:13px;
  font-weight:700;
  color:#ffffff;
  background:linear-gradient(135deg,#163B38,#0F2624);
  border:1px solid rgba(46,211,199,.25);
  border-radius:5px;
  cursor:pointer;
  transition:all .25s ease;
}
.lv-refresh-btn:hover{
  background:linear-gradient(135deg,#1A3B37,#102E2B);
}
.lv-refresh-btn:active{
  transform:scale(0.98);
}
.lv-date-mobile{
  display:none;
}
@media(max-width:768px){

 .lv-date-head,
  .lv-date-cell{
    display:none;
  }

  .lv-date-mobile{
    display:block;
    margin-top:6px;
    font-size:11px;
    opacity:.8;
  }
  .lv-result-table td{
    padding:6px 4px;
    font-size:12px;
  }
  .lv-result-table td:last-child{
    width:auto;
  }
  .lv-result-ball{
    width:30px;
    height:30px;
    min-width:30px;
    min-height:30px;
    font-size:14px;
  }
  .lv-result-ball::before{
    width:10px;
    height:5px;

    top:5px;
    left:6px;
  }
}