.lv-result-wrap{
  box-sizing:border-box;
  padding:8px;
  margin:12px auto;
  max-width:900px;
  display:flex;
  justify-content:center;
  font-family:"Segoe UI",sans-serif;
}

.lv-result-table{
  width:100%;
  border-collapse:collapse;
  background:black;
  color:#f5efe6;
  box-shadow:0 12px 35px rgba(0,0,0,.45);
  table-layout:auto;
}
.lv-result-table th{
  /*background:linear-gradient(135deg, #2a0d08, #e6c413);*/
  background-color: black;
  color:#ffe7c2;
  padding:8px 6px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  border-bottom:2px solid #d4a24c;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.4);
}
.lv-result-table td{
  padding:5px 6px;
  border-bottom:1px solid rgba(212,162,76,.25);
  text-align:center;
  color:#f5efe6;
}
.lv-result-table th:not(:last-child),
.lv-result-table td:not(:last-child){
  border-right:1px solid rgba(212,162,76,.25);
}
.lv-result-table tr{
  background-color: black;
  transition:all 0.25s ease;
}
.lv-result-table tr:nth-child(even){
  background-color: black;
}
.lv-result-table tr:hover{
  background:black;
  box-shadow:inset 0 0 12px rgba(255,215,140,0.08);
}
.lv-result-balls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:3px;
  padding:2px;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.lv-result-balls::-webkit-scrollbar{
  display:none;
}
.lv-result-ball{
  width:28px;
  height:28px;
  min-width:28px;
  min-height:28px;
  font-size:14px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  position:relative;
  overflow:hidden;
  font-weight:700;
  color:#fff;
  text-shadow:
    0 1px 2px rgba(0,0,0,.95),
    0 0 3px rgba(0,0,0,.65);

  background:
    radial-gradient(circle at 32% 30%, #f5cf82 0%, #f9ff00 32%, #ffffff 68%, #452516 100%);

  box-shadow:
    inset -6px -8px 12px rgba(0,0,0,.38),
    inset 2px 2px 4px rgba(255,255,255,.05),
    0 3px 8px rgba(0,0,0,.35);
  animation:ballPop .5s ease;
}
.lv-result-ball::before{
  content:"";
  position:absolute;
  top:2px;
  left:7px;
  width:8px;
  height:3px;
  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% 25%,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.03) 16%,
      transparent 38%
    );

  pointer-events:none;
}
.lv-result-ball:hover{
  transform: translateY(-1px) scale(1.05);
  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:black;
  /*background:linear-gradient(135deg,#5a1a10,#2a0d08);*/
  background:#fdd702;
  border:1px solid rgba(212,162,76,.4);
  border-radius:5px;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(0,0,0,.25);
  transition:all .25s ease;
}
.lv-refresh-btn:hover{
  background-color: black;
  color: white;
  box-shadow:0 6px 14px rgba(212,162,76,.15);
}
.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{
font-size:12px;
}

}