@media(max-width:699px){
  :root{--cell:min(calc((100vw - 75px)/10),39px)}
}
html.dragging-piece,
body.dragging-piece{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}
.board-wrap,.board,.pieces,.piece,.shape,.block{
  touch-action:none!important;
  -webkit-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
}
.piece{cursor:grab}
.piece:active,.piece.selected{cursor:grabbing}
.drag-ghost{
  filter:drop-shadow(0 12px 9px rgba(0,0,0,.62)) drop-shadow(0 0 8px rgba(75,176,255,.45))!important;
  transform:translate(-50%,-50%) scale(1.08)!important;
}
.drag-ghost .block{
  box-shadow:inset 3px 3px rgba(255,255,255,.42),inset -3px -3px rgba(0,35,120,.45),0 5px 5px rgba(0,0,0,.42)!important;
}
.auth-gate input,.money-input input{font-size:16px!important}
@media(max-width:699px){input,select,textarea{font-size:16px!important}}

.shape.color-0 .block,
.cell.filled.color-0{
  background:linear-gradient(145deg,#5da0ff,#1768e8);
  box-shadow:inset 3px 3px #a9ccff,inset -3px -3px #0a429f;
}
.shape.color-1 .block,
.cell.filled.color-1{
  background:linear-gradient(145deg,#55ef7b,#17b944);
  box-shadow:inset 3px 3px #b4ffc6,inset -3px -3px #087b29;
}
.shape.color-2 .block,
.cell.filled.color-2{
  background:linear-gradient(145deg,#ffad43,#ed7810);
  box-shadow:inset 3px 3px #ffd397,inset -3px -3px #9a3f05;
}
.shape.color-3 .block,
.cell.filled.color-3{
  background:linear-gradient(145deg,#c76bff,#7d27db);
  box-shadow:inset 3px 3px #e7b2ff,inset -3px -3px #4b1195;
}
.shape.color-4 .block,
.cell.filled.color-4{
  background:linear-gradient(145deg,#ff6c74,#dc2738);
  box-shadow:inset 3px 3px #ffb0b4,inset -3px -3px #8f101d;
}
.shape.color-5 .block,
.cell.filled.color-5{
  background:linear-gradient(145deg,#fff36e,#f2bd18 58%,#d98700);
  box-shadow:inset 3px 3px #fffbc0,inset -3px -3px #a45a00;
}
.cell.preview.color-0{background:linear-gradient(145deg,#8bc1ff,#2d7eff);box-shadow:inset 3px 3px #d2e7ff,0 0 13px #3c8cff}
.cell.preview.color-1{background:linear-gradient(145deg,#85ff9d,#25ce55);box-shadow:inset 3px 3px #d6ffdf,0 0 13px #32e568}
.cell.preview.color-2{background:linear-gradient(145deg,#ffc36f,#f18418);box-shadow:inset 3px 3px #ffe7bd,0 0 13px #ff962b}
.cell.preview.color-3{background:linear-gradient(145deg,#dc9cff,#933bea);box-shadow:inset 3px 3px #f2d6ff,0 0 13px #a74cff}
.cell.preview.color-4{background:linear-gradient(145deg,#ff9298,#e43d4a);box-shadow:inset 3px 3px #ffd0d3,0 0 13px #ff4f5e}
.cell.preview.color-5{background:linear-gradient(145deg,#fff89a,#f5c62d);box-shadow:inset 3px 3px #fffdd6,0 0 13px #ffd43f}
.cell.training-target{
  position:relative;
  background:rgba(74,236,126,.18)!important;
  box-shadow:inset 0 0 0 2px #4cff83,0 0 13px rgba(65,255,126,.55)!important;
  animation:training-target 1.05s ease-in-out infinite;
}
#redeem.ready{
  animation:reward-ready .8s ease-in-out infinite alternate;
  box-shadow:0 0 25px rgba(255,190,47,.75);
}
.result .gold-button{margin-top:12px}
.entry-card.paid-focus{
  animation:paid-focus 1s ease-in-out 2;
  border-color:#ffc341;
  box-shadow:inset 0 0 30px #06103c,0 0 28px rgba(255,185,44,.55);
}
.entry-card.paid-focus .gold-button{filter:brightness(1.15)}
@keyframes training-target{
  50%{filter:brightness(1.55);transform:scale(.93)}
}
@keyframes reward-ready{
  to{filter:brightness(1.2);transform:translateY(-2px)}
}
@keyframes paid-focus{
  50%{transform:translateY(-2px);box-shadow:inset 0 0 30px #06103c,0 0 42px rgba(255,185,44,.78)}
}