*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(20,241,149,.22),transparent 28%),
    radial-gradient(circle at 88% 10%,rgba(153,69,255,.28),transparent 32%),
    radial-gradient(circle at 50% 100%,rgba(0,229,255,.12),transparent 38%),
    linear-gradient(180deg,#020403,#000)!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at 50% 25%,black,transparent 78%);
}
body:after{
  content:"";
  position:fixed;
  inset:-40%;
  z-index:-3;
  background:conic-gradient(from 90deg,transparent,rgba(20,241,149,.08),rgba(153,69,255,.12),transparent);
  animation:alienSpin 24s linear infinite;
}
@keyframes alienSpin{to{transform:rotate(360deg)}}

.card,.panel,.hero-main,.hero-card,.table-card,.stat,form,.shell{
  backdrop-filter:blur(22px)!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 40px 140px rgba(0,0,0,.52), inset 0 0 90px rgba(20,241,149,.035)!important;
}
.btn,button{
  transition:.18s ease!important;
}
.btn:hover,button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 55px rgba(20,241,149,.22)!important;
}
.brand img,.logo img,.orbit img{
  filter:drop-shadow(0 0 28px rgba(20,241,149,.32));
}
h1 span,h2 span,.green{
  text-shadow:0 0 38px rgba(20,241,149,.34);
}

/* TABLE CLEANUP PATCH */
.main{
  min-height:680px!important;
}

.table-ring{
  width:min(900px,70vw)!important;
  height:360px!important;
  top:50%!important;
}

.potbox{
  top:32%!important;
  padding:9px 26px!important;
}

.potbox .value{
  font-size:36px!important;
}

.board{
  top:48%!important;
}

.card-slot{
  width:72px!important;
  height:102px!important;
}

.card-img{
  width:70px!important;
  height:98px!important;
}

.my-cards{
  bottom:118px!important;
}

.my-cards .card-img{
  width:76px!important;
  height:108px!important;
}

.actions{
  right:18px!important;
  bottom:18px!important;
  padding:12px!important;
  gap:10px!important;
}

.actions button,
.actions .btn{
  min-width:96px!important;
  height:58px!important;
  font-size:15px!important;
}

.dev{
  left:18px!important;
  bottom:18px!important;
}

.dev .btn{
  padding:12px 18px!important;
}

.seat{
  min-width:150px!important;
}

.seat .avatar{
  width:54px!important;
  height:54px!important;
}

.seat.open .avatar{
  display:none!important;
}

.seat .tag{
  min-width:108px!important;
  padding:8px 11px!important;
}

.seat .name{
  font-size:15px!important;
}

.seat .stack{
  font-size:13px!important;
}

.s1{top:78px!important}
.s2{right:48px!important;top:135px!important}
.s3{right:36px!important;top:330px!important}
.s4{right:210px!important;bottom:88px!important}
.s5{bottom:28px!important}
.s6{left:210px!important;bottom:88px!important}
.s7{left:36px!important;top:330px!important}
.s8{left:48px!important;top:135px!important}

.hand-label{
  top:63%!important;
  font-size:14px!important;
}

.turn-banner{
  top:16px!important;
}

.layout{
  grid-template-columns:230px 1fr 230px!important;
  gap:14px!important;
}

.panel{
  padding:16px!important;
}

@media(max-width:1300px){
  .layout{
    grid-template-columns:1fr!important;
  }
  .side{
    display:none!important;
  }
  .table-ring{
    width:min(900px,92vw)!important;
  }
}

/* TABLE CLEANUP PATCH */
.main{
  min-height:680px!important;
}

.table-ring{
  width:min(900px,70vw)!important;
  height:360px!important;
  top:50%!important;
}

.potbox{
  top:32%!important;
  padding:9px 26px!important;
}

.potbox .value{
  font-size:36px!important;
}

.board{
  top:48%!important;
}

.card-slot{
  width:72px!important;
  height:102px!important;
}

.card-img{
  width:70px!important;
  height:98px!important;
}

.my-cards{
  bottom:118px!important;
}

.my-cards .card-img{
  width:76px!important;
  height:108px!important;
}

.actions{
  right:18px!important;
  bottom:18px!important;
  padding:12px!important;
  gap:10px!important;
}

.actions button,
.actions .btn{
  min-width:96px!important;
  height:58px!important;
  font-size:15px!important;
}

.dev{
  left:18px!important;
  bottom:18px!important;
}

.dev .btn{
  padding:12px 18px!important;
}

.seat{
  min-width:150px!important;
}

.seat .avatar{
  width:54px!important;
  height:54px!important;
}

.seat.open .avatar{
  display:none!important;
}

.seat .tag{
  min-width:108px!important;
  padding:8px 11px!important;
}

.seat .name{
  font-size:15px!important;
}

.seat .stack{
  font-size:13px!important;
}

.s1{top:78px!important}
.s2{right:48px!important;top:135px!important}
.s3{right:36px!important;top:330px!important}
.s4{right:210px!important;bottom:88px!important}
.s5{bottom:28px!important}
.s6{left:210px!important;bottom:88px!important}
.s7{left:36px!important;top:330px!important}
.s8{left:48px!important;top:135px!important}

.hand-label{
  top:63%!important;
  font-size:14px!important;
}

.turn-banner{
  top:16px!important;
}

.layout{
  grid-template-columns:230px 1fr 230px!important;
  gap:14px!important;
}

.panel{
  padding:16px!important;
}

@media(max-width:1300px){
  .layout{
    grid-template-columns:1fr!important;
  }
  .side{
    display:none!important;
  }
  .table-ring{
    width:min(900px,92vw)!important;
  }
}