/* A centered sheet whose lower edge is cropped by the outer card. */
.nm-table-tile{
  --nm-player-width:180px;
  --nm-row-height:40px;
  --nm-header-height:32px;
  --nm-motion:var(--motion-ease);
  --nm-drag-ease:cubic-bezier(.42,0,.28,1);
  --nm-cursor-idle-x:calc(57cqw - 22px);
  --nm-cursor-idle-y:calc(var(--nm-header-height) + 1.25 * var(--nm-row-height) - 22px);
  grid-column:1/3;grid-row:3;height:258px;
  background:#fff;overflow:visible;container-type:inline-size;
  transition:background-color .24s ease-in-out,border-color .24s ease-in-out!important;
}
.nm-table-tile.is-engaged{background-color:#f5f8ff;border-color:#dce6fa;z-index:4}
.nm-table-clip{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.nm-table-viewport{
  position:absolute;inset:44px 44px -72px;overflow:hidden;border-radius:12px 12px 0 0;
  min-height:calc(var(--nm-header-height) + 5 * var(--nm-row-height));
  background:#fff;box-shadow:0 0 0 1px #e8eaee;pointer-events:none;
  container:nm-sheet / inline-size;
  transform:translateY(0) scale(1);transform-origin:50% 0;
  transition:transform .24s var(--motion-ease),box-shadow .24s var(--motion-fill)!important;
}
.nm-table-tile.is-engaged .nm-table-viewport{transform:translateY(-20px) scale(1.04);box-shadow:0 0 0 1px #c2cbd8,0 3px 8px -2px #1f29372b,0 12px 28px -6px #1f293742}
.nm-stats{--nm-columns:var(--nm-player-width) 92px 88px 68px 120px;display:block;width:100%;border-collapse:collapse;color:#9298a2;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.15}
.nm-stats thead,.nm-stats tbody{display:block}
.nm-stats tr{display:grid;grid-template-columns:var(--nm-columns);align-items:center}
.nm-stats th,.nm-stats td{padding:0 8px;font-weight:400;text-align:center;min-width:0;white-space:nowrap}
.nm-stats thead tr{height:var(--nm-header-height);border-bottom:1px solid #e8ebf0;background:#fcfcfd}
.nm-stats thead th{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:#969ca5}
.nm-stats thead th:first-child{justify-content:flex-start;padding-left:16px}
.nm-stats thead small{font-size:12px;color:#a9aeb5}
.nm-stats .nm-stat-key-passes{text-align:left;padding-left:16px;justify-content:flex-start}
.nm-stat-dribbles svg{display:block;width:14px;height:14px;flex:none}
.nm-sort-up{transition:opacity .2s ease}
.nm-stats tbody{position:relative;height:calc(5 * var(--nm-row-height))}
.nm-stats tbody tr{
  position:absolute;left:0;top:0;width:100%;height:var(--nm-row-height);
  border-bottom:1px solid #eceef2;background:#fff;
  transform:translateY(calc(var(--row) * var(--nm-row-height)));
  transition:background-color .25s var(--motion-fill);
}
.nm-stats tbody th{position:relative;text-align:left;padding-left:16px}
.nm-table-placeholder{color:#a2a5ac;font-weight:400}
.nm-table-value{color:#6e7682}
.nm-table-value[hidden],.nm-table-placeholder[hidden]{display:none}
.nm-table-identity{display:flex;align-items:center;gap:8px}
.nm-table-player{display:flex;flex-direction:column;gap:2px;color:#626b77;font-weight:500}
.nm-table-player small{font-size:12px;line-height:1;color:#a5abb4;font-weight:400;white-space:nowrap}
.nm-table-avatar{
  display:block;flex:none;width:28px;height:28px;border-radius:50%;
  background-image:url('assets/nextmove-players-source.png');
  background-repeat:no-repeat;background-size:682.66667px 636px;
  background-position:-18.66667px calc(var(--portrait-y) * -.333333333px);
  filter:grayscale(.2);opacity:.94;
}
.nm-table-tile.is-sorted .nm-stat-dribbles{color:#2862e8}
.nm-table-tile.is-sorted .nm-sort-up{opacity:.2}
.nm-table-tile.is-finished tr.is-pointer-row{background:#f5f8fe}
.nm-table-tile.is-revealing .nm-table-standout{color:#21a15a;font-weight:600}

/* Gray crosshair and disk, offset purple dot, and a small tactile shadow. */
.nm-table-cursor{
  position:absolute;left:0;top:0;z-index:4;display:block;width:44px;height:44px;
  transform:translate(var(--nm-cursor-idle-x),var(--nm-cursor-idle-y));
  pointer-events:none;transition:transform .38s var(--motion-ease);
}
.nm-table-cursor>span{position:absolute;inset:10px;border:1.5px solid #989a9a;border-radius:50%;background:#90939355}
.nm-table-cursor::before,.nm-table-cursor::after{content:"";position:absolute;background:#676a69}
.nm-table-cursor::before{left:0;top:21px;width:44px;height:1.5px}
.nm-table-cursor::after{left:21px;top:0;width:1.5px;height:44px}
.nm-table-cursor>i{position:absolute;right:-6px;bottom:-6px;width:18px;height:18px;border:1px solid #7824ce;border-radius:50%;background:linear-gradient(#b44aff,#8d28ec);box-shadow:0 2px 4px #35244740,inset 0 1px 0 #ffffff3d}
.nm-table-tile.is-engaged .nm-table-cursor{transform:translate(var(--nm-start-x),var(--nm-start-y))}
.nm-table-tile.is-selecting .nm-table-cursor{transform:translate(var(--nm-end-x),var(--nm-end-y));transition:transform .85s var(--nm-drag-ease)}
.nm-table-tile.is-cursor-hidden .nm-table-cursor{opacity:0;visibility:hidden}
.nm-table-selection{
  position:absolute;top:var(--nm-selection-y);left:var(--nm-selection-x);
  width:0;height:0;z-index:3;box-sizing:border-box;
  border:1px solid #9737d8;background:#9837dd12;opacity:0;
  transition:width .85s var(--nm-drag-ease),height .85s var(--nm-drag-ease),background-color .18s linear;
  pointer-events:none;
}
.nm-table-selection i{position:absolute;width:4px;height:4px;background:#fff;border:1px solid #9737d8}
.nm-table-selection i:nth-child(1){top:-2px;left:-2px}
.nm-table-selection i:nth-child(2){top:-2px;right:-2px}
.nm-table-selection i:nth-child(3){bottom:-2px;right:-2px}
.nm-table-selection i:nth-child(4){bottom:-2px;left:-2px}
.nm-table-tile.is-selecting .nm-table-selection{width:var(--nm-selection-width);height:var(--nm-selection-height);opacity:1}
.nm-table-tile.is-selected .nm-table-selection{background:#9837dd1a}
.nm-table-tile.is-revealing .nm-table-selection{opacity:0}
.nm-table-tile:not(.is-engaged) :is(.nm-table-cursor,.nm-table-selection,.nm-stats tbody tr){transition:none}

.nm-table-preview{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;padding:0;border-radius:22px;background:transparent;cursor:pointer}
.nm-table-preview:focus-visible{outline:2px solid #b3c9ed;outline-offset:-5px}
.nm-table-link{padding:0;border:0;background:transparent;text-align:left;cursor:pointer}
.nm-table-tile:is(.is-engaged,:focus-within) .nm-table-link{--project-hide-delay:0s;opacity:1;visibility:visible;pointer-events:auto}
.nm-table-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* The final column is intentionally clipped at every card width. */
@media(min-width:701px) and (max-width:1100px){
  .grid{grid-template-rows:auto 258px 258px 258px 258px 258px}
  .nm-table-tile{grid-column:1/3;grid-row:5}
}
@media(max-width:700px){
  .grid{grid-template-rows:auto 216px 440px 180px 240px 278px 258px auto}
  .nm-table-tile{grid-column:1/3;grid-row:6;height:278px;--nm-row-height:44px;--nm-header-height:34px}
  .nm-table-viewport{inset:44px 18px -72px}
  .nm-table-tile.is-engaged .nm-table-viewport{transform:translateY(-20px) scale(1.025)}
}
@container nm-sheet (min-width:401px){
  .nm-stats{--nm-player-width:max(112px,calc(100cqw - 312px))}
}
@container nm-sheet (max-width:400px){
  .nm-stats{--nm-columns:max(116px,calc(100cqw - 204px)) 94px 68px 120px}
  .nm-stats .nm-stat-distance{display:none}
  .nm-stats thead th:first-child,.nm-stats tbody th{padding-left:16px}
  .nm-table-identity{gap:8px}
  .nm-table-player{font-size:14px}
  .nm-stats .nm-stat-key-passes{padding-left:12px}
}
@media(prefers-reduced-motion:reduce){
  .nm-stats tbody tr{transition:none!important}
  /* Keep this requested, user-triggered drag visible; it runs once per hover. */
  .nm-table-tile.is-engaged .nm-table-cursor{transition:transform .38s var(--motion-ease)!important}
  .nm-table-tile.is-selecting .nm-table-cursor{transition:transform .85s var(--nm-drag-ease)!important}
  .nm-table-tile.is-engaged .nm-table-selection{transition:width .85s var(--nm-drag-ease),height .85s var(--nm-drag-ease),background-color .18s linear!important}
  .nm-table-tile:not(.is-engaged) :is(.nm-table-cursor,.nm-table-selection){transition:none!important}
}