/* Net-Twin Customization v1: only predefined classes; no user-supplied CSS. */
.ntc-balance { background:#111827; color:#fff; border-radius:999px; padding:.6rem 1rem; font-weight:600; }
.ntc-card { overflow:hidden; position:relative; }
.ntc-card:before { content:""; position:absolute; inset:0; opacity:.14; pointer-events:none; background:linear-gradient(135deg,#8b5cf6,#06b6d4); }
.ntc-card > * { position:relative; }
.profile-header.ntc-bg-brickwork, body.ntc-bg-brickwork .profile-header { background:linear-gradient(135deg,rgba(32,20,18,.72),rgba(94,48,32,.72)), repeating-linear-gradient(0deg,#7a3c2d 0 22px,#5e2b23 22px 24px)!important; }
.profile-header.ntc-bg-neon-grid, body.ntc-bg-neon-grid .profile-header { background:linear-gradient(rgba(10,10,28,.72),rgba(10,10,28,.72)),linear-gradient(90deg,rgba(35,255,245,.33) 1px,transparent 1px),linear-gradient(rgba(255,75,205,.28) 1px,transparent 1px)!important; background-size:auto,28px 28px,28px 28px!important; }
.profile-header.ntc-bg-workshop, body.ntc-bg-workshop .profile-header { background:linear-gradient(135deg,rgba(33,25,17,.65),rgba(90,64,35,.65)),repeating-linear-gradient(90deg,#6c4e2c 0 10px,#4f351d 10px 12px)!important; }
.profile-header.ntc-bg-watercolor, body.ntc-bg-watercolor .profile-header { background:radial-gradient(circle at 20% 20%,rgba(246,141,170,.7),transparent 42%),radial-gradient(circle at 80% 30%,rgba(110,187,232,.7),transparent 42%),linear-gradient(135deg,#f6e4cf,#cfe8ee)!important; }
.profile-header.ntc-bg-forest, body.ntc-bg-forest .profile-header { background:linear-gradient(135deg,rgba(8,45,34,.68),rgba(51,94,46,.62)),radial-gradient(circle at 30% 30%,#6d9c5a,transparent 28%),#274a36!important; }
.profile-header.ntc-bg-circuit, body.ntc-bg-circuit .profile-header { background:linear-gradient(135deg,rgba(8,20,32,.73),rgba(8,20,32,.73)),repeating-linear-gradient(90deg,transparent 0 24px,rgba(67,194,255,.48) 25px 26px),repeating-linear-gradient(0deg,transparent 0 30px,rgba(67,194,255,.33) 31px 32px)!important; }
.ntc-frame-copper .profile-avatar-wrapper img, body.ntc-frame-copper .profile-avatar-wrapper img { border:5px solid #c77a3d!important; box-shadow:0 0 0 3px #4b2918,0 8px 24px rgba(0,0,0,.35)!important; }
.ntc-frame-neon .profile-avatar-wrapper img, body.ntc-frame-neon .profile-avatar-wrapper img { border:5px solid #39ffe5!important; box-shadow:0 0 0 3px #fc4cc9,0 0 18px #39ffe5!important; }
.ntc-frame-ink .profile-avatar-wrapper img, body.ntc-frame-ink .profile-avatar-wrapper img { border:5px solid #171717!important; box-shadow:0 0 0 3px #f3d65b,0 8px 24px rgba(0,0,0,.45)!important; }
.ntc-profile-badges { display:inline-flex; gap:4px; margin-left:8px; vertical-align:middle; }
.ntc-profile-badge { display:inline-flex; justify-content:center; align-items:center; width:23px; height:23px; border-radius:50%; background:#6d45db; color:#fff; font-size:11px; box-shadow:0 1px 4px rgba(0,0,0,.25); }

/* v1.2 first collection */
body.ntc-bg-forged-workshop {
  background-image:linear-gradient(rgba(3,10,18,.38),rgba(3,10,18,.38)),url('../images/workshop-wall.jpg')!important;
  background-size:cover!important;
  background-position:center top!important;
  background-attachment:fixed!important;
}
body.ntc-bg-forged-workshop .profile-header {
  background-image:linear-gradient(rgba(5,12,19,.28),rgba(5,12,19,.28)),url('../images/workshop-wall.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
}
body.ntc-bg-forged-workshop .card { background-color:rgba(27,35,45,.91); backdrop-filter:blur(3px); }

/* Keep Sngine's absolute, intrinsically sized avatar wrapper intact. Changing
   its positioning mode makes the circular backing stretch across the profile. */
body.ntc-frame-forged-ember .profile-avatar-wrapper { isolation:isolate; }
body.ntc-frame-forged-ember .profile-avatar-wrapper:after {
  content:"";
  position:absolute;
  inset:-10%;
  z-index:2;
  pointer-events:none;
  background:url('../images/forged-ember-frame.png') center/contain no-repeat;
}
body.ntc-frame-forged-ember .profile-avatar-wrapper img { position:relative; z-index:1; }
body.ntc-frame-forged-ember .profile-avatar-change,
body.ntc-frame-forged-ember .profile-avatar-crop,
body.ntc-frame-forged-ember .profile-avatar-delete { z-index:3; }

.ntc-profile-badge.ntc-badge-creative-spark {
  width:34px;
  height:34px;
  flex:0 0 34px;
  background:transparent url('../images/creative-spark-badge.png') center/contain no-repeat!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
}

.ntc-profile-shortcut {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  margin:0 8px 0 0;
  padding:0;
  border-radius:50%;
  color:#fff!important;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,177,66,.5);
  text-decoration:none!important;
  font-size:18px;
  color:#253047!important;
  box-shadow:0 4px 16px rgba(0,0,0,.22);
}
.ntc-profile-shortcut:hover { background:#fff7e8; border-color:#ffb142; color:#9a5b00!important; }

/* Profile-only container: the site's global Fluid Design setting remains on. */
body.ntc-profile-view .sg-offcanvas-mainbar {
  width:100%;
  max-width:1320px;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width: 767.98px) {
  .ntc-profile-badge.ntc-badge-creative-spark { width:28px; height:28px; flex-basis:28px; }
  .ntc-profile-shortcut { width:38px; height:38px; flex-basis:38px; }
}

.ntc-preview-background.ntc-forged-workshop:before { background:url('../images/workshop-wall.jpg') center/cover; opacity:.38; }
.ntc-preview-frame.ntc-forged-ember:before { background:url('../images/forged-ember-frame.png') center/68% no-repeat; opacity:.32; }
.ntc-preview-badge.ntc-creative-spark:before { background:url('../images/creative-spark-badge.png') center/42% no-repeat; opacity:.34; }