.profile-art-settings { min-width: 0; margin: 16px 0 0; padding: 12px 0 0; border: 0; border-top: 1px solid var(--line); }
.profile-art-settings legend { padding: 0 0 8px; font-size: 12px; font-weight: 600; color: var(--text-muted); }
.profile-art-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.profile-art-choice { min-width: 0; min-height: 44px; padding: 8px 6px; border: 1px solid var(--line-strong); border-radius: 10px; background: transparent; color: var(--text-muted); font: inherit; font-size: 12px; line-height: 1.6; transition: color .18s, border-color .18s, background-color .18s; }
.profile-art-choice:hover { color: var(--nav-hover); border-color: var(--gold); }
.profile-art-choice[aria-pressed="true"] { color: var(--text); background: var(--card-strong); border-color: var(--gold); }
.profile-art-status { margin: 8px 0 0; color: var(--text-muted); font-size: 12px; line-height: 1.6; }

html[data-theme="dark"][data-profile-art="que"] .profile-card .profile-scene,
html[data-theme="dark"][data-profile-art="sisters"] .profile-card .profile-scene {
  inset: 0 0 0 auto;
  width: 64%;
  height: 100%;
  object-fit: cover;
  transform: none;
  opacity: 1;
  filter: saturate(.84) brightness(.91);
}
html[data-theme="dark"][data-profile-art="que"] .profile-card { border-color: rgba(192, 154, 154, .5); }
html[data-theme="dark"][data-profile-art="que"] .profile-card .profile-scene { width: 62%; object-position: 30% 24%; }
html[data-theme="dark"][data-profile-art="que"] .profile-card .profile-scene-shade { background: linear-gradient(90deg, #09182b 0%, #09182b 33%, rgba(9, 24, 43, .93) 41%, rgba(12, 23, 40, .54) 54%, rgba(20, 19, 33, .1) 71%), linear-gradient(0deg, rgba(7, 13, 27, .58), transparent 45%); }
html[data-theme="dark"][data-profile-art="que"] .profile-card::before { background: linear-gradient(90deg, transparent, rgba(223, 152, 128, .7), transparent); }
html[data-theme="dark"][data-profile-art="que"] .profile-card .profile-seal { border-color: rgba(224, 164, 139, .55); color: #e3baa3; background: rgba(32, 18, 27, .5); }
html[data-theme="dark"][data-profile-art="sisters"] .profile-card { border-color: rgba(178, 185, 213, .5); }
html[data-theme="dark"][data-profile-art="sisters"] .profile-card .profile-scene { width: 64%; object-position: 65% 39%; }
html[data-theme="dark"][data-profile-art="sisters"] .profile-card .profile-scene-shade { background: linear-gradient(90deg, #09182b 0%, #09182b 32%, rgba(9, 24, 43, .9) 40%, rgba(9, 24, 43, .37) 52%, rgba(9, 24, 43, .04) 65%), linear-gradient(0deg, rgba(5, 15, 31, .6), transparent 43%); }
html[data-theme="dark"][data-profile-art="sisters"] .profile-card::before { background: linear-gradient(90deg, transparent, #b3cfe8, #c88a81, transparent); }
html[data-theme="dark"][data-profile-art="sisters"] .profile-card .profile-seal { border-color: rgba(212, 184, 161, .6); color: #dfceb3; background: rgba(25, 23, 40, .5); }
@media (max-width: 600px) {
  html[data-theme="dark"][data-profile-art="que"] .profile-card .profile-scene,
  html[data-theme="dark"][data-profile-art="sisters"] .profile-card .profile-scene { width: 100%; }
  html[data-theme="dark"][data-profile-art="que"] .profile-card .profile-scene { object-position: 26% 24%; }
  html[data-theme="dark"][data-profile-art="sisters"] .profile-card .profile-scene { object-position: 81% 39%; }
  html[data-theme="dark"][data-profile-art="que"] .profile-card .profile-scene-shade,
  html[data-theme="dark"][data-profile-art="sisters"] .profile-card .profile-scene-shade { background: linear-gradient(90deg, rgba(9, 24, 43, .98), rgba(9, 24, 43, .91) 38%, rgba(9, 24, 43, .63) 57%, rgba(9, 24, 43, .1)), linear-gradient(0deg, rgba(5, 15, 31, .68), transparent 65%); }
}
@media (prefers-reduced-motion: reduce) { .profile-art-choice { transition: none; } }