.keno-number{position:relative;overflow:hidden;transition:transform .22s,background .3s,border-color .3s,box-shadow .3s}
.period-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 34px}.period-rewards article{display:grid;gap:8px;padding:24px;border:1px solid #344957;border-radius:16px;background:linear-gradient(145deg,#202d36,#182027);box-shadow:0 14px 30px #07101833}.period-rewards b{font-size:20px;color:#f4f8fb}.period-rewards span,.period-rewards small{color:#91a7b7}.period-rewards strong{font-size:30px;color:#55b5f2}.period-rewards button{justify-self:start;margin-top:8px;padding:10px 18px;border:0;border-radius:8px;background:#3f9fe5;color:#fff;font-weight:700;cursor:pointer}.period-rewards button:hover{background:#56b4f2}@media(max-width:800px){.period-rewards{grid-template-columns:1fr}}
.period-rewards button:disabled{cursor:not-allowed;background:#2d3942;color:#8598a6}.period-rewards strong{font-variant-numeric:tabular-nums}.arena-tools{position:relative}.arena-volume{position:absolute;z-index:20;right:0;top:42px;display:flex;align-items:center;gap:9px;width:220px;padding:12px 14px;border:1px solid #405565;border-radius:10px;background:#202b33f5;box-shadow:0 15px 35px #0008;opacity:0;pointer-events:none;transform:translateY(-7px) scale(.97);transform-origin:top right;transition:opacity .15s,transform .15s}.arena-volume.open{opacity:1;pointer-events:auto;transform:none}.arena-volume input{width:170px;padding:0;accent-color:#54b4f3}.selected-heading>div{display:flex;align-items:center;gap:12px}.selected-heading #clear-packs{padding:8px 12px;color:#c6d5df;background:#263139;border-color:#40515d}.selected-heading #clear-packs:not(:disabled):hover{border-color:#65b8ed;color:#fff}@media(max-width:650px){.arena-volume{right:0;top:38px;width:200px}.selected-heading{align-items:flex-start;gap:10px}.selected-heading>div{align-items:flex-end;flex-direction:column;text-align:right}}
.keno-number.drawn{border-color:#738797;box-shadow:inset 0 0 0 1px #c2d6e422}
.keno-number.hit{box-shadow:0 0 22px #f0c45b55}
.keno-number.revealing{z-index:2;animation:kenoTileReveal .55s cubic-bezier(.18,.88,.25,1.3)}
.keno-number.revealing:after{content:'';position:absolute;inset:-35%;background:linear-gradient(110deg,transparent 30%,#fff9 48%,transparent 65%);transform:translateX(-80%);animation:kenoShine .55s ease-out}
.keno-drawn{min-height:34px}
.keno-drawn b.revealing{animation:kenoBallReveal .5s cubic-bezier(.15,.9,.25,1.25)}
.keno-board.is-drawing{box-shadow:0 0 0 1px #4c90bc44,0 18px 55px #07101855}
.arena-rounds>[data-arena-pack]{cursor:pointer;border-radius:4px;transition:opacity .18s,transform .18s,box-shadow .18s}
.arena-rounds>[data-arena-pack]:hover,.arena-rounds>[data-arena-pack]:focus-visible{opacity:1;transform:translateY(-2px);box-shadow:0 0 0 1px #73bff0,0 8px 18px #0006;outline:none}
@keyframes kenoTileReveal{0%{opacity:0;transform:perspective(300px) rotateY(85deg) scale(.45)}55%{opacity:1;transform:perspective(300px) rotateY(-10deg) scale(1.16)}100%{transform:perspective(300px) rotateY(0) scale(1)}}
@keyframes kenoBallReveal{0%{opacity:0;transform:translateY(-22px) scale(.4) rotate(-90deg)}70%{transform:translateY(3px) scale(1.15) rotate(8deg)}100%{opacity:1;transform:none}}
@keyframes kenoShine{to{transform:translateX(80%)}}
.keno-top-controls{display:flex;align-items:center;gap:10px}.keno-speed{display:flex;gap:4px;padding:5px;background:#1b2228;border:1px solid #34434d;border-radius:9px}.keno-speed button,.keno-sound{padding:8px 13px;border:0;background:transparent;color:#8fa5b5}.keno-speed button.active,.keno-sound.active{background:#354653;color:#fff;box-shadow:inset 0 0 0 1px #6aaed955}.keno-sound{border:1px solid #34434d;border-radius:9px}.keno-auto-block{display:grid;gap:12px;margin-top:6px}.keno-auto-count{display:grid;grid-template-columns:1fr 56px;gap:8px;background:#242a30;padding:7px;border-radius:8px}.keno-auto-count input{width:100%;border:0;background:transparent}.keno-auto-count button{font-size:22px;padding:5px}.keno-auto-count button.active{background:#3c4857;color:#9dd7ff;border-color:#8ac9f7}.keno-auto-block>#keno-configure{height:58px;background:transparent;border-color:#8095a5}.keno-auto-block>#keno-autoplay{height:58px}.keno-auto-block>#keno-autoplay.stop{background:#ab4d57;border-color:#c8626d}.keno-auto-dialog{width:min(480px,94vw)}.keno-auto-dialog form{display:grid;gap:17px}.keno-auto-dialog label{display:grid;gap:8px;color:#a9bbc8}.keno-auto-dialog input{width:100%}@media(max-width:650px){.keno-top-controls{align-items:stretch;flex-direction:column}.keno-speed{justify-content:center}.keno-speed button{flex:1}}
.bj-insurance {
  position: absolute;
  left: 50%;
  bottom: 82px;
  z-index: 8;
  display: grid;
  grid-template-columns: minmax(185px, 1fr) auto auto;
  gap: 10px;
  align-items: center;
  width: min(600px, calc(100% - 32px));
  padding: 13px 14px;
  border: 1px solid #4a606d;
  border-left: 3px solid #479feb;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(37, 47, 53, .98), rgba(23, 29, 33, .98));
  box-shadow: 0 18px 45px #0204058f, inset 0 1px #7893a233;
  transform: translateX(-50%);
  animation: insurance-arrive .32s cubic-bezier(.2, .82, .2, 1);
}

.bj-insurance > div { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.25; }
.bj-insurance span { color: #73b9ec; font-size: 9px; font-weight: 850; letter-spacing: 1.2px; }
.bj-insurance b { margin: 2px 0; color: #fff; font-size: 16px; }
.bj-insurance small { color: #94a3bb; }
.bj-insurance button { min-width: 112px; height: 40px; }

@keyframes insurance-arrive {
  from { opacity: 0; transform: translate(-50%, 12px) scale(.97); }
  to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

@media (max-width: 650px) {
  .bj-insurance { grid-template-columns: 1fr 1fr; bottom: 79px; }
  .bj-insurance > div { grid-column: 1 / -1; }
  .bj-insurance button { min-width: 0; }
}