/* Pločica sa brojem (client/table/numtile.ts): zajednička. Veličina --tw i mesto (transform) daje igra. */
.ntile{position:absolute;left:0;top:0;width:var(--tw);height:calc(var(--tw)*1.32);border-radius:calc(var(--tw)*.13);
  background:linear-gradient(#fffdf5,#f1e7cf);box-shadow:inset 0 -2px 0 #d8c9a3,0 1px 2px rgba(0,0,0,.35),0 4px 8px rgba(0,0,0,.22);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--tw)*.02);
  transform-origin:0 0;transition:transform .38s cubic-bezier(.3,.8,.3,1),opacity .25s;user-select:none;-webkit-user-select:none;cursor:pointer}
.ntile b{font:800 calc(var(--tw)*.58)/1 var(--font-ui,system-ui,sans-serif);letter-spacing:-.02em}
.ntile i{font-style:normal;font-size:calc(var(--tw)*.22);line-height:1}
.ntile.c0{color:#1d1c1a}
.ntile.c1{color:#b8212b}
.ntile.c2{color:#1d56a8}
.ntile.c3{color:#a65300}
.ntile.joker b{font-size:calc(var(--tw)*.6);color:#b8212b}
.ntile.joker i{font-size:calc(var(--tw)*.15);font-weight:800;letter-spacing:.04em;color:#1d1c1a}
.ntile.gone{opacity:0;pointer-events:none}
.ntile.back{background:linear-gradient(#7a2a26,#5b1d1a);box-shadow:inset 0 0 0 2px #8f3d36,0 1px 2px rgba(0,0,0,.35)}
.ntile.back b,.ntile.back i{visibility:hidden}
.ntile.sel{box-shadow:0 0 0 3px #f2c964,0 6px 14px rgba(0,0,0,.4)}
.ntile.fresh{box-shadow:inset 0 -2px 0 #d8c9a3,0 0 0 2px rgba(242,201,100,.85),0 4px 8px rgba(0,0,0,.22)}
.ntile.bad{box-shadow:inset 0 -2px 0 #d8c9a3,0 0 0 2px #e0453a,0 4px 8px rgba(0,0,0,.22)}
.ntile.hint{box-shadow:0 0 0 3px #7fd1ff,0 0 14px rgba(127,209,255,.8)}
.ntile.dragging{transition:none;z-index:5000!important}
@media (prefers-reduced-motion:reduce){.ntile{transition:none}}