.ntnt-live-pool-wrap{margin-top:10px}

.ntnt-live-pool-card{
  position:relative;isolation:isolate;overflow:hidden;padding:13px;
  border:1px solid #e7c64a;border-radius:17px;
  background:radial-gradient(circle at 92% 5%,rgba(255,219,72,.18),transparent 27%),linear-gradient(145deg,#075b35 0%,#063f29 58%,#052f22 100%);
  box-shadow:0 7px 18px rgba(3,67,37,.18),inset 0 1px 0 rgba(255,255,255,.14);
  color:#fff;font-family:Montserrat,Arial,sans-serif;
}

.ntnt-live-pool-card::before{
  content:"";position:absolute;z-index:-1;width:150px;height:150px;right:-66px;top:-86px;
  border:25px solid rgba(255,215,48,.08);border-radius:50%;pointer-events:none;
}

.ntnt-live-pool-card::after{
  content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#f9cd26,#48ba68,#f9cd26);opacity:.85;
}

.ntnt-live-pool-glow{
  position:absolute;z-index:-1;left:20px;right:20px;bottom:-36px;height:55px;border-radius:50%;
  background:rgba(255,207,35,.13);filter:blur(18px);
}

.ntnt-live-pool-head{display:flex;align-items:center;min-height:40px;padding:0 92px 9px 1px}
.ntnt-live-pool-kicker{display:block;color:#ffd83d;font-size:7px;font-weight:1000;letter-spacing:.18em}
.ntnt-live-pool-head h2{
  margin:2px 0 0;color:#fff;font-size:20px;font-style:normal;font-weight:1000;line-height:1;letter-spacing:.025em;
  -webkit-text-stroke:.25px rgba(255,255,255,.48);
  text-shadow:0 1px 0 #0a7a46,0 2px 0 #003b25,0 4px 7px rgba(0,0,0,.34),0 0 8px rgba(255,255,255,.12);
}
.ntnt-live-pool-head h2 em{
  color:#ffd83d;font-style:normal;-webkit-text-stroke:.25px rgba(255,240,147,.75);
  text-shadow:0 1px 0 #c89000,0 2px 0 #765600,0 4px 8px rgba(0,0,0,.38),0 0 10px rgba(255,211,41,.22);
}

.ntnt-live-pool-state{
  position:absolute;z-index:3;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:70px;padding:5px 8px;
  border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.09);
  color:#dceee4;font-size:6px;letter-spacing:.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.ntnt-live-pool-state i{width:6px;height:6px;border-radius:50%;background:#f3bd22;box-shadow:0 0 0 3px rgba(243,189,34,.13)}
.ntnt-live-pool-state.is-live{border-color:rgba(96,231,142,.35);background:rgba(27,181,82,.15);color:#e4ffed}
.ntnt-live-pool-state.is-live i{background:#55e386;box-shadow:0 0 0 3px rgba(85,227,134,.13),0 0 9px rgba(85,227,134,.42);animation:ntnt-live-pulse 1.6s ease-in-out infinite}
.ntnt-live-pool-state.is-reconnecting i{background:#edaa26}
@keyframes ntnt-live-pulse{0%,100%{transform:scale(.82);opacity:.72}50%{transform:scale(1.14);opacity:1}}

.ntnt-live-pool-display{
  position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:58px;padding:8px 10px 8px 56px;
  border:1px solid rgba(255,220,62,.68);border-radius:13px;
  background:linear-gradient(180deg,rgba(9,92,52,.96),rgba(0,43,27,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -8px 18px rgba(0,0,0,.12),0 3px 9px rgba(0,0,0,.16);
}

.ntnt-live-pool-currency{
  position:absolute;left:10px;top:50%;display:grid;width:33px;height:33px;place-items:center;border-radius:9px;transform:translateY(-50%);
  background:linear-gradient(145deg,#ffe96b,#ffc716);box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 3px 8px rgba(0,0,0,.24);
  color:#07502c;font-size:19px;font-weight:1000;
}

.ntnt-live-odometer{
  display:block;width:auto;min-width:0;color:#fff;font-family:"Arial Black",Montserrat,Arial,sans-serif;
  font-size:clamp(23px,7vw,31px);font-variant-numeric:tabular-nums;font-weight:1000;line-height:1;
  letter-spacing:.02em;text-align:left;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.38),0 0 12px rgba(255,224,85,.12);
}

.ntnt-live-odometer.odometer{display:inline-block;position:relative;vertical-align:middle}
.ntnt-live-odometer .odometer-inside{display:inline-block}
.ntnt-live-odometer .odometer-digit{display:inline-block;position:relative;vertical-align:middle}
.ntnt-live-odometer .odometer-digit-spacer{display:inline-block;visibility:hidden}
.ntnt-live-odometer .odometer-digit-inner{position:absolute;inset:0;display:block;overflow:hidden;text-align:left}
.ntnt-live-odometer .odometer-ribbon{display:block}
.ntnt-live-odometer .odometer-ribbon-inner{display:block;backface-visibility:hidden}
.ntnt-live-odometer .odometer-value{display:block;transform:translateZ(0)}
.ntnt-live-odometer .odometer-value.odometer-last-value{position:absolute}
.ntnt-live-odometer.odometer-animating-up .odometer-ribbon-inner{transition:transform 2s cubic-bezier(.22,.61,.36,1)}
.ntnt-live-odometer.odometer-animating-up.odometer-animating .odometer-ribbon-inner{transform:translateY(-100%)}
.ntnt-live-odometer.odometer-animating-down .odometer-ribbon-inner{transform:translateY(-100%)}
.ntnt-live-odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner{transition:transform 2s cubic-bezier(.22,.61,.36,1);transform:translateY(0)}
.ntnt-live-odometer .odometer-formatting-mark{color:#ffe169}

.ntnt-live-pool-foot{padding:8px 2px 1px;color:rgba(238,255,245,.78);font-size:7px;font-weight:700;line-height:1.3}

.ntnt-live-winner{
  display:flex;align-items:center;gap:7px;margin-top:7px;padding:6px 8px;
  border:1px solid rgba(255,213,58,.48);border-radius:9px;background:rgba(255,219,65,.12);color:#fff;font-size:7px;
}
.ntnt-live-winner[hidden]{display:none}
.ntnt-live-winner span{color:#ffe16b;font-weight:1000;letter-spacing:.08em}
.ntnt-live-winner b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:520px){
  .ntnt-live-pool-head{padding-right:92px}
  .ntnt-live-pool-foot{padding-right:55px}
}

@media (max-width:360px){
  .ntnt-live-pool-card{padding:11px}
  .ntnt-live-pool-head{padding-right:84px}
  .ntnt-live-pool-state{top:10px;right:10px;min-width:65px}
  .ntnt-live-pool-display{padding-left:48px;padding-right:8px}
  .ntnt-live-pool-currency{left:8px;width:29px;height:29px;font-size:17px}
  .ntnt-live-odometer{font-size:22px}
}

@media (prefers-reduced-motion:reduce){
  .ntnt-live-pool-state.is-live i{animation:none}
  .ntnt-live-odometer .odometer-ribbon-inner{transition-duration:0s!important}
}
