/* Tsukiro 3.5.6 — profile appearance studio and reward inventory. */
body[data-page="profile"] #authUser:not(.hidden) .profile-tabs {
  position:sticky!important;
  z-index:980!important;
  top:84px!important;
  isolation:isolate;
  margin-top:10px!important;
  background:rgba(12,12,18,.94)!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}

body[data-page="profile"] [data-profile-panel="appearance"] {
  display:grid;
  gap:18px;
}

body[data-page="profile"] [data-profile-panel="appearance"].hidden { display:none!important; }

body[data-page="profile"] [data-profile-panel="appearance"]>.section-heading { margin-bottom:2px; }
body[data-page="profile"] [data-profile-panel="appearance"]>.section-heading p { max-width:660px;margin:7px 0 0;color:#85808c;font-size:11px;line-height:1.55; }

body[data-page="profile"] .profile-media-studio,
body[data-page="profile"] .reward-cosmetics-studio {
  margin:0!important;
  padding:24px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:21px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important;
}

body[data-page="profile"] .profile-media-studio .section-heading,
body[data-page="profile"] .reward-cosmetics-studio .section-heading { margin-bottom:18px; }
body[data-page="profile"] .profile-media-studio h3,
body[data-page="profile"] .reward-cosmetics-studio h3 { margin:5px 0 0;font-size:25px;letter-spacing:-.045em; }
body[data-page="profile"] .profile-media-studio .section-heading p,
body[data-page="profile"] .reward-cosmetics-studio .section-heading p { margin:5px 0 0;color:#77717e;font-size:10px;line-height:1.5; }

body[data-page="profile"] .profile-media-studio .profile-image-grid { margin:0; }
body[data-page="profile"] .profile-media-studio .profile-image-field {
  min-height:146px;
  border-color:rgba(255,255,255,.07)!important;
  background:rgba(8,8,12,.34)!important;
}

body[data-page="profile"] .profile-media-actions { display:flex;align-items:center;gap:13px;margin-top:16px; }
body[data-page="profile"] .profile-media-actions .auth-message { margin:0; }

body[data-page="profile"] .reward-cosmetics-total {
  padding:7px 10px;
  border:1px solid rgba(255,92,168,.16);
  border-radius:999px;
  background:rgba(255,92,168,.06);
  color:#e38ab8;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

body[data-page="profile"] .reward-library-group { display:grid;gap:10px; }
body[data-page="profile"] .reward-library-group+.reward-library-group { margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.055); }
body[data-page="profile"] .reward-library-heading { display:flex;align-items:center;justify-content:space-between;gap:12px; }
body[data-page="profile"] .reward-library-heading strong { font-size:13px; }
body[data-page="profile"] .reward-library-heading span { color:#7c7682;font-size:9px;font-weight:850; }

body[data-page="profile"] .reward-avatar-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
body[data-page="profile"] .reward-banner-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }

body[data-page="profile"] .reward-cosmetic-card {
  position:relative;
  min-width:0;
  display:grid;
  gap:10px;
  padding:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:17px;
  background:rgba(9,9,14,.52);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

body[data-page="profile"] .reward-cosmetic-card.is-unlocked:hover { transform:translateY(-2px);border-color:rgba(255,92,168,.2);background:rgba(255,255,255,.036); }
body[data-page="profile"] .reward-cosmetic-card.is-active { border-color:rgba(255,92,168,.34);box-shadow:inset 0 0 0 1px rgba(157,99,255,.1); }
body[data-page="profile"] .reward-cosmetic-card.is-active::after { content:"✓";position:absolute;right:10px;top:10px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff5ca8,#9d63ff);color:#fff;font-size:10px;font-weight:950;box-shadow:0 7px 20px rgba(219,65,168,.28); }
body[data-page="profile"] .reward-cosmetic-card.is-locked { opacity:.58; }
body[data-page="profile"] .reward-cosmetic-card.is-locked :is(.reward-avatar-art,.reward-banner-art) { filter:grayscale(.85) brightness(.62); }

body[data-page="profile"] .reward-avatar-art { width:82px;height:82px;margin:auto;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#15141c;box-shadow:0 15px 35px rgba(0,0,0,.28); }
body[data-page="profile"] .reward-avatar-art img { width:100%;height:100%;display:block;object-fit:cover; }

body[data-page="profile"] .reward-banner-art { position:relative;height:86px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:linear-gradient(135deg,#211326,#10101a); }
body[data-page="profile"] .reward-banner-art::before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(135deg,#000,transparent 84%); }
body[data-page="profile"] .reward-banner-art i { position:absolute;right:-22px;top:-30px;width:110px;height:110px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.015); }
body[data-page="profile"] .reward-banner-art span { position:absolute;left:12px;bottom:10px;color:rgba(255,255,255,.68);font-size:8px;font-weight:950;letter-spacing:.2em; }

body[data-page="profile"] [data-reward-banner-preview="aurora-flow"] .reward-banner-art { background:radial-gradient(circle at 20% 20%,rgba(88,255,207,.42),transparent 35%),radial-gradient(circle at 82% 70%,rgba(139,92,246,.48),transparent 38%),#11152a; }
body[data-page="profile"] [data-reward-banner-preview="rainy-night"] .reward-banner-art { background:repeating-linear-gradient(110deg,transparent 0 16px,rgba(130,180,255,.16) 17px 18px),linear-gradient(135deg,#101b30,#181329); }
body[data-page="profile"] [data-reward-banner-preview="night-city"] .reward-banner-art { background:radial-gradient(circle at 74% 25%,rgba(75,236,255,.48),transparent 26%),linear-gradient(135deg,#10192c,#2f123a); }
body[data-page="profile"] [data-reward-banner-preview="black-notebook"] .reward-banner-art { background:radial-gradient(circle at 78% 22%,rgba(205,75,108,.35),transparent 31%),linear-gradient(135deg,#08090d,#27111a); }
body[data-page="profile"] [data-reward-banner-preview="alchemist-gold"] .reward-banner-art { background:radial-gradient(circle at 75% 24%,rgba(255,193,77,.42),transparent 30%),linear-gradient(135deg,#2f1d0b,#391217); }
body[data-page="profile"] [data-reward-banner-preview="beyond-walls"] .reward-banner-art { background:radial-gradient(circle at 18% 22%,rgba(184,220,122,.24),transparent 36%),linear-gradient(135deg,#2b3a25,#131a15); }
body[data-page="profile"] [data-reward-banner-preview="hunter-license"] .reward-banner-art { background:radial-gradient(circle at 77% 24%,rgba(75,235,165,.36),transparent 32%),linear-gradient(135deg,#08281d,#12172c); }
body[data-page="profile"] [data-reward-banner-preview="frieren-journey"] .reward-banner-art { background:radial-gradient(circle at 75% 22%,rgba(176,164,255,.4),transparent 34%),linear-gradient(135deg,#182a43,#29172f); }

body[data-page="profile"] .reward-cosmetic-copy { min-width:0; }
body[data-page="profile"] .reward-cosmetic-copy>span { color:#d979ad;font-size:7px;font-weight:950;letter-spacing:.13em;text-transform:uppercase; }
body[data-page="profile"] .reward-cosmetic-copy strong,
body[data-page="profile"] .reward-cosmetic-copy small { display:block; }
body[data-page="profile"] .reward-cosmetic-copy strong { margin-top:4px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
body[data-page="profile"] .reward-cosmetic-copy small { min-height:26px;margin-top:4px;color:#746f7a;font-size:8px;line-height:1.45; }
body[data-page="profile"] .reward-cosmetic-card .button { width:100%;min-height:34px;justify-content:center;font-size:9px; }
body[data-page="profile"] .reward-cosmetic-card .button:disabled { opacity:.62;cursor:default; }
body[data-page="profile"] .reward-cosmetic-card .reward-remove-button { border-color:rgba(255,92,168,.23);background:rgba(255,92,168,.075);color:#f0a2c9; }
body[data-page="profile"] .reward-cosmetic-card .reward-remove-button:hover { border-color:rgba(255,92,168,.42);background:rgba(255,92,168,.14);color:#fff; }

body[data-page="profile"] .reward-stats-link { display:inline-flex;width:max-content;margin-top:18px;color:#d77aac;font-size:10px;font-weight:850;text-decoration:none; }
body[data-page="profile"] .reward-stats-link:hover { color:#fff; }

@media (max-width:980px) {
  body[data-page="profile"] .reward-avatar-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:680px) {
  body[data-page="profile"] #authUser:not(.hidden) .profile-tabs { top:76px!important;z-index:980!important; }
  body[data-page="profile"] .profile-media-studio,
  body[data-page="profile"] .reward-cosmetics-studio { padding:17px!important; }
  body[data-page="profile"] .profile-media-studio .section-heading,
  body[data-page="profile"] .reward-cosmetics-studio .section-heading { align-items:flex-start; }
  body[data-page="profile"] .reward-banner-grid { grid-template-columns:1fr; }
  body[data-page="profile"] .reward-avatar-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-page="profile"] .reward-avatar-art { width:70px;height:70px; }
  body[data-page="profile"] .profile-media-actions { align-items:flex-start;flex-direction:column; }
}

@media (max-width:400px) {
  body[data-page="profile"] .reward-avatar-grid { grid-template-columns:1fr; }
  body[data-page="profile"] .reward-avatar-card { grid-template-columns:70px minmax(0,1fr);align-items:center; }
  body[data-page="profile"] .reward-avatar-card .button { grid-column:1/-1; }
}