.lvt-skins-v2{display:grid;gap:14px}.lvt-skins-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.lvt-skins-head>div{min-width:0}.lvt-skins-head h3{margin:3px 0 0}.lvt-skins-head p{max-width:620px;margin:5px 0 0;color:#6d8a95;font-size:8px;line-height:1.55}.lvt-current-skin{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid rgba(99,214,235,.12);border-radius:12px;background:linear-gradient(145deg,rgba(10,27,36,.9),rgba(4,14,20,.98))}.lvt-current-skin-preview{display:grid;place-items:center;min-height:190px;border:1px solid rgba(255,255,255,.045);border-radius:10px;background:radial-gradient(circle at 50% 25%,rgba(66,195,221,.09),transparent 55%),rgba(255,255,255,.014)}.lvt-current-skin .mc-face--body{width:78px;height:156px}.lvt-current-skin-copy>span{display:block;margin-bottom:6px;color:#65ccdf;font-size:8px;font-weight:900;letter-spacing:.13em}.lvt-current-skin-copy h4{margin:0;color:#eefcff;font-size:18px}.lvt-current-skin-copy>p{margin:6px 0 13px;color:#6f8c96;font-size:8px;line-height:1.5}.lvt-current-skin-copy>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;max-width:420px;margin-bottom:13px}.lvt-current-skin-copy small{color:#5e7882;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lvt-current-skin-copy b{overflow:hidden;color:#b9d7dd;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.lvt-current-skin-copy button{min-height:32px;padding:0 11px;border:1px solid rgba(103,218,239,.18);border-radius:8px;background:linear-gradient(180deg,rgba(17,42,53,.9),rgba(6,19,26,.98));color:#b9e5ec;font-size:8px;font-weight:900;cursor:pointer}.lvt-current-skin-copy button:hover{border-color:rgba(105,225,245,.35);color:#effcff}.lvt-skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:9px}.lvt-skin-card{position:relative;display:grid;grid-template-rows:145px auto;min-width:0;padding:0;overflow:hidden;border:1px solid rgba(95,202,223,.1);border-radius:10px;background:linear-gradient(150deg,rgba(8,22,30,.88),rgba(3,12,17,.98));color:inherit;text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.lvt-skin-card:hover{transform:translateY(-2px);border-color:rgba(101,219,240,.27);box-shadow:0 12px 28px rgba(0,0,0,.22)}.lvt-skin-card.current{border-color:rgba(102,218,239,.2);box-shadow:inset 0 0 0 1px rgba(92,205,226,.05)}.lvt-skin-card-preview{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(65,192,217,.07),transparent 54%),rgba(255,255,255,.012)}.lvt-skin-card .mc-face--body{width:56px;height:112px}.lvt-current-skin-badge{position:absolute;left:7px;top:7px;min-height:19px;padding:0 6px;border:1px solid rgba(96,216,237,.19);border-radius:999px;background:rgba(5,22,29,.88);color:#67d4e5;font-size:6px;font-weight:900;line-height:18px;letter-spacing:.08em}.lvt-skin-card-copy{display:grid;gap:3px;padding:9px 10px;border-top:1px solid rgba(255,255,255,.04)}.lvt-skin-card-copy b{overflow:hidden;color:#dceff3;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.lvt-skin-card-copy small{color:#58727c;font-size:7px}.mc-face--body{display:grid;place-items:center;image-rendering:pixelated}.mc-face--body canvas.mc-texture-crop{display:block;width:100%;height:100%;image-rendering:pixelated}.lvt-skin-card .lvt-asset-visibility{position:absolute;z-index:5;right:7px;bottom:7px;min-height:25px;padding:0 7px;border:1px solid rgba(107,218,240,.16);border-radius:7px;background:#071821;color:#8fb9c2;font-size:7px;font-weight:850;cursor:pointer}.lvt-skin-card .lvt-asset-visibility:hover{border-color:rgba(108,224,244,.34);color:#e8fbff}.lvt-skin-card.is-hidden-owner{opacity:.48}.lvt-skin-card.hidden-by-owner{display:none}.lvt-edit-mode .lvt-skin-card{padding-bottom:31px}.lvt-skin-modal-backdrop{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:20px;background:rgba(0,5,9,.72);backdrop-filter:blur(8px);opacity:0;transition:opacity .15s ease}.lvt-skin-modal-backdrop.open{opacity:1}.lvt-skin-modal{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;width:min(720px,100%);max-height:min(760px,92vh);padding:18px;border:1px solid rgba(101,216,236,.18);border-radius:15px;background:linear-gradient(145deg,#081a23,#031017 72%);box-shadow:0 30px 90px rgba(0,0,0,.58);overflow:auto}.lvt-skin-modal-close{position:absolute;right:10px;top:10px;z-index:3;width:31px;height:31px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#07151c;color:#8da9b2;font-size:18px;cursor:pointer}.lvt-skin-modal-preview{display:grid;place-items:center;min-height:280px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:radial-gradient(circle at 50% 25%,rgba(69,194,220,.1),transparent 56%),rgba(255,255,255,.012)}.lvt-skin-modal-preview .mc-face--body{width:112px;height:224px}.lvt-skin-modal-copy{padding:15px 34px 5px 0}.lvt-skin-modal-copy>span{display:block;color:#62ccde;font-size:8px;font-weight:900;letter-spacing:.13em}.lvt-skin-modal-copy h3{margin:6px 0 15px;color:#effcff;font-size:19px}.lvt-skin-modal-data{display:grid;gap:8px}.lvt-skin-modal-data>div{display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:8px;background:rgba(255,255,255,.012)}.lvt-skin-modal-data small{color:#5b747e;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lvt-skin-modal-data b{overflow-wrap:anywhere;color:#bfdbe0;font-size:8px}.lvt-skin-modal-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.lvt-skin-modal-actions a,.lvt-skin-modal-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid rgba(101,215,236,.17);border-radius:8px;background:linear-gradient(180deg,rgba(16,39,49,.92),rgba(6,19,26,.98));color:#b9e4eb;font:900 8px/1 inherit;text-decoration:none;cursor:pointer}.lvt-skin-modal-actions a:hover,.lvt-skin-modal-actions button:hover{border-color:rgba(101,225,246,.34);color:#effcff}@media(max-width:760px){.lvt-current-skin{grid-template-columns:120px minmax(0,1fr)}.lvt-current-skin-preview{min-height:160px}.lvt-current-skin .mc-face--body{width:64px;height:128px}.lvt-skin-modal{grid-template-columns:1fr}.lvt-skin-modal-preview{min-height:240px}.lvt-skin-modal-copy{padding:0}.lvt-skins-head{display:grid}}@media(max-width:520px){.lvt-current-skin{grid-template-columns:1fr}.lvt-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lvt-skin-card{grid-template-rows:132px auto}.lvt-skin-card .mc-face--body{width:52px;height:104px}}

/* Compact NameMC-style skin history heads. */
.profile-page .lvt-skin-grid{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.profile-page .lvt-skin-card{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:4px!important}
.profile-page .lvt-skin-card-copy,.profile-page .lvt-current-skin-badge{display:none!important}

/* Keep NameMC-like compact cells without zooming the face edge-to-edge. */
.profile-page .lvt-skin-card-preview{display:grid!important;place-items:center!important}
.profile-page .lvt-skin-card .mc-face--skin{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important}
.profile-page .lvt-skin-card canvas.mc-texture-crop{width:22px!important;height:22px!important}

/* 2026-10-04 deterministic 8x8 Minecraft head crop with hat layer. */
.profile-page .lvt-skin-card{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:4px!important;background:#06131b!important;border:1px solid rgba(160,206,220,.18)!important}
.profile-page .lvt-skin-card-preview{position:absolute!important;inset:0!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;background:#07151d!important}
.profile-page .lvt-skin-head{position:relative;display:block;width:24px;height:24px;overflow:hidden;background-image:var(--skin);background-repeat:no-repeat;background-size:800% 800%;background-position:14.2857% 14.2857%;image-rendering:pixelated}
.profile-page .lvt-skin-head:after{content:"";position:absolute;inset:0;background-image:var(--skin);background-repeat:no-repeat;background-size:800% 800%;background-position:71.4286% 14.2857%;image-rendering:pixelated}
.profile-page .lvt-skin-card:hover{transform:none!important;border-color:rgba(160,206,220,.36)!important;box-shadow:none!important}
.profile-page .lvt-skin-card.current,.profile-page .lvt-skin-card.preview-selected{outline:none!important;box-shadow:none!important}

/* 2026-10-04 use the real Minecraft face cropper in compact history cards. */
.profile-page .lvt-skin-head{display:none!important}
.profile-page .lvt-skin-card .mc-face--skin{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  overflow:hidden!important;
  background:transparent!important;
}
.profile-page .lvt-skin-card .mc-face--skin canvas.mc-texture-crop{
  display:block!important;
  width:24px!important;
  height:24px!important;
  image-rendering:pixelated!important;
}

/* 2026-10-04 NameMC-like compact face tiles. */
.profile-page .lvt-skin-card{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  padding:0!important;
  border-radius:4px!important;
  border:1px solid rgba(57,94,106,.28)!important;
  background:#07141b!important;
  box-shadow:none!important;
}
.profile-page .lvt-skin-card-preview{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  padding:0!important;
  background:#07141b!important;
}
.profile-page .lvt-skin-card .mc-face--skin,
.profile-page .lvt-skin-card .mc-face--skin canvas.mc-texture-crop{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  image-rendering:pixelated!important;
}
.profile-page .lvt-skin-card.current,
.profile-page .lvt-skin-card.preview-selected,
.profile-page .lvt-skin-card:hover{
  outline:none!important;
  box-shadow:none!important;
}


/* 2026-10-04 NameMC reference sizing: exact 32x32 skin heads. */
.profile-page .lvt-skin-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:2px!important;
  padding:2px!important;
}
.profile-page .lvt-skin-card,
.profile-page .lvt-skin-card-preview{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  border-radius:2px!important;
}
.profile-page .lvt-skin-card .mc-face--skin,
.profile-page .lvt-skin-card .mc-face--skin canvas.mc-texture-crop{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  image-rendering:pixelated!important;
}


/* 2026-10-04 prevent 32x32 skin faces and hat layer from clipping. */
.profile-page .lvt-skin-grid{
  gap:3px!important;
  padding:2px 3px!important;
  overflow:visible!important;
}
.profile-page .lvt-skin-card,
.profile-page .lvt-skin-card-preview{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  overflow:visible!important;
}
.profile-page .lvt-skin-card-preview{
  display:grid!important;
  place-items:center!important;
  inset:auto!important;
  position:relative!important;
  background:#07141b!important;
}
.profile-page .lvt-skin-card .mc-face--skin,
.profile-page .lvt-skin-card .mc-face--skin canvas.mc-texture-crop{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  max-width:32px!important;
  max-height:32px!important;
  overflow:visible!important;
  image-rendering:pixelated!important;
}
