.palace-main {
  grid-column: 1 / -1;
  min-height: 680px;
}

.palace-message {
  max-width: 780px;
  margin: 0 auto 12px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  border-radius: 8px;
  display: none;
}

.palace-message.show {
  display: block;
}

.palace-message.success {
  color: #0b6b1a;
  background: #dfffe5;
  border: 2px solid #0b6b1a;
}

.palace-message.error {
  color: #b00020;
  background: #ffe3e7;
  border: 2px solid #b00020;
}

.palace-card {
  max-width: 820px;
  margin: 10px auto;
  background: #0b4fa6;
  border: 1px solid #7fd1ff;
  box-shadow: inset 0 0 0 1px #063b7b, 0 0 8px rgba(0,0,0,.45);
  color: #eaf7ff;
  padding: 12px;
}

.palace-title-bar {
  background: linear-gradient(#2b8fe9, #08498e);
  border: 1px solid #9de0ff;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 8px;
  text-shadow: 1px 1px #00244a;
  margin-bottom: 14px;
  font-size: 15px;
}

.palace-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 18px;
  align-items: start;
}

.palace-left {
  text-align: center;
}

.avatar-frame {
  min-height: 210px;
  background: #073b80;
  border: 1px solid #8bd8ff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  margin-bottom: 12px;
}

.avatar-frame img {
  max-width: 180px;
  max-height: 190px;
  height: auto;
  width: auto;
}

.palace-right h1 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 22px;
  text-shadow: 1px 1px #00244a;
}

.palace-bio {
  background: #073b80;
  border: 1px dotted #8bd8ff;
  padding: 10px;
  min-height: 80px;
  white-space: pre-wrap;
  line-height: 1.5;
}

.palace-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}

.palace-info-grid div {
  background: #063b7b;
  border: 1px solid #59bfff;
  padding: 8px;
}

.palace-button {
  background: #1d64b6;
  color: white;
  border: 1px solid #9de0ff;
  padding: 7px 18px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 3px;
  margin: 4px;
  box-shadow: inset 0 0 8px rgba(255,255,255,.18);
}

.palace-button:hover {
  background: #2b8fe9;
}

.palace-secondary {
  background: #073b80;
}

.palace-form label {
  display: block;
  font-weight: bold;
  margin: 10px 0;
}

.palace-form input,
.palace-form textarea {
  display: block;
  width: 100%;
  margin-top: 5px;
  padding: 7px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #6fcaff;
  background: #eef8ff;
  color: #001d3f;
}

.palace-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.palace-actions {
  text-align: center;
  padding-top: 10px;
}

@media (max-width: 760px) {
  .palace-layout,
  .palace-info-grid,
  .palace-form-row {
    grid-template-columns: 1fr;
  }
}


.avatar-empty {
  color: #dff5ff;
  border: 1px dashed #9de0ff;
  background: rgba(255, 255, 255, .08);
  padding: 18px 12px;
  width: 100%;
  font-weight: bold;
  line-height: 1.4;
}

.palace-locked-field {
  display: block;
  margin: 10px 0;
  background: #073b80;
  border: 1px solid #6fcaff;
  padding: 8px;
}

.palace-locked-field span {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.palace-locked-field strong {
  display: block;
  background: #d9edf8;
  color: #001d3f;
  padding: 7px;
  border: 1px solid #6fcaff;
}

.palace-locked-field small {
  display: block;
  margin-top: 6px;
  color: #dff5ff;
  font-size: 11px;
}


.palace-upload-box {
  background: #073b80;
  border: 1px solid #6fcaff;
  padding: 10px;
  margin: 10px 0;
}

.palace-upload-box small {
  display: block;
  color: #dff5ff;
  font-size: 11px;
  margin: 6px 0 8px;
}

.palace-upload-preview {
  min-height: 140px;
  background: rgba(255, 255, 255, .05);
  border: 1px dotted #8bd8ff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding: 10px;
}

.palace-upload-preview img {
  max-width: 180px;
  max-height: 180px;
  width: auto;
  height: auto;
}

.my-dolls-intro{
  background:#0e65a2;
  border:1px solid #8bd3ff;
  padding:12px;
  margin:0 0 16px;
  color:#fff;
  font-weight:bold;
}
.my-dolls-empty{
  border:2px dashed #9adfff;
  text-align:center;
  padding:28px;
  background:#0a4e86;
  color:#fff;
}
.my-dolls-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
  gap:16px;
}
.doll-card{
  background:#0a4e86;
  border:2px solid #8bd3ff;
  padding:12px;
  color:#fff;
  text-align:center;
}
.doll-card h2{
  margin:10px 0 6px;
  color:#fff;
  font-size:20px;
}
.doll-image-frame{
  min-height:160px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#06365f;
  border:1px dashed #9adfff;
  padding:8px;
}
.doll-image-frame img{
  max-width:100%;
  max-height:180px;
  image-rendering:auto;
}
.doll-badges{
  display:flex;
  justify-content:center;
  gap:6px;
  flex-wrap:wrap;
  margin:8px 0;
}
.doll-badges span{
  background:#fff2fb;
  color:#8d2671;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:bold;
}
.doll-card-actions{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:10px;
}
.doll-card-actions button,
.doll-card-actions a{
  border:1px solid #9adfff;
  background:#1579bd;
  color:#fff;
  padding:7px;
  text-decoration:none;
  cursor:pointer;
  font-weight:bold;
}
.doll-card-actions button:hover,
.doll-card-actions a:hover{
  background:#1f93df;
}


/* Member area sidebar */
.member-area-layout {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.member-sidebar {
  background: #073b80;
  border: 1px solid #7fd1ff;
  box-shadow: inset 0 0 0 1px #063b7b, 0 0 8px rgba(0,0,0,.35);
  padding: 10px;
  color: #fff;
}

.member-nav-link {
  display: block;
  background: linear-gradient(#2b8fe9, #08498e);
  border: 1px solid #9de0ff;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 9px 10px;
  margin-bottom: 8px;
  text-shadow: 1px 1px #00244a;
}

.member-nav-link:hover,
.member-nav-link.active {
  background: linear-gradient(#ff8bd3, #b02f8c);
  border-color: #ffd5f2;
}


.member-nav-disabled {
  opacity: .72;
  cursor: default;
  user-select: none;
}

.member-nav-disabled:hover {
  transform: none;
}

.member-nav-link.logout {
  margin-top: 14px;
}

.member-content {
  min-width: 0;
}

.member-content .palace-card {
  max-width: 820px;
  margin-left: 0;
  margin-right: auto;
}

@media (max-width: 760px) {
  .member-area-layout {
    grid-template-columns: 1fr;
  }

  .member-sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .member-nav-link {
    margin-bottom: 0;
  }
}


/* Profile Layouts tab */
.profile-layouts-card .layout-intro {
  background: #073b80;
  border: 1px dotted #8bd8ff;
  padding: 10px;
  line-height: 1.5;
}

.current-layout-box {
  background: #063b7b;
  border: 1px solid #59bfff;
  padding: 10px;
  margin: 12px 0;
}

.layout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.layout-choice {
  background: #073b80;
  border: 1px solid #8bd8ff;
  padding: 12px;
  text-align: center;
}

.layout-choice h2 {
  margin-top: 0;
  color: #fff;
  text-shadow: 1px 1px #00244a;
}

.layout-mini-preview {
  min-height: 170px;
  padding: 10px;
  margin-bottom: 10px;
  border: 2px solid #9de0ff;
}

.layout-mini-preview .mini-title {
  font-weight: bold;
  padding: 8px;
  margin-bottom: 8px;
}

.layout-mini-preview .mini-box {
  margin: 8px auto;
  padding: 8px;
  max-width: 180px;
}

.layout-mini-preview .wide {
  max-width: 240px;
}

.default-mini-preview {
  background: #0b4fa6;
}

.default-mini-preview .mini-title,
.default-mini-preview .mini-box {
  background: #073b80;
  border: 1px solid #8bd8ff;
}

.scene-mini-preview {
  background: transparent; display:block; margin:0 auto;
  background-image:
    radial-gradient(circle at 15% 20%, #ff00cc 0 3px, transparent 4px),
    radial-gradient(circle at 80% 30%, #39ff14 0 3px, transparent 4px),
    radial-gradient(circle at 45% 75%, #00eaff 0 3px, transparent 4px);
  background-size: 42px 42px;
  color: white;
  border-color: #ff00cc;
  box-shadow: 0 0 12px #ff00cc;
}

.scene-mini-preview .mini-title {
  color: #39ff14;
  font-family: "Comic Sans MS", cursive;
  text-shadow: 2px 2px #ff00cc;
}

.scene-mini-preview .mini-box {
  background: rgba(0,0,0,.8);
  border: 2px dashed #ff00cc;
  box-shadow: 0 0 8px #00eaff;
}

/* Scene Queen layout preview on My Palace view only */
#palace-view.profile-layout-scene {
  background: rgba(0,0,0,.9);
  color: #fff;
  border: 4px dashed #ff00cc;
  box-shadow: 0 0 18px #ff00cc, 0 0 28px #00eaff;
  font-family: Verdana, Arial, sans-serif;
}

#palace-view.profile-layout-scene .palace-title-bar {
  background: rgba(255,0,204,.18);
  color: #39ff14;
  border: 3px dashed #39ff14;
  font-family: "Comic Sans MS", cursive;
  font-size: 24px;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff;
}

#palace-view.profile-layout-scene::before {
  content: "★ Welcome to My Palace ★";
  display: block;
  text-align: center;
  color: #39ff14;
  font-family: "Comic Sans MS", cursive;
  font-size: 34px;
  text-shadow: 3px 3px #ff00cc, 0 0 12px #00eaff;
  margin-bottom: 10px;
}

#palace-view.profile-layout-scene .avatar-frame,
#palace-view.profile-layout-scene .palace-bio,
#palace-view.profile-layout-scene .palace-info-grid div {
  background: rgba(0,0,0,.82);
  border: 3px dashed #ff00cc;
  box-shadow: 0 0 10px #00eaff;
}

#palace-view.profile-layout-scene h1,
#palace-view.profile-layout-scene strong {
  color: #39ff14;
  text-shadow: 1px 1px #ff00cc;
}

#palace-view.profile-layout-scene .avatar-frame img {
  border: 4px solid #00eaff;
  box-shadow: 0 0 15px #ff00cc;
}

#palace-view.profile-layout-scene::after {
  content: "💖 neon stars • glitter hearts • scene forever • cartoon dolls 💖";
  display: block;
  text-align: center;
  color: #00eaff;
  font-weight: bold;
  border-top: 2px dotted #ff00cc;
  border-bottom: 2px dotted #ff00cc;
  padding: 8px;
  margin-top: 12px;
}

@media (max-width: 760px) {
  .layout-grid { grid-template-columns: 1fr; }
}


/* Scene Queen public/personal profile view */
.palace-card.profile-layout-scene {
  background: rgba(0,0,0,.9);
  border: 3px dashed #ff00cc;
  box-shadow: 0 0 18px #ff00cc, 0 0 28px #00eaff;
  color: #fff;
  position: relative;
  overflow: hidden;
  animation: sceneViewGlow 2.8s ease-in-out infinite alternate;
}

.palace-card.profile-layout-scene::before {
  content: "★ Welcome to My Palace ★";
  display: block;
  text-align: center;
  color: #39ff14;
  font-family: "Comic Sans MS", cursive;
  font-size: 28px;
  font-weight: bold;
  text-shadow: 2px 2px #ff00cc, 0 0 12px #00eaff;
  margin: 4px 0 12px;
  animation: sceneViewTitlePulse 1.8s ease-in-out infinite alternate;
}

.palace-card.profile-layout-scene::after {
  content: "💖 neon stars • glitter hearts • scene forever • cartoon dolls 💖";
  display: block;
  text-align: center;
  color: #00eaff;
  border-top: 2px dotted #ff00cc;
  margin-top: 14px;
  padding-top: 10px;
  font-weight: bold;
}

.profile-layout-scene .palace-title-bar,
.profile-layout-scene .palace-bio,
.profile-layout-scene .palace-info-grid div,
.profile-layout-scene .avatar-frame {
  background: rgba(0,0,0,.78);
  border: 3px dashed #ff00cc;
  box-shadow: 0 0 10px #00eaff;
}

.profile-layout-scene .palace-title-bar,
.profile-layout-scene .palace-right h1 {
  color: #39ff14;
  font-family: "Comic Sans MS", cursive;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff;
}

.profile-layout-scene .avatar-frame img {
  border: 4px solid #00eaff;
  box-shadow: 0 0 15px #ff00cc;
}

.profile-layout-scene .palace-button {
  background: linear-gradient(90deg, #ff00cc, #8a2be2);
  border: none;
  color: white;
  box-shadow: 0 0 10px #ff00cc;
}

/* Scene Queen edit page: matching theme colors, no movement */
.palace-card.profile-layout-scene-edit {
  background: rgba(0,0,0,.92);
  border: 3px dashed #ff00cc;
  box-shadow: 0 0 18px #ff00cc, 0 0 24px #00eaff;
  color: #fff;
}

.profile-layout-scene-edit .palace-title-bar {
  background: rgba(0,0,0,.82);
  border: 3px dashed #ff00cc;
  color: #39ff14;
  font-family: "Comic Sans MS", cursive;
  font-size: 22px;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff;
}

.profile-layout-scene-edit .palace-title-bar::before {
  content: "★ ";
}

.profile-layout-scene-edit .palace-title-bar::after {
  content: " ★";
}

.profile-layout-scene-edit .palace-form input,
.profile-layout-scene-edit .palace-form textarea,
.profile-layout-scene-edit .palace-locked-field strong {
  background: #050005;
  color: #fff;
  border: none;
  box-shadow: inset 0 0 8px rgba(255,0,204,.28);
}

.profile-layout-scene-edit .palace-locked-field,
.profile-layout-scene-edit .palace-upload-box,
.profile-layout-scene-edit .palace-upload-preview {
  background: rgba(0,0,0,.8);
  border: 2px dashed #ff00cc;
  box-shadow: 0 0 8px #00eaff;
}

.profile-layout-scene-edit label,
.profile-layout-scene-edit .palace-locked-field span {
  color: #39ff14;
  text-shadow: 1px 1px #ff00cc;
}

.profile-layout-scene-edit small {
  color: #00eaff;
}

.profile-layout-scene-edit .palace-button {
  background: linear-gradient(90deg, #ff00cc, #8a2be2);
  border: none;
  color: white;
  box-shadow: 0 0 10px #ff00cc;
}

.profile-layout-scene-edit .palace-button:hover {
  background: linear-gradient(90deg, #39ff14, #00eaff);
  color: #000;
}

@keyframes sceneViewGlow {
  from { box-shadow: 0 0 14px #ff00cc, 0 0 22px #00eaff; }
  to { box-shadow: 0 0 26px #39ff14, 0 0 38px #ff00cc; }
}

@keyframes sceneViewTitlePulse {
  from { text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff; }
  to { text-shadow: 2px 2px #ff00cc, 0 0 20px #39ff14, 0 0 28px #ff00cc; }
}

@media (prefers-reduced-motion: reduce) {
  .palace-card.profile-layout-scene,
  .palace-card.profile-layout-scene::before {
    animation: none !important;
  }
}

/* ==========================================================
   v10 FIX: Full Scene Queen profile layout on My Palace view
   - Changes the WHOLE profile area, not just the small card
   - Keeps movement only on the view page
   - Edit My Palace matches colors but has no movement
   ========================================================== */

#palace-view.profile-layout-scene {
  max-width: 900px !important;
  margin: 12px auto !important;
  padding: 18px !important;
  background-color: #000 !important;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,0,204,.9) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 22%, rgba(57,255,20,.9) 0 2px, transparent 3px),
    radial-gradient(circle at 40% 76%, rgba(0,234,255,.9) 0 2px, transparent 3px),
    linear-gradient(45deg, transparent 46%, rgba(255,0,204,.22) 47% 53%, transparent 54%);
  background-size: 90px 90px, 120px 120px, 105px 105px, 38px 38px !important;
  border: 4px dashed #ff00cc !important;
  box-shadow: 0 0 20px #ff00cc, 0 0 38px #00eaff !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  position: relative !important;
  overflow: hidden !important;
  animation: sceneFullBackgroundMove 8s linear infinite, sceneFullGlow 2.8s ease-in-out infinite alternate !important;
}

#palace-view.profile-layout-scene::before {
  content: "★ Welcome to My Palace ★" !important;
  display: block !important;
  text-align: center !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 34px !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-shadow: 3px 3px #ff00cc, 0 0 12px #00eaff, 0 0 22px #39ff14 !important;
  margin: 0 0 14px !important;
  animation: sceneTitlePulse 1.8s ease-in-out infinite alternate !important;
}

#palace-view.profile-layout-scene::after {
  content: "💖 neon stars • glitter hearts • scene forever • cartoon dolls • besties online 💖" !important;
  display: block !important;
  text-align: center !important;
  color: #00eaff !important;
  font-weight: bold !important;
  border-top: 2px dotted #ff00cc !important;
  border-bottom: 2px dotted #ff00cc !important;
  padding: 8px !important;
  margin-top: 14px !important;
  text-shadow: 0 0 8px #ff00cc !important;
}

#palace-view.profile-layout-scene .palace-title-bar {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #39ff14 !important;
  box-shadow: 0 0 12px #ff00cc !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 22px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
  margin-bottom: 14px !important;
}

#palace-view.profile-layout-scene .palace-layout {
  display: grid !important;
  grid-template-columns: 245px 1fr !important;
  gap: 18px !important;
  align-items: start !important;
}

#palace-view.profile-layout-scene .palace-left,
#palace-view.profile-layout-scene .palace-right {
  background: rgba(0,0,0,.72) !important;
  border: 3px dotted #ff00cc !important;
  box-shadow: 0 0 12px #00eaff !important;
  padding: 12px !important;
}

#palace-view.profile-layout-scene .avatar-frame {
  min-height: 220px !important;
  background: rgba(0,0,0,.86) !important;
  border: 4px solid #00eaff !important;
  box-shadow: 0 0 16px #ff00cc, inset 0 0 10px #39ff14 !important;
  margin-bottom: 12px !important;
}

#palace-view.profile-layout-scene .avatar-frame img {
  border: 0 !important;
  box-shadow: none !important;
  max-width: 205px !important;
  max-height: 220px !important;
}

#palace-view.profile-layout-scene .avatar-empty {
  background: linear-gradient(135deg, #ff00cc, #050005 55%, #39ff14) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 15px #ff00cc !important;
  color: white !important;
  text-shadow: 1px 1px #000 !important;
}

#palace-view.profile-layout-scene .palace-right h1 {
  color: #39ff14 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 28px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 12px #00eaff !important;
  margin-bottom: 10px !important;
}

#palace-view.profile-layout-scene .palace-bio,
#palace-view.profile-layout-scene .palace-info-grid div {
  background: rgba(0,0,0,.88) !important;
  border: 3px dotted #ff00cc !important;
  box-shadow: 0 0 8px #00eaff !important;
  color: #fff !important;
}

#palace-view.profile-layout-scene strong {
  color: #39ff14 !important;
  text-shadow: 1px 1px #ff00cc !important;
}

#palace-view.profile-layout-scene .palace-button {
  background: linear-gradient(90deg, #ff00cc, #8a2be2) !important;
  border: 2px solid #00eaff !important;
  color: #fff !important;
  box-shadow: 0 0 12px #ff00cc !important;
  text-shadow: 1px 1px #000 !important;
}

#palace-view.profile-layout-scene .palace-button:hover {
  background: linear-gradient(90deg, #39ff14, #00eaff) !important;
  color: #000 !important;
}

/* v10 FIX: Scene edit profile should match the theme colors, but stay still */
#palace-edit.profile-layout-scene-edit {
  max-width: 900px !important;
  background: #000 !important;
  background-image: linear-gradient(45deg, transparent 46%, rgba(255,0,204,.12) 47% 53%, transparent 54%) !important;
  background-size: 38px 38px !important;
  border: 4px dashed #ff00cc !important;
  box-shadow: 0 0 20px #ff00cc, 0 0 34px #00eaff !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  animation: none !important;
}

#palace-edit.profile-layout-scene-edit .palace-title-bar {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #39ff14 !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 24px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
}

#palace-edit.profile-layout-scene-edit .palace-title-bar::before {
  content: "★ " !important;
}

#palace-edit.profile-layout-scene-edit .palace-title-bar::after {
  content: " ★" !important;
}

#palace-edit.profile-layout-scene-edit .palace-form label,
#palace-edit.profile-layout-scene-edit .palace-locked-field span {
  color: #39ff14 !important;
  text-shadow: 1px 1px #ff00cc !important;
}

#palace-edit.profile-layout-scene-edit .palace-form input,
#palace-edit.profile-layout-scene-edit .palace-form textarea,
#palace-edit.profile-layout-scene-edit .palace-locked-field strong {
  background: #050005 !important;
  color: #fff !important;
  border: 2px solid #00eaff !important;
  box-shadow: inset 0 0 8px rgba(255,0,204,.35) !important;
}

#palace-edit.profile-layout-scene-edit .palace-locked-field,
#palace-edit.profile-layout-scene-edit .palace-upload-box,
#palace-edit.profile-layout-scene-edit .palace-upload-preview {
  background: rgba(0,0,0,.82) !important;
  border: 3px dotted #ff00cc !important;
  box-shadow: 0 0 10px #00eaff !important;
}

#palace-edit.profile-layout-scene-edit small {
  color: #00eaff !important;
}

#palace-edit.profile-layout-scene-edit .palace-button {
  background: linear-gradient(90deg, #ff00cc, #8a2be2) !important;
  border: 2px solid #00eaff !important;
  color: white !important;
  box-shadow: 0 0 10px #ff00cc !important;
}

@keyframes sceneFullBackgroundMove {
  from { background-position: 0 0, 40px 40px, 80px 80px, 0 0; }
  to { background-position: 90px 90px, 160px 160px, 185px 185px, 76px 76px; }
}

@keyframes sceneFullGlow {
  from { box-shadow: 0 0 16px #ff00cc, 0 0 28px #00eaff; }
  to { box-shadow: 0 0 28px #39ff14, 0 0 46px #ff00cc; }
}

@keyframes sceneTitlePulse {
  from { transform: scale(1); filter: brightness(1); }
  to { transform: scale(1.03); filter: brightness(1.25); }
}

@media (max-width: 760px) {
  #palace-view.profile-layout-scene .palace-layout {
    grid-template-columns: 1fr !important;
  }
}

/* v11 - Scene Queen should change the WHOLE profile layout area, not just the small card */
.member-content.scene-layout-active {
  background: transparent; display:block; margin:0 auto;
  background-image:
    radial-gradient(circle at 10% 20%, #ff00cc 0 3px, transparent 4px),
    radial-gradient(circle at 80% 15%, #39ff14 0 3px, transparent 4px),
    radial-gradient(circle at 40% 70%, #00eaff 0 3px, transparent 4px),
    linear-gradient(45deg, transparent 45%, rgba(255,0,204,.18) 45% 55%, transparent 55%);
  background-size: 90px 90px, 120px 120px, 100px 100px, 40px 40px;
  padding: 14px;
  border: 3px solid #ff00cc;
  box-shadow: 0 0 20px #ff00cc, 0 0 35px #00eaff;
  animation: sceneBgMove 18s linear infinite;
  overflow: hidden;
  position: relative;
}

.member-content.scene-layout-active::before,
.member-content.scene-layout-active::after {
  content: "★  ✨  💖  ☆  🎀  ⭐  💚  🎧  💜";
  position: absolute;
  left: -10%;
  width: 120%;
  pointer-events: none;
  z-index: 0;
  font-size: 22px;
  letter-spacing: 22px;
  opacity: .4;
  white-space: nowrap;
  text-shadow: 0 0 12px #ff00cc, 0 0 18px #00eaff;
  animation: sceneFloat 16s linear infinite;
}

.member-content.scene-layout-active::before { top: 18px; }
.member-content.scene-layout-active::after { bottom: 18px; animation-direction: reverse; }

.member-content.scene-layout-active > * { position: relative; z-index: 1; }

#palace-view.profile-layout-scene {
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: rgba(0,0,0,.88) !important;
  border: 4px solid #ff00cc !important;
  box-shadow: 0 0 25px #ff00cc, 0 0 45px #00eaff !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  cursor: crosshair;
  animation: sceneGlow 2.8s ease-in-out infinite alternate;
}

#palace-view.profile-layout-scene::before {
  content: "★ Welcome to My Palace ★" !important;
  display: block !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 18px 12px 10px !important;
  background: rgba(255,0,204,.18) !important;
  border-bottom: 3px dashed #39ff14 !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 34px !important;
  font-weight: bold !important;
  text-shadow: 3px 3px #ff00cc, 0 0 12px #00eaff !important;
  animation: sceneTitlePulse 1.8s ease-in-out infinite alternate;
}

#palace-view.profile-layout-scene .palace-title-bar {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #39ff14 !important;
  box-shadow: 0 0 12px #ff00cc !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 23px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
  margin: 14px !important;
  padding: 10px !important;
}

#palace-view.profile-layout-scene .palace-title-bar::after {
  content: "Home   Add Friend   Message   Guestbook";
  display: block;
  margin-top: 9px;
  padding-top: 8px;
  border-top: 2px dotted #ff00cc;
  color: #ff00cc;
  font: bold 13px Verdana, Arial, sans-serif;
  word-spacing: 14px;
}

#palace-view.profile-layout-scene .palace-layout {
  display: grid !important;
  grid-template-columns: 260px minmax(0,1fr) !important;
  gap: 15px !important;
  padding: 0 14px 14px !important;
  align-items: start !important;
}

#palace-view.profile-layout-scene .palace-left,
#palace-view.profile-layout-scene .palace-right {
  min-width: 0;
}

#palace-view.profile-layout-scene .avatar-frame,
#palace-view.profile-layout-scene .palace-bio,
#palace-view.profile-layout-scene .palace-info-grid div {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 12px #00eaff !important;
  color: #fff !important;
  animation: sceneBoxGlow 2.5s ease-in-out infinite alternate;
}

#palace-view.profile-layout-scene .avatar-frame {
  min-height: 245px !important;
  padding: 14px !important;
  margin-bottom: 10px !important;
}

#palace-view.profile-layout-scene .avatar-frame::before {
  content: "Profile Pic";
  display: block;
  position: absolute;
  transform: translateY(-122px);
  color: #39ff14;
  font-family: "Comic Sans MS", cursive;
  font-size: 18px;
  text-shadow: 2px 2px #ff00cc;
}

#palace-view.profile-layout-scene .avatar-frame img {
  max-width: 200px !important;
  max-height: 200px !important;
  border: 4px solid #00eaff !important;
  box-shadow: 0 0 15px #ff00cc !important;
  object-fit: cover;
}

#palace-view.profile-layout-scene .palace-right h1 {
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 27px !important;
  margin: 0 0 10px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
}

#palace-view.profile-layout-scene .palace-bio::before {
  content: "Welcome To My Palace";
  display: block;
  color: #39ff14;
  font-family: "Comic Sans MS", cursive;
  font-size: 19px;
  margin-bottom: 8px;
  text-shadow: 2px 2px #ff00cc;
}

#palace-view.profile-layout-scene .palace-info-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

#palace-view.profile-layout-scene .palace-info-grid strong {
  color: #39ff14 !important;
  text-shadow: 1px 1px #ff00cc !important;
}

#palace-view.profile-layout-scene .palace-button {
  background: linear-gradient(90deg, #ff00cc, #8a2be2) !important;
  border: 2px solid #00eaff !important;
  color: white !important;
  box-shadow: 0 0 10px #ff00cc !important;
  font-weight: bold !important;
}

#palace-view.profile-layout-scene::after {
  content: "💖 neon stars • glitter hearts • scene forever • cartoon dolls • besties online 💖" !important;
  display: block !important;
  text-align: center !important;
  color: #00eaff !important;
  font-weight: bold !important;
  border-top: 2px dotted #ff00cc !important;
  border-bottom: 2px dotted #ff00cc !important;
  padding: 10px !important;
  margin: 0 14px 14px !important;
  background: rgba(0,0,0,.7) !important;
  box-shadow: 0 0 10px #ff00cc !important;
}

/* Scene Queen Edit My Palace: matching colors, NO movement */
#palace-edit.profile-layout-scene-edit {
  max-width: 900px !important;
  margin: 0 auto !important;
  background: rgba(0,0,0,.92) !important;
  color: #fff !important;
  border: 4px solid #ff00cc !important;
  box-shadow: 0 0 20px #ff00cc, 0 0 35px #00eaff !important;
  font-family: Verdana, Arial, sans-serif !important;
  animation: none !important;
}

#palace-edit.profile-layout-scene-edit .palace-title-bar {
  background: rgba(255,0,204,.18) !important;
  border: 3px dashed #39ff14 !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 28px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
}

#palace-edit.profile-layout-scene-edit .palace-title-bar::before {
  content: "★ ";
}
#palace-edit.profile-layout-scene-edit .palace-title-bar::after {
  content: " ★";
}

#palace-edit.profile-layout-scene-edit .palace-form label,
#palace-edit.profile-layout-scene-edit .palace-locked-field span {
  color: #39ff14 !important;
  text-shadow: 1px 1px #ff00cc !important;
}

#palace-edit.profile-layout-scene-edit .palace-locked-field,
#palace-edit.profile-layout-scene-edit .palace-upload-box,
#palace-edit.profile-layout-scene-edit .palace-upload-preview {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 10px #00eaff !important;
}

#palace-edit.profile-layout-scene-edit input,
#palace-edit.profile-layout-scene-edit textarea,
#palace-edit.profile-layout-scene-edit .palace-locked-field strong {
  background: #050005 !important;
  color: #fff !important;
  border: 2px solid #00eaff !important;
  box-shadow: inset 0 0 8px rgba(255,0,204,.35) !important;
}

#palace-edit.profile-layout-scene-edit small {
  color: #00eaff !important;
}

#palace-edit.profile-layout-scene-edit .palace-button {
  background: linear-gradient(90deg, #ff00cc, #8a2be2) !important;
  border: 2px solid #00eaff !important;
  color: white !important;
  box-shadow: 0 0 10px #ff00cc !important;
}

@keyframes sceneBgMove {
  from { background-position: 0 0, 40px 40px, 80px 80px, 0 0; }
  to { background-position: 90px 90px, 160px 160px, 180px 180px, 40px 40px; }
}

@keyframes sceneFloat {
  from { transform: translateX(-8%); }
  to { transform: translateX(8%); }
}

@keyframes sceneGlow {
  from { box-shadow: 0 0 18px #ff00cc, 0 0 30px #00eaff; }
  to { box-shadow: 0 0 35px #39ff14, 0 0 55px #ff00cc; }
}

@keyframes sceneTitlePulse {
  from { text-shadow: 3px 3px #ff00cc, 0 0 10px #00eaff; }
  to { text-shadow: 3px 3px #ff00cc, 0 0 20px #39ff14, 0 0 30px #ff00cc; }
}

@keyframes sceneBoxGlow {
  from { box-shadow: 0 0 8px #00eaff; }
  to { box-shadow: 0 0 16px #ff00cc, inset 0 0 12px rgba(57,255,20,.18); }
}

@media (max-width: 760px) {
  #palace-view.profile-layout-scene .palace-layout,
  #palace-view.profile-layout-scene .palace-info-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .member-content.scene-layout-active,
  .member-content.scene-layout-active::before,
  .member-content.scene-layout-active::after,
  #palace-view.profile-layout-scene,
  #palace-view.profile-layout-scene::before,
  #palace-view.profile-layout-scene .avatar-frame,
  #palace-view.profile-layout-scene .palace-bio,
  #palace-view.profile-layout-scene .palace-info-grid div {
    animation: none !important;
  }
}


/* ==========================================================
   v12 TRUE Scene Queen Profile Skin
   Only applies when user has chosen Profile Layout = scene-queen.
   This removes the blue member/profile look and turns the Palace area
   into the full Scene profile layout. Dashboard pages stay normal.
   ========================================================== */
body.scene-palace-selected {
  background: #000 !important;
  background-image:
    radial-gradient(circle at 10% 20%, #ff00cc 0 3px, transparent 4px),
    radial-gradient(circle at 80% 15%, #39ff14 0 3px, transparent 4px),
    radial-gradient(circle at 40% 70%, #00eaff 0 3px, transparent 4px),
    linear-gradient(45deg, transparent 45%, rgba(255,0,204,.18) 45% 55%, transparent 55%) !important;
  background-size: 90px 90px, 120px 120px, 100px 100px, 40px 40px !important;
  color: #fff !important;
  cursor: crosshair;
}

body.scene-palace-selected .top-strip,
body.scene-palace-selected .footer {
  background: rgba(0,0,0,.9) !important;
  border-color: #ff00cc !important;
  color: #00eaff !important;
  box-shadow: 0 0 14px #ff00cc !important;
}

body.scene-palace-selected .site-shell {
  width: min(1000px, 96%) !important;
  display: block !important;
}

body.scene-palace-selected .header {
  background: rgba(0,0,0,.92) !important;
  border: 3px solid #ff00cc !important;
  box-shadow: 0 0 18px #ff00cc, 0 0 30px #00eaff !important;
  margin-bottom: 12px !important;
}

body.scene-palace-selected .header .tagline {
  color: #00eaff !important;
  text-shadow: 0 0 8px #ff00cc !important;
}

body.scene-palace-selected .main-menu a {
  color: #39ff14 !important;
  text-shadow: 0 0 7px #ff00cc !important;
}

body.scene-palace-selected .main-panel.palace-main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 760px !important;
}

body.scene-palace-selected .member-area-layout.scene-layout-active {
  max-width: 980px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 200px minmax(0, 1fr) !important;
  gap: 15px !important;
  align-items: start !important;
  background: rgba(0,0,0,.88) !important;
  border: 4px solid #ff00cc !important;
  box-shadow: 0 0 25px #ff00cc, 0 0 45px #00eaff !important;
  padding: 15px !important;
  position: relative !important;
  overflow: hidden !important;
  animation: sceneV12PageGlow 2.8s ease-in-out infinite alternate !important;
}

body.scene-palace-selected .member-area-layout.scene-layout-active::before,
body.scene-palace-selected .member-area-layout.scene-layout-active::after {
  content: "★  ✨  💖  ☆  🎀  ⭐  💚  🎧  💜";
  position: absolute;
  left: -10%;
  width: 120%;
  pointer-events: none;
  z-index: 0;
  font-size: 24px;
  letter-spacing: 24px;
  opacity: .35;
  white-space: nowrap;
  text-shadow: 0 0 12px #ff00cc, 0 0 18px #00eaff;
  animation: sceneV12Float 18s linear infinite;
}
body.scene-palace-selected .member-area-layout.scene-layout-active::before { top: 18px; }
body.scene-palace-selected .member-area-layout.scene-layout-active::after { bottom: 18px; animation-direction: reverse; }
body.scene-palace-selected .member-area-layout.scene-layout-active > * { position: relative; z-index: 1; }

/* No moving decoration inside edit mode */
body.scene-palace-selected .member-area-layout.scene-layout-active.is-editing,
body.scene-palace-selected .member-area-layout.scene-layout-active.is-editing::before,
body.scene-palace-selected .member-area-layout.scene-layout-active.is-editing::after {
  animation: none !important;
}
body.scene-palace-selected .member-area-layout.scene-layout-active.is-editing::before,
body.scene-palace-selected .member-area-layout.scene-layout-active.is-editing::after {
  display: none !important;
}

/* The member sidebar is the ONLY navigation inside the profile skin */
body.scene-palace-selected .member-sidebar {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 14px #00eaff !important;
  padding: 12px !important;
}
body.scene-palace-selected .member-nav-link {
  background: rgba(0,0,0,.82) !important;
  border: 2px solid #00eaff !important;
  color: #ff00cc !important;
  text-shadow: 0 0 7px #39ff14 !important;
  font-weight: bold !important;
  margin-bottom: 9px !important;
  box-shadow: inset 0 0 8px rgba(255,0,204,.35), 0 0 8px rgba(0,234,255,.35) !important;
}
body.scene-palace-selected .member-nav-link:hover,
body.scene-palace-selected .member-nav-link.active {
  background: linear-gradient(90deg, #ff00cc, #8a2be2) !important;
  border-color: #39ff14 !important;
  color: #fff !important;
  box-shadow: 0 0 12px #ff00cc, 0 0 16px #00eaff !important;
}
body.scene-palace-selected .member-nav-disabled { opacity: .82 !important; }

body.scene-palace-selected .member-content.scene-layout-active {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  animation: none !important;
  overflow: visible !important;
}
body.scene-palace-selected .member-content.scene-layout-active::before,
body.scene-palace-selected .member-content.scene-layout-active::after {
  display: none !important;
}
body.scene-palace-selected .member-content.scene-layout-active .palace-card {
  max-width: none !important;
  margin: 0 !important;
}

/* Full Scene view layout, using the approved placement */
body.scene-palace-selected #palace-view.profile-layout-scene {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  overflow: visible !important;
  animation: none !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene::before {
  content: "★ Welcome to My Palace ★" !important;
  display: block !important;
  width: max-content !important;
  min-width: 100% !important;
  text-align: center !important;
  margin: 0 0 10px !important;
  padding: 18px 12px 10px !important;
  background: rgba(255,0,204,.18) !important;
  border: 3px dashed #39ff14 !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 34px !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  text-shadow: 3px 3px #ff00cc, 0 0 12px #00eaff, 0 0 22px #39ff14 !important;
  animation: sceneV12WelcomeSlide 5s ease-in-out infinite alternate !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .palace-title-bar {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #39ff14 !important;
  box-shadow: 0 0 12px #ff00cc !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 22px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
  margin: 0 0 15px !important;
  padding: 12px !important;
}

/* Remove the duplicate inner tabs completely */
body.scene-palace-selected #palace-view.profile-layout-scene .palace-title-bar::after {
  content: none !important;
  display: none !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .palace-layout {
  display: grid !important;
  grid-template-columns: 260px minmax(0, 1fr) !important;
  gap: 15px !important;
  padding: 0 !important;
  align-items: start !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .palace-left,
body.scene-palace-selected #palace-view.profile-layout-scene .palace-right,
body.scene-palace-selected #palace-view.profile-layout-scene .palace-bio,
body.scene-palace-selected #palace-view.profile-layout-scene .palace-info-grid div {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 12px #00eaff !important;
  color: #fff !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .palace-left,
body.scene-palace-selected #palace-view.profile-layout-scene .palace-right {
  padding: 12px !important;
  min-width: 0 !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene .palace-left::before {
  content: "Profile Pic";
  display: block;
  margin-bottom: 8px;
  color: #39ff14;
  font-family: "Comic Sans MS", cursive;
  font-size: 20px;
  text-shadow: 2px 2px #ff00cc, 0 0 8px #00eaff;
}

body.scene-palace-selected #palace-view.profile-layout-scene .avatar-frame {
  min-height: 220px !important;
  background: rgba(0,0,0,.86) !important;
  border: 4px solid #00eaff !important;
  box-shadow: 0 0 15px #ff00cc !important;
  margin-bottom: 12px !important;
  padding: 10px !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene .avatar-frame::before { content: none !important; display: none !important; }
body.scene-palace-selected #palace-view.profile-layout-scene .avatar-frame img {
  width: 100% !important;
  height: 100% !important;
  max-width: 210px !important;
  max-height: 210px !important;
  object-fit: cover !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene .avatar-empty {
  background: linear-gradient(135deg,#ff00cc,#000,#39ff14) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 15px #ff00cc !important;
  color: white !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene .palace-right h1 {
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 29px !important;
  margin: 0 0 10px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene .palace-bio {
  padding: 14px !important;
  min-height: 110px !important;
  margin-bottom: 15px !important;
  white-space: pre-wrap !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene .palace-bio::before {
  content: "Welcome To My Palace" !important;
  display: block !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 20px !important;
  margin-bottom: 8px !important;
  text-shadow: 2px 2px #ff00cc !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene .palace-info-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 0 !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene strong {
  color: #39ff14 !important;
  text-shadow: 1px 1px #ff00cc !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene .palace-button {
  background: linear-gradient(90deg, #ff00cc, #8a2be2) !important;
  border: 2px solid #00eaff !important;
  color: white !important;
  box-shadow: 0 0 10px #ff00cc !important;
  font-weight: bold !important;
  text-shadow: 1px 1px #000 !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene .palace-button:hover {
  background: linear-gradient(90deg, #39ff14, #00eaff) !important;
  color: #000 !important;
}
body.scene-palace-selected #palace-view.profile-layout-scene::after {
  content: "💖 neon stars • glitter hearts • scene forever • cartoon dolls • besties online 💖" !important;
  display: block !important;
  text-align: center !important;
  color: #39ff14 !important;
  font-weight: bold !important;
  font-size: 16px !important;
  border-top: 2px dotted #ff00cc !important;
  border-bottom: 2px dotted #ff00cc !important;
  padding: 10px !important;
  margin: 15px 0 0 !important;
  background: rgba(0,0,0,.75) !important;
  box-shadow: 0 0 10px #ff00cc !important;
  text-shadow: 0 0 8px #00eaff !important;
}

/* Scene edit mode: same colors, no movement */
body.scene-palace-selected #palace-edit.profile-layout-scene-edit {
  max-width: none !important;
  margin: 0 !important;
  background: rgba(0,0,0,.92) !important;
  border: 4px solid #ff00cc !important;
  box-shadow: 0 0 20px #ff00cc, 0 0 34px #00eaff !important;
  color: #fff !important;
  font-family: Verdana, Arial, sans-serif !important;
  animation: none !important;
}
body.scene-palace-selected #palace-edit.profile-layout-scene-edit .palace-title-bar {
  background: rgba(255,0,204,.18) !important;
  border: 3px dashed #39ff14 !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 28px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
}
body.scene-palace-selected #palace-edit.profile-layout-scene-edit .palace-form label,
body.scene-palace-selected #palace-edit.profile-layout-scene-edit .palace-locked-field span {
  color: #39ff14 !important;
  text-shadow: 1px 1px #ff00cc !important;
}
body.scene-palace-selected #palace-edit.profile-layout-scene-edit .palace-locked-field,
body.scene-palace-selected #palace-edit.profile-layout-scene-edit .palace-upload-box,
body.scene-palace-selected #palace-edit.profile-layout-scene-edit .palace-upload-preview {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 10px #00eaff !important;
}
body.scene-palace-selected #palace-edit.profile-layout-scene-edit input,
body.scene-palace-selected #palace-edit.profile-layout-scene-edit textarea,
body.scene-palace-selected #palace-edit.profile-layout-scene-edit .palace-locked-field strong {
  background: #050005 !important;
  color: #fff !important;
  border: 2px solid #00eaff !important;
  box-shadow: inset 0 0 8px rgba(255,0,204,.35) !important;
}
body.scene-palace-selected #palace-edit.profile-layout-scene-edit small { color: #00eaff !important; }
body.scene-palace-selected #palace-edit.profile-layout-scene-edit .palace-button {
  background: linear-gradient(90deg, #ff00cc, #8a2be2) !important;
  border: 2px solid #00eaff !important;
  color: white !important;
  box-shadow: 0 0 10px #ff00cc !important;
}

@keyframes sceneV12WelcomeSlide {
  from { transform: translateX(-12%); }
  to { transform: translateX(12%); }
}
@keyframes sceneV12Float {
  from { transform: translateX(-8%); }
  to { transform: translateX(8%); }
}
@keyframes sceneV12PageGlow {
  from { box-shadow: 0 0 20px #ff00cc, 0 0 35px #00eaff; }
  to { box-shadow: 0 0 35px #39ff14, 0 0 55px #ff00cc; }
}

@media (max-width: 760px) {
  body.scene-palace-selected .member-area-layout.scene-layout-active,
  body.scene-palace-selected #palace-view.profile-layout-scene .palace-layout,
  body.scene-palace-selected #palace-view.profile-layout-scene .palace-info-grid {
    grid-template-columns: 1fr !important;
  }
  body.scene-palace-selected .member-sidebar {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  body.scene-palace-selected #palace-view.profile-layout-scene::before {
    font-size: 27px !important;
    animation: sceneV12WelcomeSlide 4.5s ease-in-out infinite alternate !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.scene-palace-selected .member-area-layout.scene-layout-active,
  body.scene-palace-selected .member-area-layout.scene-layout-active::before,
  body.scene-palace-selected .member-area-layout.scene-layout-active::after,
  body.scene-palace-selected #palace-view.profile-layout-scene::before {
    animation: none !important;
  }
}

/* ==========================================================
   v14 Scene Queen corrections requested by Adriane
   - scene background stays patterned, not plain black
   - only the words in the top title move
   - bio heading says Bio
   - remove bottom neon ticker
   - real guestbook area styling
   ========================================================== */

body.scene-palace-selected {
  background-color: #050005 !important;
  background-image:
    radial-gradient(circle at 10% 20%, #ff00cc 0 3px, transparent 4px),
    radial-gradient(circle at 80% 15%, #39ff14 0 3px, transparent 4px),
    radial-gradient(circle at 40% 70%, #00eaff 0 3px, transparent 4px),
    linear-gradient(45deg, transparent 45%, rgba(255,0,204,.20) 45% 55%, transparent 55%) !important;
  background-size: 90px 90px, 120px 120px, 100px 100px, 40px 40px !important;
  background-attachment: fixed !important;
}

body.scene-palace-selected .member-area-layout.scene-layout-active {
  background-color: rgba(0,0,0,.88) !important;
  background-image:
    radial-gradient(circle at 10% 20%, rgba(255,0,204,.75) 0 2px, transparent 3px),
    radial-gradient(circle at 75% 35%, rgba(57,255,20,.75) 0 2px, transparent 3px),
    radial-gradient(circle at 40% 75%, rgba(0,234,255,.75) 0 2px, transparent 3px),
    linear-gradient(45deg, transparent 45%, rgba(255,0,204,.16) 45% 55%, transparent 55%) !important;
  background-size: 95px 95px, 125px 125px, 115px 115px, 42px 42px !important;
}

/* stop the old moving BOX title */
body.scene-palace-selected #palace-view.profile-layout-scene::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.scene-moving-title {
  display: none;
}

body.scene-palace-selected #palace-view.profile-layout-scene .scene-moving-title {
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 18px 12px 10px !important;
  background: rgba(255,0,204,.18) !important;
  border: 3px dashed #39ff14 !important;
  box-shadow: 0 0 12px #ff00cc !important;
  text-align: center !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .scene-moving-title span {
  display: inline-block !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 34px !important;
  font-weight: bold !important;
  letter-spacing: 1px !important;
  white-space: nowrap !important;
  text-shadow: 3px 3px #ff00cc, 0 0 12px #00eaff, 0 0 22px #39ff14 !important;
  animation: sceneWordsOnlySlide 5s ease-in-out infinite alternate !important;
}

@keyframes sceneWordsOnlySlide {
  from { transform: translateX(-18%); }
  to { transform: translateX(18%); }
}

/* Bio label fix */
body.scene-palace-selected #palace-view.profile-layout-scene .palace-bio::before {
  content: "Bio" !important;
}

/* remove the bottom neon ticker completely */
body.scene-palace-selected #palace-view.profile-layout-scene::after {
  content: none !important;
  display: none !important;
}

/* make the real guestbook part of the profile layout */
.guestbook-section {
  display: none;
}

body.scene-palace-selected #palace-view.profile-layout-scene .guestbook-section {
  display: block !important;
  grid-column: 1 / -1 !important;
  margin-top: 15px !important;
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 12px #00eaff !important;
  color: #fff !important;
  padding: 12px !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .guestbook-section h2 {
  margin: 0 0 10px !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 22px !important;
  text-shadow: 2px 2px #ff00cc !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .guestbook-comment,
body.scene-palace-selected #palace-view.profile-layout-scene .guestbook-empty {
  border: 2px solid #39ff14 !important;
  background: rgba(255,0,204,.10) !important;
  color: #fff !important;
  padding: 9px !important;
  margin: 8px 0 !important;
  box-shadow: inset 0 0 8px rgba(57,255,20,.15) !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .guestbook-comment strong {
  color: #39ff14 !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .guestbook-form {
  margin-top: 12px !important;
  border-top: 2px dotted #ff00cc !important;
  padding-top: 10px !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .guestbook-form label {
  display: block !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 18px !important;
  margin-bottom: 6px !important;
  text-shadow: 2px 2px #ff00cc !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .guestbook-form textarea {
  width: 100% !important;
  background: #050005 !important;
  color: #fff !important;
  border: 2px solid #00eaff !important;
  box-shadow: inset 0 0 8px rgba(255,0,204,.35) !important;
  font-family: Verdana, Arial, sans-serif !important;
  padding: 8px !important;
}

/* default view can keep guestbook hidden for now so only Scene shows the new functional section */
body:not(.scene-palace-selected) #palace-view .guestbook-section {
  display: none !important;
}

@media (max-width: 760px) {
  body.scene-palace-selected #palace-view.profile-layout-scene .scene-moving-title span {
    font-size: 27px !important;
  }
}


/* ==========================================================
   v16 Blinkies / Badges + remove Birthday from Scene profile
   ========================================================== */

.blinkies-sidebar-box {
  display: none;
}

body.scene-palace-selected .blinkies-sidebar-box {
  display: block !important;
  margin-top: 14px !important;
  min-height: 360px !important;
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 12px #00eaff !important;
  padding: 10px !important;
  color: #fff !important;
}

body.scene-palace-selected .blinkies-sidebar-box h2 {
  margin: 0 0 8px !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 18px !important;
  text-shadow: 2px 2px #ff00cc, 0 0 8px #00eaff !important;
}

.blinkies-view {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: center;
  min-height: 285px;
  align-content: flex-start;
  overflow-y: auto;
}


.blinkies-view img {
  max-width: 100%;
  max-height: none;
  height: auto;
  width: auto;
  border: none;
  box-shadow: none;
  background: transparent; display:block; margin:0 auto;
}

.blinkies-view a {
  color: #00eaff !important;
  font-weight: bold;
}

.blinkies-view marquee {
  color: #39ff14;
  font-weight: bold;
  width: 100%;
}

.blinkies-empty {
  color: #00eaff;
  font-size: 12px;
  text-align: center;
  border: 1px dotted #39ff14;
  padding: 8px;
  width: 100%;
}

body.scene-palace-selected #palace-edit.profile-layout-scene-edit #blinkies-input {
  min-height: 110px;
  font-family: Consolas, "Courier New", monospace !important;
}

/* More compact scene info grid after Birthday removal */
body.scene-palace-selected #palace-view.profile-layout-scene .palace-info-grid {
  grid-template-columns: 1fr 1fr !important;
}

/* keep default dashboard readable; blinkies editor still works */
body:not(.scene-palace-selected) .blinkies-sidebar-box {
  display: none !important;
}

/* ==========================================================
   v19 Default Doll Palace gets the same profile features
   - My Collectibles shows on the default blue layout too
   - Guestbook shows on the default blue layout too
   - Scene Queen styling still only applies when selected
   ========================================================== */

body:not(.scene-palace-selected) .blinkies-sidebar-box {
  display: block !important;
  margin-top: 14px !important;
  min-height: 360px !important;
  background: #073b80 !important;
  border: 1px solid #7fd1ff !important;
  box-shadow: inset 0 0 0 1px #063b7b, 0 0 8px rgba(0,0,0,.35) !important;
  padding: 10px !important;
  color: #eaf7ff !important;
}

body:not(.scene-palace-selected) .blinkies-sidebar-box h2 {
  margin: 0 0 10px !important;
  background: linear-gradient(#2b8fe9, #08498e) !important;
  border: 1px solid #9de0ff !important;
  color: #fff !important;
  font-size: 14px !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  text-align: center !important;
  padding: 8px 6px !important;
  text-shadow: 1px 1px #00244a !important;
}

body:not(.scene-palace-selected) .blinkies-view {
  min-height: 285px !important;
  background: #052f66 !important;
  border: 1px dotted #8bd8ff !important;
  padding: 8px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body:not(.scene-palace-selected) .blinkies-empty {
  color: #dff5ff !important;
  border: 1px dashed #9de0ff !important;
  background: rgba(255,255,255,.08) !important;
  padding: 10px 8px !important;
  font-weight: bold !important;
}

body:not(.scene-palace-selected) .blinkies-view img,
body:not(.scene-palace-selected) .blinkies-view * {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body:not(.scene-palace-selected) .blinkies-view img {
  height: auto !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  display: block !important;
  margin: 0 auto 6px !important;
}

body:not(.scene-palace-selected) #palace-view .guestbook-section {
  display: block !important;
  margin-top: 16px !important;
  background: #073b80 !important;
  border: 1px solid #7fd1ff !important;
  box-shadow: inset 0 0 0 1px #063b7b, 0 0 8px rgba(0,0,0,.35) !important;
  color: #eaf7ff !important;
  padding: 12px !important;
}

body:not(.scene-palace-selected) #palace-view .guestbook-section h2 {
  margin: 0 0 10px !important;
  background: linear-gradient(#2b8fe9, #08498e) !important;
  border: 1px solid #9de0ff !important;
  color: #fff !important;
  text-align: center !important;
  font-size: 15px !important;
  padding: 8px !important;
  text-shadow: 1px 1px #00244a !important;
}

body:not(.scene-palace-selected) #palace-view .guestbook-comment,
body:not(.scene-palace-selected) #palace-view .guestbook-empty {
  background: #063b7b !important;
  border: 1px solid #59bfff !important;
  color: #fff !important;
  padding: 8px !important;
  margin: 8px 0 !important;
}

body:not(.scene-palace-selected) #palace-view .guestbook-comment strong {
  color: #dff5ff !important;
}

body:not(.scene-palace-selected) #palace-view .guestbook-form {
  margin-top: 12px !important;
  border-top: 1px dotted #8bd8ff !important;
  padding-top: 10px !important;
}

body:not(.scene-palace-selected) #palace-view .guestbook-form label {
  display: block !important;
  color: #fff !important;
  font-weight: bold !important;
  margin-bottom: 6px !important;
}

body:not(.scene-palace-selected) #palace-view .guestbook-form textarea {
  width: 100% !important;
  background: #eef8ff !important;
  color: #001d3f !important;
  border: 1px solid #6fcaff !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  padding: 7px !important;
}

/* ==========================================================
   v21 Profile Music
   Supports uploaded MP3 profile playlists.
   ========================================================== */
.profile-music-box {
  margin-top: 14px;
  background: #073b80;
  border: 1px solid #7fd1ff;
  box-shadow: inset 0 0 0 1px #063b7b, 0 0 8px rgba(0,0,0,.35);
  color: #eaf7ff;
  padding: 12px;
}

.profile-music-box h2 {
  margin: 0 0 10px;
  background: linear-gradient(#2b8fe9, #08498e);
  border: 1px solid #9de0ff;
  color: #fff;
  text-align: center;
  font-size: 15px;
  padding: 8px;
  text-shadow: 1px 1px #00244a;
}

.profile-music-player {
  background: #052f66;
  border: 1px dotted #8bd8ff;
  padding: 10px;
  text-align: center;
}

.profile-music-title {
  font-weight: bold;
  color: #fff;
  margin-bottom: 8px;
}

.profile-music-player iframe {
  width: 100%;
  min-height: 90px;
  border: 0;
  display: block;
}

.profile-music-player iframe[src*="youtube"] {
  aspect-ratio: 16 / 9;
  min-height: 220px;
}

.profile-music-player audio {
  width: 100%;
}

.profile-music-now-playing {
  color: #c9f4ff;
  font-size: 12px;
  margin: 6px 0 8px;
}

.profile-music-tracklist {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 8px;
  max-height: 160px;
  overflow-y: auto;
}

.profile-music-track {
  border: 1px solid #7fd1ff;
  background: #031f45;
  color: #eaf7ff;
  padding: 6px;
  text-align: left;
  cursor: pointer;
  font-size: 12px;
}

.profile-music-track.active,
.profile-music-track:hover {
  background: #0f5cae;
}

.music-edit-box {
  margin: 14px 0;
  padding: 12px;
  border: 1px solid #6fcaff;
  background: #073b80;
}

.music-edit-box legend {
  color: #fff;
  font-weight: bold;
  padding: 0 8px;
}

.music-edit-box select {
  display: block;
  width: 100%;
  margin-top: 5px;
  padding: 7px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #6fcaff;
  background: #eef8ff;
  color: #001d3f;
}

.music-checkbox {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-weight: normal !important;
}

.music-checkbox input {
  width: auto !important;
  margin: 0 !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .profile-music-box {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 12px #00eaff !important;
  color: #fff !important;
  margin-top: 14px !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .profile-music-box h2 {
  background: transparent !important;
  border: 0 !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 22px !important;
  text-shadow: 2px 2px #ff00cc !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .profile-music-player {
  background: rgba(255,0,204,.10) !important;
  border: 2px solid #39ff14 !important;
  box-shadow: inset 0 0 8px rgba(57,255,20,.15) !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .profile-music-title {
  color: #00eaff !important;
  text-shadow: 0 0 8px #ff00cc !important;
}

#palace-edit.profile-layout-scene-edit .music-edit-box {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 10px #00eaff !important;
}

#palace-edit.profile-layout-scene-edit .music-edit-box legend {
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  text-shadow: 1px 1px #ff00cc !important;
}

#palace-edit.profile-layout-scene-edit .music-edit-box select {
  background: #050005 !important;
  color: #fff !important;
  border: 2px solid #00eaff !important;
  box-shadow: inset 0 0 8px rgba(255,0,204,.35) !important;
}

/* v22: keep profile music compact - playlist still plays through tracks, but the public song list is hidden. */
.profile-music-tracklist,
.profile-music-track {
  display: none !important;
}
.profile-music-box {
  max-width: 420px;
}
#palace-view:not(.profile-layout-scene) .profile-music-box {
  margin-left: auto;
  margin-right: auto;
}


/* v23: header now-playing strip replaces the big Profile Music box */
.now-playing-strip {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
}

.now-playing-text {
  font-weight: bold;
  line-height: 1.25;
  word-break: break-word;
}

.now-playing-controls {
  display: flex;
  justify-content: center;
  gap: 8px;
}

.now-playing-button {
  min-width: 34px;
  padding: 3px 8px;
  border: 1px solid #9de0ff;
  border-radius: 8px;
  background: linear-gradient(#3bb4ff, #0a5fa8);
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  text-shadow: 1px 1px #00355f;
  box-shadow: 0 0 6px rgba(0,0,0,.35);
}

.now-playing-button:hover {
  filter: brightness(1.12);
}

.profile-music-audio {
  display: none !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .palace-title-bar {
  padding: 8px 10px !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .now-playing-text {
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  text-shadow: 2px 2px #ff00cc, 0 0 8px #00eaff !important;
}

body.scene-palace-selected #palace-view.profile-layout-scene .now-playing-button {
  background: linear-gradient(135deg, #ff69d2, #9066ff) !important;
  border: 2px solid #00eaff !important;
  color: #fff !important;
  box-shadow: 0 0 8px #ff00cc !important;
  font-family: Verdana, Arial, sans-serif !important;
}

/* v24: animated music note + reliable header controls */
.now-playing-icon {
  display: inline-block;
  margin-right: 4px;
  animation: musicNoteBounce 1.05s ease-in-out infinite;
  transform-origin: center bottom;
}

@keyframes musicNoteBounce {
  0%, 100% { transform: translateY(0) rotate(-6deg) scale(1); }
  35% { transform: translateY(-5px) rotate(8deg) scale(1.15); }
  70% { transform: translateY(1px) rotate(-3deg) scale(1.05); }
}

.now-playing-button {
  line-height: 1;
  user-select: none;
}

.now-playing-button:active {
  transform: translateY(1px) scale(.96);
}

/* ==========================================================
   Emo Profile Layout
   Applies only when a user chooses Profile Layout = emo.
   Same working structure as Scene Queen: music, bio, collectibles,
   guestbook, and profile info stay functional.
   ========================================================== */

.emo-mini-preview {
  background-image: url('../assets/layouts/emo/background.gif');
  background-size: 180px auto;
  background-repeat: repeat;
  border-color: #ff69b4;
  color: #fff;
  box-shadow: 0 0 10px #ff1493;
}

.emo-mini-preview .mini-title,
.emo-mini-preview .mini-box {
  background: rgba(0,0,0,.78);
  border-color: #ff8bd1;
  color: #ffd6f0;
  text-shadow: 0 0 6px #ff1493;
}

body.emo-palace-selected {
  background-color: #000 !important;
  background-image: url('../assets/layouts/emo/background.gif') !important;
  background-repeat: repeat !important;
  background-size: 360px auto !important;
  background-attachment: fixed !important;
  color: #fff !important;
  cursor: crosshair;
}

body.emo-palace-selected .top-strip,
body.emo-palace-selected .footer {
  background: rgba(0,0,0,.9) !important;
  color: #ffd6f0 !important;
  border-color: #ff69b4 !important;
  text-shadow: 0 0 8px #ff1493 !important;
}

body.emo-palace-selected .site-shell {
  background: rgba(0,0,0,.28) !important;
}

body.emo-palace-selected .header {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ff69b4 !important;
  box-shadow: 0 0 14px #ff1493 !important;
}

body.emo-palace-selected .header .tagline {
  color: #ffd6f0 !important;
  text-shadow: 0 0 8px #ff1493 !important;
}

body.emo-palace-selected .main-menu a {
  background: rgba(0,0,0,.8) !important;
  border-color: #ff8bd1 !important;
  color: #fff !important;
}

body.emo-palace-selected .main-menu a:hover {
  background: #ff1493 !important;
  color: #000 !important;
}

body.emo-palace-selected .main-panel.palace-main {
  background: rgba(0,0,0,.2) !important;
}

body.emo-palace-selected .member-area-layout.emo-layout-active {
  background-image: url('../assets/layouts/emo/2ndbground.jpg') !important;
  background-repeat: repeat !important;
  background-size: 220px auto !important;
  border: 4px solid #ff1493 !important;
  box-shadow: 0 0 18px #ff1493, 0 0 36px #ff69b4 !important;
  padding: 12px !important;
}

body.emo-palace-selected .member-sidebar {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 12px #ff1493 !important;
}

body.emo-palace-selected .member-nav-link {
  background: rgba(60,0,35,.88) !important;
  border: 2px solid #ff9bd8 !important;
  color: #fff !important;
  text-shadow: 1px 1px #000, 0 0 6px #ff1493 !important;
}

body.emo-palace-selected .member-nav-link:hover,
body.emo-palace-selected .member-nav-link.active {
  background: #ff1493 !important;
  color: #000 !important;
}

body.emo-palace-selected .member-nav-disabled {
  opacity: .82 !important;
}

body.emo-palace-selected .blinkies-sidebar-box {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 12px #ff1493 !important;
  color: #fff !important;
}

body.emo-palace-selected .blinkies-sidebar-box h2 {
  color: #ffd6f0 !important;
  text-shadow: 0 0 8px #ff1493, 0 0 14px #fff !important;
}

body.emo-palace-selected .member-content.emo-layout-active {
  background: transparent !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit {
  max-width: 1000px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .scene-moving-title {
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 12px !important;
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 12px #ff1493 !important;
  text-align: center !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .scene-moving-title span {
  display: inline-block !important;
  color: #ffd6f0 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 34px !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  text-shadow: 0 0 8px #ff1493, 0 0 18px #fff !important;
  animation: emoWordsOnlySlide 5s ease-in-out infinite alternate !important;
}

@keyframes emoWordsOnlySlide {
  from { transform: translateX(-18%); }
  to { transform: translateX(18%); }
}

body.emo-palace-selected #palace-view.profile-layout-emo .palace-title-bar {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 12px #ff1493 !important;
  color: #fff !important;
  margin-bottom: 12px !important;
  padding: 10px !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .now-playing-strip {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .now-playing-icon {
  animation: nowPlayingBounce .8s infinite !important;
  display: inline-block !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .now-playing-button {
  background: #ff69b4 !important;
  color: #000 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 8px #ff1493 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .palace-layout {
  display: grid !important;
  grid-template-columns: 250px 1fr !important;
  gap: 12px !important;
  align-items: start !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .palace-left,
body.emo-palace-selected #palace-view.profile-layout-emo .palace-right,
body.emo-palace-selected #palace-view.profile-layout-emo .palace-bio,
body.emo-palace-selected #palace-view.profile-layout-emo .palace-info-grid div,
body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-section {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 10px #ff1493 !important;
  color: #fff !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .palace-left,
body.emo-palace-selected #palace-view.profile-layout-emo .palace-right {
  padding: 12px !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .avatar-frame {
  background: rgba(0,0,0,.75) !important;
  border: 4px solid #ffd6f0 !important;
  box-shadow: 0 0 14px #ff1493 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .avatar-frame img {
  max-width: 190px !important;
  max-height: 200px !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .avatar-empty {
  color: #ffd6f0 !important;
  border-color: #ff8bd1 !important;
  background: rgba(0,0,0,.55) !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .palace-right h1 {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 10px #ff1493 !important;
  color: #ffd6f0 !important;
  font-family: "Comic Sans MS", cursive !important;
  font-size: 30px !important;
  margin: 0 0 12px !important;
  padding: 12px !important;
  text-shadow: 0 0 10px #ff1493, 0 0 18px #fff !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .palace-bio {
  padding: 12px !important;
  min-height: 90px !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .palace-bio::before {
  content: "Bio" !important;
  display: block !important;
  font-family: "Comic Sans MS", cursive !important;
  color: #ffd6f0 !important;
  text-shadow: 0 0 8px #ff1493, 0 0 14px #fff !important;
  font-weight: bold !important;
  font-size: 20px !important;
  margin-bottom: 8px !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .palace-info-grid {
  grid-template-columns: 1fr 1fr !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo strong,
body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-section h2,
body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-form label {
  color: #ffd6f0 !important;
  text-shadow: 0 0 7px #ff1493 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-section {
  margin-top: 12px !important;
  padding: 12px !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-comment,
body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-empty {
  background: rgba(60,0,35,.75) !important;
  border: 2px solid #ff8bd1 !important;
  color: #fff !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo textarea,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit textarea,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit input,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit select {
  background: rgba(0,0,0,.82) !important;
  color: #fff !important;
  border: 2px solid #ff8bd1 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .palace-button,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit .palace-button {
  background: #ff69b4 !important;
  color: #000 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 8px #ff1493 !important;
}

body.emo-palace-selected #palace-edit.profile-layout-emo-edit {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 12px #ff1493 !important;
  padding: 12px !important;
}

body.emo-palace-selected #palace-edit.profile-layout-emo-edit .palace-title-bar {
  background: rgba(0,0,0,.88) !important;
  border: 3px dashed #ff8bd1 !important;
  color: #ffd6f0 !important;
  text-shadow: 0 0 8px #ff1493 !important;
}

body.emo-palace-selected #palace-edit.profile-layout-emo-edit label,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit legend,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit .palace-locked-field span {
  color: #ffd6f0 !important;
  text-shadow: 0 0 6px #ff1493 !important;
}

body.emo-palace-selected #palace-edit.profile-layout-emo-edit .palace-locked-field,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit .palace-upload-box,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit .palace-upload-preview,
body.emo-palace-selected #palace-edit.profile-layout-emo-edit .music-edit-box {
  background: rgba(0,0,0,.72) !important;
  border: 2px solid #ff8bd1 !important;
  color: #fff !important;
}

@media (max-width: 760px) {
  body.emo-palace-selected #palace-view.profile-layout-emo .palace-layout,
  body.emo-palace-selected #palace-view.profile-layout-emo .palace-info-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.emo-palace-selected #palace-view.profile-layout-emo .scene-moving-title span,
  body.emo-palace-selected #palace-view.profile-layout-emo .now-playing-icon {
    animation: none !important;
  }
}

/* ==========================================================
   v26 Emo layout cleanup
   - Stop default blue guestbook/collectibles styles from affecting Emo
   - Keep Emo using the pink/black scene style
   ========================================================== */
body.emo-palace-selected .blinkies-sidebar-box {
  display: block !important;
  margin-top: 14px !important;
  min-height: 360px !important;
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 12px #ff1493 !important;
  padding: 10px !important;
  color: #fff !important;
}

body.emo-palace-selected .blinkies-sidebar-box h2 {
  margin: 0 0 10px !important;
  background: rgba(0,0,0,.88) !important;
  border: 3px dashed #ff8bd1 !important;
  color: #ffd6f0 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  padding: 8px 6px !important;
  text-shadow: 0 0 8px #ff1493, 0 0 14px #fff !important;
  box-shadow: 0 0 10px #ff1493 !important;
}

body.emo-palace-selected .blinkies-view {
  min-height: 285px !important;
  background: rgba(0,0,0,.72) !important;
  border: 2px dotted #ff8bd1 !important;
  padding: 8px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body.emo-palace-selected .blinkies-empty {
  color: #ffd6f0 !important;
  border: 1px dashed #ff8bd1 !important;
  background: rgba(0,0,0,.62) !important;
  padding: 10px 8px !important;
  font-weight: bold !important;
  text-shadow: 0 0 6px #ff1493 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-section {
  display: block !important;
  margin-top: 12px !important;
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 12px #ff1493 !important;
  color: #fff !important;
  padding: 12px !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-section h2 {
  margin: 0 0 10px !important;
  background: rgba(0,0,0,.88) !important;
  border: 3px dashed #ff8bd1 !important;
  color: #ffd6f0 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: left !important;
  padding: 8px 10px !important;
  text-shadow: 0 0 8px #ff1493, 0 0 14px #fff !important;
  box-shadow: 0 0 10px #ff1493 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-comment,
body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-empty {
  background: rgba(60,0,35,.78) !important;
  border: 2px solid #ff8bd1 !important;
  color: #fff !important;
  padding: 8px !important;
  margin: 8px 0 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-form {
  margin-top: 12px !important;
  border-top: 1px dotted #ff8bd1 !important;
  padding-top: 10px !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-form label {
  display: block !important;
  color: #ffd6f0 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  font-weight: bold !important;
  margin-bottom: 6px !important;
  text-shadow: 0 0 7px #ff1493 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .guestbook-form textarea {
  width: 100% !important;
  background: rgba(0,0,0,.82) !important;
  color: #fff !important;
  border: 2px solid #ff8bd1 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  padding: 7px !important;
}

/* ==========================================================
   v27 Emo skull title + pink animated music note
   ========================================================== */
body.emo-palace-selected #palace-view.profile-layout-emo .scene-moving-title span {
  color: #ffd6f0 !important;
  text-shadow: 0 0 8px #ff1493, 0 0 18px #fff, 0 0 26px #ff69b4 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .now-playing-icon {
  color: #ff69b4 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  text-shadow: 0 0 6px #fff, 0 0 12px #ff1493, 0 0 22px #ff69b4 !important;
  animation: emoMusicNoteBounce .85s ease-in-out infinite !important;
  display: inline-block !important;
  margin-right: 6px !important;
  transform-origin: center bottom !important;
}

@keyframes emoMusicNoteBounce {
  0%, 100% { transform: translateY(0) rotate(-8deg) scale(1); }
  35% { transform: translateY(-7px) rotate(8deg) scale(1.22); }
  70% { transform: translateY(1px) rotate(-3deg) scale(1.08); }
}

body.emo-palace-selected #palace-view.profile-layout-emo .now-playing-text {
  color: #fff !important;
  text-shadow: 0 0 5px #000, 0 0 8px #ff1493 !important;
}

body.emo-palace-selected #palace-view.profile-layout-emo .now-playing-button {
  background: linear-gradient(135deg, #ff9bd8, #ff4fa8) !important;
  border: 2px solid #fff !important;
  color: #000 !important;
  box-shadow: 0 0 8px #ff1493, 0 0 14px #ff69b4 !important;
}

.emo-title .emo-music-note,
.emo-music-note {
  color: #ff69b4 !important;
  text-shadow: 0 0 6px #fff, 0 0 12px #ff1493 !important;
  animation: emoMusicNoteBounce .85s ease-in-out infinite !important;
  display: inline-block !important;
}


/* ==========================================================
   v28 Cyber Palace Profile Layout
   - Uses the new cyber background in assets/layouts/cyber/background.gif
   - Same working structure as Emo/Scene: music, collectibles, guestbook,
     profile info, and edit mode all stay functional.
   ========================================================== */

.cyber-mini-preview {
  background-color: #050018;
  background-image: url('../assets/layouts/cyber/background.gif');
  background-size: cover;
  background-position: center;
  border-color: #00eaff;
  color: #fff;
  box-shadow: 0 0 12px #00eaff, 0 0 18px #8a2be2;
}

.cyber-mini-preview .mini-title,
.cyber-mini-preview .mini-box {
  background: rgba(2,0,18,.82);
  border: 2px solid #00eaff;
  color: #dffbff;
  text-shadow: 0 0 7px #00eaff, 0 0 12px #b66cff;
  box-shadow: inset 0 0 8px rgba(0,234,255,.25), 0 0 8px rgba(138,43,226,.8);
}

body.cyber-palace-selected {
  background-color: #030014 !important;
  background-image: url('../assets/layouts/cyber/background.gif') !important;
  background-repeat: repeat !important;
  background-size: 520px auto !important;
  background-attachment: fixed !important;
  color: #fff !important;
  cursor: crosshair;
}

body.cyber-palace-selected .top-strip,
body.cyber-palace-selected .footer {
  background: rgba(1,0,18,.92) !important;
  color: #dffbff !important;
  border-color: #00eaff !important;
  text-shadow: 0 0 8px #00eaff, 0 0 14px #8a2be2 !important;
  box-shadow: 0 0 14px #00eaff, 0 0 22px #8a2be2 !important;
}

body.cyber-palace-selected .site-shell {
  background: rgba(0,0,0,.18) !important;
}

body.cyber-palace-selected .header {
  background: rgba(1,0,18,.86) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 16px #00eaff, 0 0 28px #8a2be2 !important;
}

body.cyber-palace-selected .header .tagline {
  color: #c7f8ff !important;
  text-shadow: 0 0 8px #00eaff !important;
}

body.cyber-palace-selected .main-menu a {
  background: rgba(3,0,26,.86) !important;
  border-color: #9a7cff !important;
  color: #fff !important;
  box-shadow: 0 0 8px rgba(0,234,255,.55) !important;
}

body.cyber-palace-selected .main-menu a:hover {
  background: #00eaff !important;
  color: #030014 !important;
}

body.cyber-palace-selected .main-panel.palace-main {
  background: rgba(0,0,0,.16) !important;
}

body.cyber-palace-selected .member-area-layout.cyber-layout-active {
  background-color: rgba(2,0,22,.78) !important;
  background-image:
    linear-gradient(rgba(0,234,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,234,255,.08) 1px, transparent 1px),
    url('../assets/layouts/cyber/background.gif') !important;
  background-size: 34px 34px, 34px 34px, cover !important;
  background-position: center !important;
  border: 4px solid #00eaff !important;
  box-shadow: 0 0 20px #00eaff, 0 0 42px #8a2be2 !important;
  padding: 12px !important;
}

body.cyber-palace-selected .member-sidebar,
body.cyber-palace-selected .blinkies-sidebar-box {
  background: rgba(1,0,18,.88) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 12px #00eaff, inset 0 0 16px rgba(138,43,226,.35) !important;
  color: #fff !important;
}

body.cyber-palace-selected .member-nav-link {
  background: rgba(4,0,38,.9) !important;
  border: 2px solid #9a7cff !important;
  color: #eafbff !important;
  text-shadow: 0 0 6px #00eaff !important;
}

body.cyber-palace-selected .member-nav-link:hover,
body.cyber-palace-selected .member-nav-link.active {
  background: linear-gradient(90deg, #00eaff, #8a2be2) !important;
  color: #fff !important;
  box-shadow: 0 0 12px #00eaff !important;
}

body.cyber-palace-selected .member-nav-disabled { opacity: .82 !important; }

body.cyber-palace-selected .blinkies-sidebar-box h2 {
  margin: 0 0 10px !important;
  background: rgba(3,0,26,.9) !important;
  border: 2px solid #9a7cff !important;
  color: #c7f8ff !important;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif !important;
  font-size: 18px !important;
  text-align: center !important;
  padding: 8px 6px !important;
  text-shadow: 0 0 8px #00eaff, 0 0 14px #8a2be2 !important;
  box-shadow: 0 0 10px #00eaff !important;
}

body.cyber-palace-selected .blinkies-view {
  min-height: 285px !important;
  background: rgba(1,0,18,.72) !important;
  border: 2px dotted #00eaff !important;
  padding: 8px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

body.cyber-palace-selected .blinkies-empty {
  color: #c7f8ff !important;
  border: 1px solid #9a7cff !important;
  background: rgba(4,0,38,.72) !important;
  padding: 10px 8px !important;
  font-weight: bold !important;
  text-shadow: 0 0 6px #00eaff !important;
}

body.cyber-palace-selected .member-content.cyber-layout-active {
  background: transparent !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit {
  max-width: 1000px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .scene-moving-title {
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  margin: 0 0 10px !important;
  padding: 12px !important;
  background: rgba(1,0,18,.88) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 12px #00eaff, 0 0 22px #8a2be2 !important;
  text-align: center !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .scene-moving-title span {
  display: inline-block !important;
  color: #eafbff !important;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 8px #00eaff, 0 0 18px #8a2be2, 0 0 26px #fff !important;
  animation: cyberWordsOnlySlide 5s ease-in-out infinite alternate !important;
}

@keyframes cyberWordsOnlySlide {
  from { transform: translateX(-18%); }
  to { transform: translateX(18%); }
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-title-bar,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-left,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-right,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-bio,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid div,
body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-section {
  background: rgba(1,0,18,.88) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 10px #00eaff, inset 0 0 14px rgba(138,43,226,.35) !important;
  color: #fff !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-title-bar {
  margin-bottom: 12px !important;
  padding: 10px !important;
  color: #dffbff !important;
  text-shadow: 0 0 8px #00eaff !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .now-playing-strip {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .now-playing-icon {
  color: #00eaff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  text-shadow: 0 0 6px #fff, 0 0 12px #00eaff, 0 0 22px #8a2be2 !important;
  animation: cyberMusicNotePulse .9s ease-in-out infinite !important;
  display: inline-block !important;
  margin-right: 6px !important;
}

@keyframes cyberMusicNotePulse {
  0%, 100% { transform: translateY(0) scale(1); filter: brightness(1); }
  45% { transform: translateY(-5px) scale(1.18); filter: brightness(1.35); }
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .now-playing-button,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-button,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .palace-button {
  background: linear-gradient(135deg, #00eaff, #8a2be2) !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  box-shadow: 0 0 8px #00eaff, 0 0 14px #8a2be2 !important;
  text-shadow: 0 0 5px #000 !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-layout {
  display: grid !important;
  grid-template-columns: 250px 1fr !important;
  gap: 12px !important;
  align-items: start !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-left,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-right {
  padding: 12px !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .avatar-frame {
  background: rgba(0,0,0,.72) !important;
  border: 4px solid #9a7cff !important;
  box-shadow: 0 0 14px #00eaff, 0 0 22px #8a2be2 !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .avatar-frame img {
  max-width: 190px !important;
  max-height: 200px !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .avatar-empty {
  color: #dffbff !important;
  border-color: #00eaff !important;
  background: rgba(3,0,26,.62) !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-right h1 {
  background: rgba(1,0,18,.88) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 10px #00eaff, inset 0 0 14px rgba(138,43,226,.35) !important;
  color: #dffbff !important;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif !important;
  font-size: 30px !important;
  margin: 0 0 12px !important;
  padding: 12px !important;
  text-shadow: 0 0 10px #00eaff, 0 0 18px #8a2be2 !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-bio {
  padding: 12px !important;
  min-height: 90px !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-bio::before {
  content: "Bio" !important;
  display: block !important;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif !important;
  color: #c7f8ff !important;
  text-shadow: 0 0 8px #00eaff, 0 0 14px #8a2be2 !important;
  font-weight: bold !important;
  font-size: 20px !important;
  margin-bottom: 8px !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid {
  grid-template-columns: 1fr 1fr !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber strong,
body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-section h2,
body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-form label {
  color: #c7f8ff !important;
  text-shadow: 0 0 7px #00eaff !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-section {
  display: block !important;
  margin-top: 12px !important;
  padding: 12px !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-comment,
body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-empty {
  background: rgba(4,0,38,.78) !important;
  border: 2px solid #9a7cff !important;
  color: #fff !important;
  padding: 8px !important;
  margin: 8px 0 !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-form {
  margin-top: 12px !important;
  border-top: 1px dotted #00eaff !important;
  padding-top: 10px !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-form textarea,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit textarea,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit input,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit select {
  width: 100% !important;
  background: rgba(1,0,18,.86) !important;
  color: #fff !important;
  border: 2px solid #00eaff !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  padding: 7px !important;
  box-shadow: inset 0 0 8px rgba(0,234,255,.25) !important;
}

body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit {
  background: rgba(1,0,18,.88) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 12px #00eaff, 0 0 22px #8a2be2 !important;
  padding: 12px !important;
}

body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .palace-title-bar {
  background: rgba(3,0,26,.9) !important;
  border: 3px solid #9a7cff !important;
  color: #dffbff !important;
  text-shadow: 0 0 8px #00eaff !important;
}

body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit label,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit legend,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .palace-locked-field span {
  color: #c7f8ff !important;
  text-shadow: 0 0 6px #00eaff !important;
}

body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .palace-locked-field,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .palace-upload-box,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .palace-upload-preview,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .music-edit-box {
  background: rgba(1,0,18,.72) !important;
  border: 2px solid #9a7cff !important;
  color: #fff !important;
}

@media (max-width: 760px) {
  body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-layout,
  body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid {
    grid-template-columns: 1fr !important;
  }
  body.cyber-palace-selected #palace-view.profile-layout-cyber .scene-moving-title span {
    font-size: 27px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.cyber-palace-selected #palace-view.profile-layout-cyber .scene-moving-title span,
  body.cyber-palace-selected #palace-view.profile-layout-cyber .now-playing-icon {
    animation: none !important;
  }
}

/* v29 - Cyber Palace upgrades: cleaner wallpaper, pulsing neon, cyber font vibe, particles, status icons, futuristic player */
@keyframes cyberNeonPulse {
  0%, 100% {
    box-shadow: 0 0 8px rgba(0,234,255,.85), 0 0 16px rgba(138,43,226,.55), inset 0 0 12px rgba(0,234,255,.18);
  }
  50% {
    box-shadow: 0 0 18px rgba(0,234,255,1), 0 0 34px rgba(138,43,226,.9), inset 0 0 20px rgba(0,234,255,.32);
  }
}

@keyframes cyberParticleDrift {
  from { background-position: 0 0, 45px 70px, center; }
  to { background-position: 0 -180px, 45px -90px, center; }
}

body.cyber-palace-selected {
  background-color: #030014 !important;
  background-image: url('../assets/layouts/cyber/background.gif') !important;
  background-repeat: repeat !important;
  background-size: 520px auto !important;
  background-position: top center !important;
  background-attachment: fixed !important;
}

body.cyber-palace-selected .member-area-layout.cyber-layout-active {
  background-image:
    radial-gradient(circle, rgba(0,234,255,.85) 1px, transparent 2px),
    radial-gradient(circle, rgba(182,108,255,.75) 1px, transparent 2px),
    linear-gradient(rgba(0,234,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,234,255,.08) 1px, transparent 1px),
    url('../assets/layouts/cyber/background.gif') !important;
  background-size: 90px 90px, 130px 130px, 34px 34px, 34px 34px, 520px auto !important;
  background-position: 0 0, 45px 70px, center, center, top center !important;
  background-repeat: repeat, repeat, repeat, repeat, repeat !important;
  animation: cyberParticleDrift 16s linear infinite, cyberNeonPulse 3.5s ease-in-out infinite !important;
}

body.cyber-palace-selected .palace-title-bar,
body.cyber-palace-selected .member-sidebar,
body.cyber-palace-selected .blinkies-sidebar-box,
body.cyber-palace-selected #palace-view.profile-layout-cyber .scene-moving-title,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-left,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-right,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-bio,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid div,
body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-section,
body.cyber-palace-selected #palace-view.profile-layout-cyber .avatar-frame,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit {
  animation: cyberNeonPulse 3.5s ease-in-out infinite !important;
}

body.cyber-palace-selected .palace-title-bar,
body.cyber-palace-selected #palace-view.profile-layout-cyber .scene-moving-title span,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-right h1,
body.cyber-palace-selected .blinkies-sidebar-box h2,
body.cyber-palace-selected .member-nav-link,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-bio::before {
  font-family: Orbitron, "Trebuchet MS", Verdana, Arial, sans-serif !important;
  letter-spacing: 1px !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .now-playing-strip {
  background: linear-gradient(90deg, rgba(0,234,255,.14), rgba(138,43,226,.2), rgba(0,234,255,.14)) !important;
  border: 2px solid #00eaff !important;
  padding: 7px 10px !important;
  box-shadow: inset 0 0 12px rgba(0,234,255,.28), 0 0 12px rgba(0,234,255,.7) !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .now-playing-button {
  min-width: 27px !important;
  height: 23px !important;
  line-height: 18px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  filter: drop-shadow(0 0 5px #00eaff) !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .now-playing-button:hover,
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-button:hover,
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .palace-button:hover {
  transform: translateY(-1px) scale(1.04) !important;
  box-shadow: 0 0 14px #00eaff, 0 0 28px #8a2be2, inset 0 0 8px rgba(255,255,255,.45) !important;
}

body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid div:nth-child(1) strong::before { content: "🏙️ "; }
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid div:nth-child(2) strong::before { content: "🌐 "; }
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid div:nth-child(3) strong::before { content: "💾 "; }
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid div:nth-child(4) strong::before { content: "🤖 "; }
body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid div:nth-child(5) strong::before { content: "⚡ "; }

body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-section h2::before {
  content: "💿 ";
}

@media (prefers-reduced-motion: reduce) {
  body.cyber-palace-selected .member-area-layout.cyber-layout-active,
  body.cyber-palace-selected .palace-title-bar,
  body.cyber-palace-selected .member-sidebar,
  body.cyber-palace-selected .blinkies-sidebar-box,
  body.cyber-palace-selected #palace-view.profile-layout-cyber .scene-moving-title,
  body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-left,
  body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-right,
  body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-bio,
  body.cyber-palace-selected #palace-view.profile-layout-cyber .palace-info-grid div,
  body.cyber-palace-selected #palace-view.profile-layout-cyber .guestbook-section,
  body.cyber-palace-selected #palace-view.profile-layout-cyber .avatar-frame,
  body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit {
    animation: none !important;
  }
}

/* ==========================================================
   v31 Cyber Collectibles fixes
   - Keep title on one line
   - Give collectible area more room for stamps/blinkies
   ========================================================== */
body.cyber-palace-selected .member-area-layout.cyber-layout-active {
  grid-template-columns: 230px minmax(0, 1fr) !important;
}

body.cyber-palace-selected .blinkies-sidebar-box {
  min-height: 520px !important;
  padding: 12px !important;
}

body.cyber-palace-selected .blinkies-sidebar-box h2 {
  white-space: nowrap !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

body.cyber-palace-selected .blinkies-view {
  min-height: 420px !important;
  max-height: none !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

@media (max-width: 760px) {
  body.cyber-palace-selected .member-area-layout.cyber-layout-active {
    grid-template-columns: 1fr !important;
  }

  body.cyber-palace-selected .blinkies-sidebar-box h2 {
    white-space: normal !important;
  }
}

/* ==========================================================
   v32 All layout collectibles + Cyber edit music checkbox fix
   ========================================================== */

/* Give every profile layout more sidebar room so the My Collectibles title stays on one line. */
.member-area-layout,
body.scene-palace-selected .member-area-layout.scene-layout-active,
body.emo-palace-selected .member-area-layout.emo-layout-active,
body.cyber-palace-selected .member-area-layout.cyber-layout-active {
  grid-template-columns: 230px minmax(0, 1fr) !important;
}

/* Keep the collectibles title on one line across all layouts. */
.blinkies-sidebar-box h2,
body.scene-palace-selected .blinkies-sidebar-box h2,
body.emo-palace-selected .blinkies-sidebar-box h2,
body.cyber-palace-selected .blinkies-sidebar-box h2 {
  white-space: nowrap !important;
  line-height: 1.15 !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

/* Make the collectibles display box taller across every layout. */
.blinkies-sidebar-box,
body.scene-palace-selected .blinkies-sidebar-box,
body.emo-palace-selected .blinkies-sidebar-box,
body.cyber-palace-selected .blinkies-sidebar-box {
  min-height: 520px !important;
}

.blinkies-view,
body.scene-palace-selected .blinkies-view,
body.emo-palace-selected .blinkies-view,
body.cyber-palace-selected .blinkies-view {
  min-height: 420px !important;
  max-height: none !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
}

/* Cyber edit page: stop the music checkboxes from stretching across the form. */
body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .music-checkbox {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 10px 0 !important;
  text-align: left !important;
}

body.cyber-palace-selected #palace-edit.profile-layout-cyber-edit .music-checkbox input[type="checkbox"] {
  display: inline-block !important;
  width: auto !important;
  min-width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .member-area-layout,
  body.scene-palace-selected .member-area-layout.scene-layout-active,
  body.emo-palace-selected .member-area-layout.emo-layout-active,
  body.cyber-palace-selected .member-area-layout.cyber-layout-active {
    grid-template-columns: 1fr !important;
  }

  .blinkies-sidebar-box h2,
  body.scene-palace-selected .blinkies-sidebar-box h2,
  body.emo-palace-selected .blinkies-sidebar-box h2,
  body.cyber-palace-selected .blinkies-sidebar-box h2 {
    white-space: normal !important;
  }
}

/* ==========================================================
   v33 Member tabs follow the selected Palace layout
   - Profile Layouts / My Dolls / future Settings pages now use
     the same theme as the user's profile layout.
   ========================================================== */

body.scene-palace-selected .profile-layouts-card,
body.scene-palace-selected .dolls-card,
body.scene-palace-selected .layout-choice,
body.scene-palace-selected .doll-card,
body.scene-palace-selected .current-layout-box,
body.scene-palace-selected .dolls-empty {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 14px #00eaff !important;
  color: #fff !important;
}
body.scene-palace-selected .profile-layouts-card .palace-title-bar,
body.scene-palace-selected .dolls-card .palace-title-bar,
body.scene-palace-selected .layout-choice h2,
body.scene-palace-selected .doll-card h2 {
  background: rgba(255,0,204,.18) !important;
  border: 3px dashed #39ff14 !important;
  color: #39ff14 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
}
body.scene-palace-selected .layout-intro,
body.scene-palace-selected .current-layout-box,
body.scene-palace-selected .doll-card p {
  color: #fff !important;
}
body.scene-palace-selected .palace-button,
body.scene-palace-selected .doll-card-actions button,
body.scene-palace-selected .doll-card-actions a {
  background: linear-gradient(90deg, #ff00cc, #8a2be2) !important;
  border: 2px solid #00eaff !important;
  color: #fff !important;
  box-shadow: 0 0 10px #ff00cc !important;
}

body.emo-palace-selected .profile-layouts-card,
body.emo-palace-selected .dolls-card,
body.emo-palace-selected .layout-choice,
body.emo-palace-selected .doll-card,
body.emo-palace-selected .current-layout-box,
body.emo-palace-selected .dolls-empty {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 12px #ff1493 !important;
  color: #fff !important;
}
body.emo-palace-selected .profile-layouts-card .palace-title-bar,
body.emo-palace-selected .dolls-card .palace-title-bar,
body.emo-palace-selected .layout-choice h2,
body.emo-palace-selected .doll-card h2 {
  background: rgba(0,0,0,.88) !important;
  border: 3px dashed #ff8bd1 !important;
  color: #ffd6f0 !important;
  font-family: "Comic Sans MS", "Trebuchet MS", cursive !important;
  text-shadow: 0 0 8px #ff1493, 0 0 14px #fff !important;
}
body.emo-palace-selected .layout-intro,
body.emo-palace-selected .current-layout-box,
body.emo-palace-selected .doll-card p {
  color: #fff !important;
}
body.emo-palace-selected .palace-button,
body.emo-palace-selected .doll-card-actions button,
body.emo-palace-selected .doll-card-actions a {
  background: #ff69b4 !important;
  color: #000 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 8px #ff1493 !important;
}

body.cyber-palace-selected .profile-layouts-card,
body.cyber-palace-selected .dolls-card,
body.cyber-palace-selected .layout-choice,
body.cyber-palace-selected .doll-card,
body.cyber-palace-selected .current-layout-box,
body.cyber-palace-selected .dolls-empty {
  background: rgba(1,0,18,.88) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 12px #00eaff, inset 0 0 16px rgba(138,43,226,.35) !important;
  color: #fff !important;
  animation: cyberNeonPulse 3.5s ease-in-out infinite !important;
}
body.cyber-palace-selected .profile-layouts-card .palace-title-bar,
body.cyber-palace-selected .dolls-card .palace-title-bar,
body.cyber-palace-selected .layout-choice h2,
body.cyber-palace-selected .doll-card h2 {
  background: rgba(3,0,26,.9) !important;
  border: 2px solid #9a7cff !important;
  color: #c7f8ff !important;
  font-family: Orbitron, "Trebuchet MS", Verdana, Arial, sans-serif !important;
  text-shadow: 0 0 8px #00eaff, 0 0 14px #8a2be2 !important;
  box-shadow: 0 0 10px #00eaff !important;
}
body.cyber-palace-selected .layout-intro,
body.cyber-palace-selected .current-layout-box,
body.cyber-palace-selected .doll-card p {
  color: #eafbff !important;
}
body.cyber-palace-selected .palace-button,
body.cyber-palace-selected .doll-card-actions button,
body.cyber-palace-selected .doll-card-actions a {
  background: linear-gradient(135deg, #00eaff, #8a2be2) !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  box-shadow: 0 0 8px #00eaff, 0 0 14px #8a2be2 !important;
  text-shadow: 0 0 5px #000 !important;
}

@media (prefers-reduced-motion: reduce) {
  body.cyber-palace-selected .profile-layouts-card,
  body.cyber-palace-selected .dolls-card,
  body.cyber-palace-selected .layout-choice,
  body.cyber-palace-selected .doll-card,
  body.cyber-palace-selected .current-layout-box,
  body.cyber-palace-selected .dolls-empty {
    animation: none !important;
  }
}

/* =========================================================
   Settings Page
   ========================================================= */
.settings-card {
  max-width: 920px;
}

.settings-intro {
  background: rgba(255,255,255,.08);
  border: 1px dotted #8bd8ff;
  padding: 10px;
  margin: 0 0 14px;
  line-height: 1.5;
  font-weight: bold;
}

.settings-layout {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 14px;
  align-items: start;
}

.settings-tabs {
  background: #073b80;
  border: 1px solid #6fcaff;
  padding: 8px;
  position: sticky;
  top: 10px;
}

.settings-tabs a {
  display: block;
  color: #eaf7ff;
  text-decoration: none;
  font-weight: bold;
  background: #0b4fa6;
  border: 1px solid #59bfff;
  padding: 7px 8px;
  margin-bottom: 6px;
  box-shadow: inset 0 0 8px rgba(255,255,255,.12);
}

.settings-tabs a:hover {
  background: #2b8fe9;
  color: #fff;
}

.settings-section {
  background: #073b80;
  border: 1px solid #6fcaff;
  margin-bottom: 14px;
  padding: 12px;
}

.settings-section h2 {
  margin: 0 0 10px;
  background: linear-gradient(#2b8fe9, #08498e);
  border: 1px solid #9de0ff;
  color: #fff;
  padding: 7px;
  text-align: center;
  font-size: 15px;
  text-shadow: 1px 1px #00244a;
}

.settings-form {
  background: rgba(255,255,255,.06);
  border: 1px dotted #8bd8ff;
  padding: 10px;
  margin-bottom: 12px;
}

.settings-form label {
  display: block;
  font-weight: bold;
  margin: 9px 0;
}

.settings-form input[type="text"],
.settings-form input[type="email"],
.settings-form input[type="password"],
.settings-form textarea {
  display: block;
  width: 100%;
  margin-top: 5px;
  padding: 7px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: 1px solid #6fcaff;
  background: #eef8ff;
  color: #001d3f;
}

.settings-form input[readonly],
.settings-form textarea[readonly] {
  opacity: .85;
}

.settings-form input[type="range"] {
  display: block;
  width: 100%;
  margin-top: 8px;
}

.settings-form fieldset {
  border: 1px solid #6fcaff;
  margin: 10px 0;
  padding: 8px;
  background: rgba(0,0,0,.12);
}

.settings-form legend {
  padding: 0 6px;
  color: #fff;
  font-weight: bold;
}

.settings-check {
  display: flex !important;
  gap: 8px;
  align-items: center;
  font-weight: bold;
  margin: 7px 0 !important;
}

.settings-check input {
  width: auto;
  margin: 0;
}

.settings-note {
  color: #dff5ff;
  font-size: 11px;
  line-height: 1.45;
  margin: 7px 0;
}

.current-layout-box,
.plan-card,
.login-activity-box,
.blocked-empty {
  background: #063b7b;
  border: 1px solid #59bfff;
  padding: 10px;
  margin: 10px 0;
}

.current-layout-box .palace-button {
  display: inline-block;
  text-decoration: none;
  margin-left: 8px;
}

.plan-card span,
.plan-card strong {
  display: block;
}

.plan-card strong {
  font-size: 18px;
  margin-top: 4px;
  color: #fff;
}

.vip-pill {
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  background: #ffe96b;
  color: #2d1b00;
  border: 1px solid #fff3a8;
  border-radius: 999px;
  padding: 4px 7px;
  vertical-align: middle;
  text-shadow: none;
}

.developer-mode-box textarea {
  min-height: 160px;
  font-family: "Courier New", monospace;
}

.developer-feature-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 10px 0;
}

.developer-feature-grid span {
  background: #063b7b;
  border: 1px solid #59bfff;
  padding: 7px;
  font-weight: bold;
}

.danger-section {
  border-color: #ff9aa7;
}

.danger-button {
  background: #9b1026 !important;
  border-color: #ffb0bb !important;
}

/* Settings inherits member layout themes */
.scene-layout-active .settings-section,
.scene-layout-active .settings-tabs,
.scene-layout-active .settings-form,
.scene-layout-active .current-layout-box,
.scene-layout-active .plan-card,
.scene-layout-active .login-activity-box,
.scene-layout-active .blocked-empty,
.scene-layout-active .developer-feature-grid span {
  border-color: #ff8ed7;
}

.emo-layout-active .settings-section,
.emo-layout-active .settings-tabs,
.emo-layout-active .settings-form,
.emo-layout-active .current-layout-box,
.emo-layout-active .plan-card,
.emo-layout-active .login-activity-box,
.emo-layout-active .blocked-empty,
.emo-layout-active .developer-feature-grid span {
  border-color: #ff4fa3;
}

.cyber-layout-active .settings-section,
.cyber-layout-active .settings-tabs,
.cyber-layout-active .settings-form,
.cyber-layout-active .current-layout-box,
.cyber-layout-active .plan-card,
.cyber-layout-active .login-activity-box,
.cyber-layout-active .blocked-empty,
.cyber-layout-active .developer-feature-grid span {
  border-color: #00eaff;
  box-shadow: 0 0 10px rgba(0,234,255,.24);
}

.cyber-layout-active .settings-tabs a,
.cyber-layout-active .settings-section h2 {
  text-shadow: 0 0 8px rgba(0,234,255,.85);
}

@media (max-width: 860px) {
  .settings-layout,
  .developer-feature-grid {
    grid-template-columns: 1fr;
  }

  .settings-tabs {
    position: static;
  }
}

/* =========================================================
   Settings Page v35: real tabs + full layout theme styling
   ========================================================= */
.settings-card {
  max-width: 920px;
}

.settings-layout {
  display: block !important;
}

.settings-tabs {
  position: static !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 12px;
  background: rgba(7, 59, 128, .85);
}

.settings-tabs a {
  margin-bottom: 0 !important;
  text-align: center;
}

.settings-tabs a.active-settings-tab {
  background: linear-gradient(#ff86d8, #ff4fbf) !important;
  border-color: #ffd2f4 !important;
  color: #fff !important;
  text-shadow: 1px 1px #4a0038 !important;
}

.settings-sections {
  min-height: 500px;
}

.settings-section {
  display: none !important;
  margin-bottom: 0 !important;
}

.settings-section.active-settings-section {
  display: block !important;
}

/* Scene settings */
body.scene-palace-selected .member-content.scene-layout-active .settings-card,
body.scene-palace-selected .member-content.scene-layout-active .settings-tabs,
body.scene-palace-selected .member-content.scene-layout-active .settings-section,
body.scene-palace-selected .member-content.scene-layout-active .settings-form,
body.scene-palace-selected .member-content.scene-layout-active .current-layout-box,
body.scene-palace-selected .member-content.scene-layout-active .plan-card,
body.scene-palace-selected .member-content.scene-layout-active .login-activity-box,
body.scene-palace-selected .member-content.scene-layout-active .blocked-empty,
body.scene-palace-selected .member-content.scene-layout-active .developer-feature-grid span {
  background-color: rgba(15, 10, 35, .92) !important;
  border-color: #ff8ed7 !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(255, 105, 220, .25) !important;
}

body.scene-palace-selected .member-content.scene-layout-active .palace-title-bar,
body.scene-palace-selected .member-content.scene-layout-active .settings-section h2,
body.scene-palace-selected .member-content.scene-layout-active .settings-tabs a {
  background: linear-gradient(#ff77d8, #8124aa) !important;
  border-color: #ffd2f4 !important;
  color: #fff !important;
  text-shadow: 1px 1px #3b0032 !important;
}

/* Emo settings */
body.emo-palace-selected .member-content.emo-layout-active .settings-card,
body.emo-palace-selected .member-content.emo-layout-active .settings-tabs,
body.emo-palace-selected .member-content.emo-layout-active .settings-section,
body.emo-palace-selected .member-content.emo-layout-active .settings-form,
body.emo-palace-selected .member-content.emo-layout-active .current-layout-box,
body.emo-palace-selected .member-content.emo-layout-active .plan-card,
body.emo-palace-selected .member-content.emo-layout-active .login-activity-box,
body.emo-palace-selected .member-content.emo-layout-active .blocked-empty,
body.emo-palace-selected .member-content.emo-layout-active .developer-feature-grid span {
  background-color: rgba(18, 9, 18, .94) !important;
  border-color: #ff9bd8 !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(255, 79, 163, .28) !important;
}

body.emo-palace-selected .member-content.emo-layout-active .settings-intro {
  background: rgba(22, 10, 22, .9) !important;
  border-color: #ff9bd8 !important;
  color: #fff !important;
}

body.emo-palace-selected .member-content.emo-layout-active .palace-title-bar,
body.emo-palace-selected .member-content.emo-layout-active .settings-section h2,
body.emo-palace-selected .member-content.emo-layout-active .settings-tabs a {
  background: linear-gradient(#ff72c7, #3b1533) !important;
  border-color: #ffc3e9 !important;
  color: #fff !important;
  text-shadow: 1px 1px #210017 !important;
}

body.emo-palace-selected .member-content.emo-layout-active .settings-tabs a.active-settings-tab {
  background: linear-gradient(#ff9bd8, #ff4fa3) !important;
  color: #210017 !important;
  text-shadow: 1px 1px rgba(255,255,255,.45) !important;
}

body.emo-palace-selected .member-content.emo-layout-active .settings-form input[type="text"],
body.emo-palace-selected .member-content.emo-layout-active .settings-form input[type="email"],
body.emo-palace-selected .member-content.emo-layout-active .settings-form input[type="password"],
body.emo-palace-selected .member-content.emo-layout-active .settings-form textarea {
  background: #1b101c !important;
  color: #fff !important;
  border-color: #ff9bd8 !important;
}

/* Cyber settings */
body.cyber-palace-selected .member-content.cyber-layout-active .settings-card,
body.cyber-palace-selected .member-content.cyber-layout-active .settings-tabs,
body.cyber-palace-selected .member-content.cyber-layout-active .settings-section,
body.cyber-palace-selected .member-content.cyber-layout-active .settings-form,
body.cyber-palace-selected .member-content.cyber-layout-active .current-layout-box,
body.cyber-palace-selected .member-content.cyber-layout-active .plan-card,
body.cyber-palace-selected .member-content.cyber-layout-active .login-activity-box,
body.cyber-palace-selected .member-content.cyber-layout-active .blocked-empty,
body.cyber-palace-selected .member-content.cyber-layout-active .developer-feature-grid span {
  background-color: rgba(3, 18, 35, .94) !important;
  border-color: #00eaff !important;
  color: #ecfbff !important;
  box-shadow: 0 0 13px rgba(0, 234, 255, .30) !important;
}

body.cyber-palace-selected .member-content.cyber-layout-active .settings-intro {
  background: rgba(3, 18, 35, .92) !important;
  border-color: #00eaff !important;
  color: #ecfbff !important;
}

body.cyber-palace-selected .member-content.cyber-layout-active .palace-title-bar,
body.cyber-palace-selected .member-content.cyber-layout-active .settings-section h2,
body.cyber-palace-selected .member-content.cyber-layout-active .settings-tabs a {
  background: linear-gradient(#0adfff, #073b80) !important;
  border-color: #9df8ff !important;
  color: #fff !important;
  text-shadow: 0 0 8px #00eaff, 1px 1px #001a30 !important;
}

body.cyber-palace-selected .member-content.cyber-layout-active .settings-tabs a.active-settings-tab {
  background: linear-gradient(#8a2be2, #00eaff) !important;
}

@media (max-width: 860px) {
  .settings-tabs {
    grid-template-columns: 1fr !important;
  }
}

/* Real blocked users settings */
.settings-mini-title {
  margin: 0 0 8px;
  color: #fff;
  font-size: 13px;
  text-shadow: 1px 1px #00244a;
}

.blocked-results {
  background: #063b7b;
  border: 1px solid #59bfff;
  padding: 10px;
  margin: 8px 0;
  min-height: 42px;
  font-size: 12px;
}

.blocked-user-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border: 1px dotted #8bd8ff;
  background: rgba(0,0,0,.18);
  padding: 8px;
  margin: 6px 0;
}

.blocked-user-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.blocked-user-name {
  font-weight: bold;
  color: #fff;
}

.blocked-user-sub {
  font-size: 11px;
  color: #dff5ff;
  word-break: break-word;
}

.blocked-user-row .palace-button {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.scene-palace-selected .member-content.scene-layout-active .blocked-results,
body.scene-palace-selected .member-content.scene-layout-active .blocked-user-row {
  background: rgba(20, 0, 18, .88);
  border-color: #ff9be7;
}

body.emo-palace-selected .member-content.emo-layout-active .blocked-results,
body.emo-palace-selected .member-content.emo-layout-active .blocked-user-row {
  background: rgba(10, 0, 8, .92);
  border-color: #ff9bd9;
}

body.cyber-palace-selected .member-content.cyber-layout-active .blocked-results,
body.cyber-palace-selected .member-content.cyber-layout-active .blocked-user-row {
  background: rgba(0, 8, 22, .92);
  border-color: #4beaff;
}

/* ==========================================================
   Friends page
   ========================================================== */
.friends-card .friends-intro {
  background: #073b80;
  border: 1px dotted #8bd8ff;
  padding: 10px;
  line-height: 1.5;
  font-weight: bold;
}

.friends-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 12px 0 14px;
}

.friends-tabs a {
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  background: linear-gradient(#2b8fe9, #08498e);
  border: 1px solid #9de0ff;
  padding: 9px 6px;
  text-shadow: 1px 1px #00244a;
}

.friends-tabs a:hover,
.friends-tabs a.active-friends-tab {
  background: linear-gradient(#ff8bd3, #b02f8c);
  border-color: #ffd5f2;
}

.friends-section { display: none; }
.friends-section.active-friends-section { display: block; }

.friends-section h2 {
  background: linear-gradient(#2b8fe9, #08498e);
  border: 1px solid #9de0ff;
  color: #fff;
  text-align: center;
  margin: 0 0 10px;
  padding: 8px;
  text-shadow: 1px 1px #00244a;
}

.friends-list-box,
.friends-results {
  background: #063b7b;
  border: 1px solid #59bfff;
  padding: 10px;
  margin-top: 10px;
}

.friends-list-box h3 {
  margin: 0 0 8px;
  color: #fff;
}

.friend-user-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  background: #052f66;
  border: 1px solid #8bd8ff;
  padding: 10px;
  margin: 8px 0;
}

.friend-user-name {
  font-weight: bold;
  color: #fff;
}

.friend-user-sub {
  color: #dff5ff;
  font-size: 11px;
  margin-top: 3px;
}

.friend-user-actions {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.friend-user-actions .palace-button {
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
}

.friends-empty {
  border: 1px dashed #9de0ff;
  padding: 12px;
  text-align: center;
  font-weight: bold;
}

body.scene-palace-selected .member-content.scene-layout-active .friends-card,
body.scene-palace-selected .member-content.scene-layout-active .friends-intro,
body.scene-palace-selected .member-content.scene-layout-active .friends-list-box,
body.scene-palace-selected .member-content.scene-layout-active .friends-results,
body.scene-palace-selected .member-content.scene-layout-active .friend-user-row {
  background: rgba(0,0,0,.86) !important;
  border-color: #ff9be8 !important;
  color: #fff !important;
}

body.scene-palace-selected .member-content.scene-layout-active .friends-tabs a,
body.scene-palace-selected .member-content.scene-layout-active .friends-section h2 {
  background: linear-gradient(#ff8bd3, #c94eb2) !important;
  border-color: #ffd5f2 !important;
  color: #fff !important;
}

body.emo-palace-selected .member-content.emo-layout-active .friends-card,
body.emo-palace-selected .member-content.emo-layout-active .friends-intro,
body.emo-palace-selected .member-content.emo-layout-active .friends-list-box,
body.emo-palace-selected .member-content.emo-layout-active .friends-results,
body.emo-palace-selected .member-content.emo-layout-active .friend-user-row {
  background: rgba(5,5,8,.9) !important;
  border-color: #ff9adf !important;
  color: #fff !important;
}

body.emo-palace-selected .member-content.emo-layout-active .friends-tabs a,
body.emo-palace-selected .member-content.emo-layout-active .friends-section h2 {
  background: linear-gradient(#ff9adf, #231123) !important;
  border-color: #ffd1ef !important;
  color: #fff !important;
}

body.cyber-palace-selected .member-content.cyber-layout-active .friends-card,
body.cyber-palace-selected .member-content.cyber-layout-active .friends-intro,
body.cyber-palace-selected .member-content.cyber-layout-active .friends-list-box,
body.cyber-palace-selected .member-content.cyber-layout-active .friends-results,
body.cyber-palace-selected .member-content.cyber-layout-active .friend-user-row {
  background: rgba(0,10,22,.9) !important;
  border-color: #00eaff !important;
  box-shadow: 0 0 10px rgba(0,234,255,.4) !important;
  color: #eaffff !important;
}

body.cyber-palace-selected .member-content.cyber-layout-active .friends-tabs a,
body.cyber-palace-selected .member-content.cyber-layout-active .friends-section h2 {
  background: linear-gradient(#063859, #020914) !important;
  border-color: #00eaff !important;
  color: #eaffff !important;
  text-shadow: 0 0 8px #00eaff !important;
}

@media (max-width: 760px) {
  .friends-tabs { grid-template-columns: 1fr 1fr; }
  .friend-user-row { grid-template-columns: 1fr; }
  .friend-user-actions { justify-content: flex-start; }
}


/* v50 Fresh Lover - Taylor Swift layout
   Uses local assets:
   assets/layouts/lover/background.gif
   assets/layouts/lover/2ndbackg.gif
   Built fresh so there are no default blue/black boxes. */
:root {
  --lover-pink: #ffd7ea;
  --lover-pink-strong: #f5a9cf;
  --lover-blue: #9fd8ff;
  --lover-lavender: #d8c5ff;
  --lover-mint: #c8fff0;
  --lover-cream: #fff9fd;
  --lover-ink: #6f5077;
  --lover-border: #f4b7d7;
  --lover-shadow: rgba(244, 169, 207, .45);
}

.lover-mini-preview {
  background:
    linear-gradient(rgba(255,255,255,.48), rgba(255,255,255,.60)),
    url('../assets/layouts/lover/2ndbackg.gif') center/cover !important;
  border-color: var(--lover-border) !important;
}
.lover-mini-preview .mini-title,
.lover-mini-preview .mini-box {
  background: rgba(255, 249, 253, .88) !important;
  color: var(--lover-ink) !important;
  border-color: var(--lover-border) !important;
  box-shadow: 0 0 12px var(--lover-shadow) !important;
}

/* Whole page background for member pages and public profile */
body.lover-palace-selected {
  background:
    linear-gradient(rgba(255, 240, 248, .38), rgba(240, 250, 255, .28)),
    url('../assets/layouts/lover/background.gif') center center / cover fixed !important;
  color: var(--lover-ink) !important;
}

body.lover-palace-selected .top-strip,
body.lover-palace-selected .footer {
  background: rgba(255, 245, 252, .86) !important;
  color: var(--lover-ink) !important;
  border-color: var(--lover-border) !important;
  box-shadow: 0 0 14px var(--lover-shadow) !important;
}

body.lover-palace-selected .site-shell,
body.lover-palace-selected .main-panel.palace-main,
body.lover-palace-selected .member-area-layout,
body.lover-palace-selected .member-content,
body.lover-palace-selected .public-profile-shell {
  background:
    linear-gradient(rgba(255,255,255,.50), rgba(255,244,250,.58)),
    url('../assets/layouts/lover/2ndbackg.gif') center center / cover !important;
  border-color: var(--lover-border) !important;
  box-shadow: 0 0 22px rgba(159, 216, 255, .30), 0 0 24px var(--lover-shadow) !important;
}

body.lover-palace-selected .header {
  border: 3px solid var(--lover-blue) !important;
  background: rgba(255, 249, 253, .78) !important;
  box-shadow: 0 0 18px rgba(159, 216, 255, .38), 0 0 18px var(--lover-shadow) !important;
}
body.lover-palace-selected .header .tagline,
body.lover-palace-selected .main-menu a {
  color: var(--lover-ink) !important;
  text-shadow: 0 0 8px white !important;
}

/* Universal panels: remove default blue/black everywhere in Lover */
body.lover-palace-selected .member-sidebar,
body.lover-palace-selected .palace-card,
body.lover-palace-selected .profile-layouts-card,
body.lover-palace-selected .layout-choice,
body.lover-palace-selected .current-layout-box,
body.lover-palace-selected .settings-panel,
body.lover-palace-selected .settings-card,
body.lover-palace-selected .friends-section,
body.lover-palace-selected .doll-card,
body.lover-palace-selected .collection-panel,
body.lover-palace-selected .collectibles-panel,
body.lover-palace-selected .blinkies-sidebar-box,
body.lover-palace-selected .blinkies-view,
body.lover-palace-selected .profile-music-box,
body.lover-palace-selected .now-playing-strip,
body.lover-palace-selected .palace-title-bar,
body.lover-palace-selected .palace-left,
body.lover-palace-selected .palace-right,
body.lover-palace-selected .avatar-frame,
body.lover-palace-selected .palace-bio,
body.lover-palace-selected .palace-info-grid div,
body.lover-palace-selected .guestbook-section,
body.lover-palace-selected .guestbook-comment,
body.lover-palace-selected .guestbook-empty,
body.lover-palace-selected .palace-locked-field,
body.lover-palace-selected .palace-upload-box,
body.lover-palace-selected .palace-upload-preview,
body.lover-palace-selected fieldset,
body.lover-palace-selected legend {
  background: rgba(255, 249, 253, .86) !important;
  color: var(--lover-ink) !important;
  border: 2px solid var(--lover-border) !important;
  box-shadow: 0 0 12px var(--lover-shadow), inset 0 0 10px rgba(255,255,255,.50) !important;
}

body.lover-palace-selected .palace-card,
body.lover-palace-selected #palace-view.profile-layout-lover,
body.lover-palace-selected #palace-edit.profile-layout-lover-edit {
  background:
    linear-gradient(rgba(255,255,255,.44), rgba(255,244,252,.58)),
    url('../assets/layouts/lover/2ndbackg.gif') center/cover !important;
  border: 3px solid var(--lover-border) !important;
}

body.lover-palace-selected .palace-layout,
body.lover-palace-selected .public-palace-layout {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Nav / buttons */
body.lover-palace-selected .member-nav-link,
body.lover-palace-selected .palace-button,
body.lover-palace-selected button,
body.lover-palace-selected .settings-tab,
body.lover-palace-selected .friends-tab,
body.lover-palace-selected .now-playing-button {
  background: linear-gradient(135deg, #fff9fd, #ffd7ea 48%, #dff4ff) !important;
  color: var(--lover-ink) !important;
  border: 2px solid var(--lover-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 10px var(--lover-shadow) !important;
  text-shadow: 0 0 6px rgba(255,255,255,.9) !important;
}
body.lover-palace-selected .member-nav-link:hover,
body.lover-palace-selected .member-nav-link.active,
body.lover-palace-selected .palace-button:hover,
body.lover-palace-selected button:hover,
body.lover-palace-selected .settings-tab.active,
body.lover-palace-selected .friends-tab.active {
  background: linear-gradient(135deg, #ffd7ea, #d8c5ff, #9fd8ff) !important;
  color: #fff !important;
  text-shadow: 0 0 8px var(--lover-ink) !important;
}

/* Forms: remove default navy upload boxes */
body.lover-palace-selected input,
body.lover-palace-selected textarea,
body.lover-palace-selected select,
body.lover-palace-selected .palace-form input,
body.lover-palace-selected .palace-form textarea,
body.lover-palace-selected .palace-form select,
body.lover-palace-selected .palace-locked-field strong {
  background: rgba(255,255,255,.88) !important;
  color: var(--lover-ink) !important;
  border: 2px solid #f7c8df !important;
  box-shadow: inset 0 0 8px rgba(244, 183, 215, .28) !important;
}
body.lover-palace-selected label,
body.lover-palace-selected strong,
body.lover-palace-selected h1,
body.lover-palace-selected h2,
body.lover-palace-selected h3,
body.lover-palace-selected legend,
body.lover-palace-selected small,
body.lover-palace-selected p,
body.lover-palace-selected span {
  color: var(--lover-ink) !important;
}

/* Moving Lover welcome title */
body.lover-palace-selected .scene-moving-title {
  overflow: hidden !important;
  white-space: nowrap !important;
  background: rgba(255, 249, 253, .84) !important;
  border: 2px solid var(--lover-border) !important;
  box-shadow: 0 0 16px var(--lover-shadow), inset 0 0 12px rgba(255,255,255,.60) !important;
}
body.lover-palace-selected .scene-moving-title span {
  display: inline-block !important;
  min-width: 100% !important;
  color: #b96aa0 !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-shadow: 0 0 8px white, 0 0 12px #f5a9cf, 0 0 14px #9fd8ff !important;
  animation: loverWelcomeFloat 4.5s ease-in-out infinite alternate, loverGlowPulse 1.8s ease-in-out infinite alternate !important;
}
body.lover-palace-selected #palace-view.profile-layout-lover .scene-moving-title span::before,
body.lover-palace-selected #palace-edit.profile-layout-lover-edit .scene-moving-title span::before {
  content: "" !important;
}

@keyframes loverWelcomeFloat {
  from { transform: translateX(-3%) scale(1); }
  to { transform: translateX(3%) scale(1.02); }
}
@keyframes loverGlowPulse {
  from { filter: drop-shadow(0 0 4px #f5a9cf); }
  to { filter: drop-shadow(0 0 12px #9fd8ff); }
}

/* Image styling */
body.lover-palace-selected .avatar-frame img,
body.lover-palace-selected .blinkies-view img,
body.lover-palace-selected .profile-music-player img {
  border-color: var(--lover-pink-strong) !important;
  box-shadow: 0 0 14px var(--lover-shadow) !important;
}

/* Guestbook header/form should be pastel, never blue */
body.lover-palace-selected .guestbook-section h2,
body.lover-palace-selected .profile-music-box h2,
body.lover-palace-selected .settings-section-title,
body.lover-palace-selected .friends-section h2 {
  background: linear-gradient(135deg, #fff9fd, #ffd7ea, #dff4ff) !important;
  color: var(--lover-ink) !important;
  border: 2px solid var(--lover-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 0 10px var(--lover-shadow) !important;
}

@media (max-width: 800px) {
  body.lover-palace-selected .palace-layout,
  body.lover-palace-selected .public-palace-layout {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   v51 Lover Taylor Swift final cleanup
   Force Lover to beat the default non-scene blue guestbook,
   default blue collectibles header, and navy upload boxes.
   ========================================================== */
body.lover-palace-selected #palace-view.profile-layout-lover .scene-moving-title,
body.lover-palace-selected #palace-edit.profile-layout-lover-edit .scene-moving-title,
body.lover-palace-selected .public-palace-card.profile-layout-lover .scene-moving-title {
  display: block !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-align: center !important;
  background: rgba(255, 250, 253, .90) !important;
  border: 2px solid #f3b7d7 !important;
  border-radius: 16px !important;
  box-shadow: 0 0 16px rgba(245, 169, 207, .55), inset 0 0 12px rgba(255,255,255,.70) !important;
}
body.lover-palace-selected #palace-view.profile-layout-lover .scene-moving-title span,
body.lover-palace-selected #palace-edit.profile-layout-lover-edit .scene-moving-title span,
body.lover-palace-selected .public-palace-card.profile-layout-lover .scene-moving-title span {
  display: inline-block !important;
  min-width: 100% !important;
  color: #a966a2 !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(24px, 3vw, 38px) !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-shadow: 0 0 8px #fff, 0 0 14px #f6b6d8, 0 0 16px #9fd8ff !important;
  animation: loverTitleDrift 5s ease-in-out infinite alternate, loverTitleGlow 1.9s ease-in-out infinite alternate !important;
}
@keyframes loverTitleDrift {
  from { transform: translateX(-7%) scale(1); }
  to { transform: translateX(7%) scale(1.025); }
}
@keyframes loverTitleGlow {
  from { filter: drop-shadow(0 0 4px #f5a9cf); }
  to { filter: drop-shadow(0 0 13px #9fd8ff); }
}

/* Lover guestbook: no blue, no black. This beats #palace-view default rules. */
body.lover-palace-selected #palace-view.profile-layout-lover #guestbook-section,
body.lover-palace-selected #palace-view.profile-layout-lover .guestbook-section,
body.lover-palace-selected .public-palace-card.profile-layout-lover .guestbook-section {
  display: block !important;
  background: rgba(255, 249, 253, .90) !important;
  color: #6f5077 !important;
  border: 2px solid #f4b7d7 !important;
  border-radius: 18px !important;
  box-shadow: 0 0 14px rgba(244, 169, 207, .45), inset 0 0 10px rgba(255,255,255,.65) !important;
  padding: 12px !important;
}
body.lover-palace-selected #palace-view.profile-layout-lover #guestbook-section h2,
body.lover-palace-selected #palace-view.profile-layout-lover .guestbook-section h2,
body.lover-palace-selected .public-palace-card.profile-layout-lover .guestbook-section h2 {
  background: linear-gradient(135deg, #fff9fd, #ffd7ea 48%, #dff4ff) !important;
  color: #8e5c91 !important;
  border: 2px solid #f4b7d7 !important;
  border-radius: 14px !important;
  text-align: center !important;
  text-shadow: 0 0 7px #fff !important;
  box-shadow: 0 0 10px rgba(244, 169, 207, .45) !important;
  padding: 8px !important;
}
body.lover-palace-selected #palace-view.profile-layout-lover .guestbook-comment,
body.lover-palace-selected #palace-view.profile-layout-lover .guestbook-empty,
body.lover-palace-selected .public-palace-card.profile-layout-lover .guestbook-comment,
body.lover-palace-selected .public-palace-card.profile-layout-lover .guestbook-empty {
  background: rgba(255,255,255,.82) !important;
  color: #6f5077 !important;
  border: 2px solid #f4c5d7 !important;
  box-shadow: inset 0 0 8px rgba(244, 183, 215, .24) !important;
}
body.lover-palace-selected #palace-view.profile-layout-lover .guestbook-form,
body.lover-palace-selected .public-palace-card.profile-layout-lover .guestbook-form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
body.lover-palace-selected #palace-view.profile-layout-lover .guestbook-form textarea,
body.lover-palace-selected .public-palace-card.profile-layout-lover .guestbook-form textarea {
  background: rgba(255,255,255,.88) !important;
  color: #6f5077 !important;
  border: 2px solid #f7c8df !important;
}

/* Lover collectibles/sidebar: no default blue title */
body.lover-palace-selected #blinkies-sidebar-box.blinkies-sidebar-box {
  display: block !important;
  background: rgba(255, 249, 253, .88) !important;
  color: #6f5077 !important;
  border: 2px solid #f4b7d7 !important;
  border-radius: 18px !important;
  box-shadow: 0 0 14px rgba(244, 169, 207, .45), inset 0 0 12px rgba(255,255,255,.65) !important;
}
body.lover-palace-selected #blinkies-sidebar-box.blinkies-sidebar-box h2 {
  background: linear-gradient(135deg, #fff9fd, #ffd7ea, #dff4ff) !important;
  color: #8e5c91 !important;
  border: 2px solid #f4b7d7 !important;
  border-radius: 14px !important;
  text-shadow: 0 0 7px #fff !important;
  box-shadow: 0 0 10px rgba(244, 169, 207, .45) !important;
}
body.lover-palace-selected #blinkies-view.blinkies-view,
body.lover-palace-selected .blinkies-empty {
  background: rgba(255,255,255,.55) !important;
  color: #6f5077 !important;
  border-color: #f4c5d7 !important;
}

/* Lover edit/profile upload + music: remove navy/blue defaults */
body.lover-palace-selected #palace-edit.profile-layout-lover-edit,
body.lover-palace-selected #palace-edit.profile-layout-lover-edit .palace-upload-box,
body.lover-palace-selected #palace-edit.profile-layout-lover-edit .palace-upload-preview,
body.lover-palace-selected #palace-edit.profile-layout-lover-edit .palace-locked-field,
body.lover-palace-selected #palace-edit.profile-layout-lover-edit fieldset,
body.lover-palace-selected #palace-view.profile-layout-lover .profile-music-box,
body.lover-palace-selected #palace-view.profile-layout-lover .now-playing-strip,
body.lover-palace-selected .public-palace-card.profile-layout-lover .profile-music-box,
body.lover-palace-selected .public-palace-card.profile-layout-lover .public-profile-music {
  background: rgba(255, 249, 253, .88) !important;
  color: #6f5077 !important;
  border: 2px solid #f4b7d7 !important;
  box-shadow: 0 0 14px rgba(244, 169, 207, .45), inset 0 0 10px rgba(255,255,255,.60) !important;
}
body.lover-palace-selected #palace-edit.profile-layout-lover-edit .palace-title-bar,
body.lover-palace-selected #palace-view.profile-layout-lover .palace-title-bar,
body.lover-palace-selected #palace-view.profile-layout-lover .profile-music-box h2,
body.lover-palace-selected .public-palace-card.profile-layout-lover .profile-music-box h2 {
  background: linear-gradient(135deg, #fff9fd, #ffd7ea, #dff4ff) !important;
  color: #8e5c91 !important;
  border: 2px solid #f4b7d7 !important;
  box-shadow: 0 0 10px rgba(244, 169, 207, .45) !important;
}

/* ==========================================================
   v52 Lover full member-page cleanup
   This is intentionally LAST so Lover beats every older blue
   Doll Palace rule on Friends, Layouts, My Dolls, and Settings.
   ========================================================== */
body.lover-palace-selected {
  --lover-panel-bg: rgba(255, 249, 253, .90);
  --lover-panel-bg-strong: rgba(255, 245, 252, .96);
  --lover-tab-bg: linear-gradient(135deg, #fff9fd 0%, #ffe0ee 52%, #e7f6ff 100%);
  --lover-tab-active: linear-gradient(135deg, #ffd2e8 0%, #e7d7ff 55%, #bde8ff 100%);
  --lover-text: #6f5077;
  --lover-border-final: #f3bad8;
}

body.lover-palace-selected .palace-main,
body.lover-palace-selected .member-area-layout,
body.lover-palace-selected .member-content,
body.lover-palace-selected .palace-card,
body.lover-palace-selected .friends-card,
body.lover-palace-selected .settings-card,
body.lover-palace-selected .profile-layouts-card,
body.lover-palace-selected .dolls-card,
body.lover-palace-selected .layout-choice,
body.lover-palace-selected .current-layout-box,
body.lover-palace-selected .settings-section,
body.lover-palace-selected .settings-form,
body.lover-palace-selected .friends-section,
body.lover-palace-selected .friends-list-box,
body.lover-palace-selected .friends-results,
body.lover-palace-selected .friend-user-row,
body.lover-palace-selected .my-dolls-empty,
body.lover-palace-selected .my-dolls-grid,
body.lover-palace-selected .saved-dolls-section,
body.lover-palace-selected .saved-doll-card,
body.lover-palace-selected .login-activity-box,
body.lover-palace-selected .plan-card,
body.lover-palace-selected .developer-mode-box,
body.lover-palace-selected .developer-feature,
body.lover-palace-selected .blocked-results,
body.lover-palace-selected .danger-section,
body.lover-palace-selected .guestbook-section,
body.lover-palace-selected .guestbook-comment,
body.lover-palace-selected .guestbook-empty,
body.lover-palace-selected .guestbook-form,
body.lover-palace-selected .profile-music-box,
body.lover-palace-selected .now-playing-strip,
body.lover-palace-selected .palace-upload-box,
body.lover-palace-selected .palace-upload-preview,
body.lover-palace-selected .palace-locked-field,
body.lover-palace-selected fieldset {
  background: var(--lover-panel-bg) !important;
  background-image: none !important;
  color: var(--lover-text) !important;
  border-color: var(--lover-border-final) !important;
  box-shadow: 0 0 12px rgba(244, 169, 207, .28), inset 0 0 10px rgba(255,255,255,.55) !important;
}

/* Headers and blue bars across every tab */
body.lover-palace-selected .palace-title-bar,
body.lover-palace-selected .layout-intro,
body.lover-palace-selected .settings-intro,
body.lover-palace-selected .friends-intro,
body.lover-palace-selected .my-dolls-intro,
body.lover-palace-selected .settings-tabs,
body.lover-palace-selected .friends-tabs,
body.lover-palace-selected .settings-section h2,
body.lover-palace-selected .settings-mini-title,
body.lover-palace-selected .friends-section h2,
body.lover-palace-selected .friends-list-box h3,
body.lover-palace-selected .guestbook-section h2,
body.lover-palace-selected .profile-music-box h2,
body.lover-palace-selected #blinkies-sidebar-box h2,
body.lover-palace-selected .saved-dolls-header,
body.lover-palace-selected .my-dolls-empty h2 {
  background: var(--lover-tab-bg) !important;
  background-image: var(--lover-tab-bg) !important;
  color: var(--lover-text) !important;
  border: 2px solid var(--lover-border-final) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 10px rgba(244, 169, 207, .34) !important;
  text-shadow: 0 0 7px rgba(255,255,255,.9) !important;
}

body.lover-palace-selected .settings-tabs a,
body.lover-palace-selected .friends-tabs a,
body.lover-palace-selected .palace-button,
body.lover-palace-selected button,
body.lover-palace-selected input[type="button"],
body.lover-palace-selected input[type="submit"],
body.lover-palace-selected .member-nav-link,
body.lover-palace-selected .now-playing-button,
body.lover-palace-selected .friend-user-actions a,
body.lover-palace-selected .friend-user-actions button {
  background: var(--lover-tab-bg) !important;
  background-image: var(--lover-tab-bg) !important;
  color: var(--lover-text) !important;
  border: 2px solid var(--lover-border-final) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 10px rgba(244, 169, 207, .30) !important;
  text-shadow: 0 0 6px rgba(255,255,255,.9) !important;
}

body.lover-palace-selected .settings-tabs a.active-settings-tab,
body.lover-palace-selected .friends-tabs a.active-friends-tab,
body.lover-palace-selected .settings-tabs a:hover,
body.lover-palace-selected .friends-tabs a:hover,
body.lover-palace-selected .member-nav-link.active,
body.lover-palace-selected .member-nav-link:hover,
body.lover-palace-selected .palace-button:hover,
body.lover-palace-selected button:hover {
  background: var(--lover-tab-active) !important;
  background-image: var(--lover-tab-active) !important;
  color: var(--lover-text) !important;
}

/* Kill every remaining navy/blue block inside Lover pages, including dynamic rows. */
body.lover-palace-selected .friends-results > *,
body.lover-palace-selected #friend-search-results > *,
body.lover-palace-selected #my-friends-list > *,
body.lover-palace-selected #incoming-requests-list > *,
body.lover-palace-selected #sent-requests-list > *,
body.lover-palace-selected #blocked-search-results > *,
body.lover-palace-selected #blocked-users-list > *,
body.lover-palace-selected #my-dolls-empty,
body.lover-palace-selected #my-dolls-grid > *,
body.lover-palace-selected .layout-mini-preview,
body.lover-palace-selected .mini-title,
body.lover-palace-selected .mini-box,
body.lover-palace-selected .default-mini-preview,
body.lover-palace-selected .cyber-mini-preview,
body.lover-palace-selected .scene-mini-preview,
body.lover-palace-selected .emo-mini-preview {
  background: rgba(255, 249, 253, .86) !important;
  background-image: none !important;
  color: var(--lover-text) !important;
  border-color: var(--lover-border-final) !important;
  box-shadow: 0 0 10px rgba(244, 169, 207, .25) !important;
}

/* Forms and upload areas */
body.lover-palace-selected input,
body.lover-palace-selected textarea,
body.lover-palace-selected select,
body.lover-palace-selected .palace-upload-preview,
body.lover-palace-selected .palace-upload-box,
body.lover-palace-selected input[type="file"] {
  background: rgba(255,255,255,.92) !important;
  background-image: none !important;
  color: var(--lover-text) !important;
  border: 2px solid #f7c8df !important;
  box-shadow: inset 0 0 8px rgba(244,183,215,.22) !important;
}

/* Keep error/warning readable but not blue */
body.lover-palace-selected .palace-message,
body.lover-palace-selected .error,
body.lover-palace-selected .warning {
  background: rgba(255, 249, 253, .92) !important;
  background-image: none !important;
  color: #8b4668 !important;
  border-color: #f3bad8 !important;
}

/* v53 Lover picker preview + friend name readability polish */
body.lover-palace-selected .friend-user-name,
body.lover-palace-selected .friend-user-name a,
body.lover-palace-selected .friend-user-sub,
body.lover-palace-selected .friend-user-row strong,
body.lover-palace-selected #my-friends-list,
body.lover-palace-selected #my-friends-list * {
  color: #4f3a5f !important;
  text-shadow: 0 0 6px rgba(255,255,255,.95) !important;
}

body.lover-palace-selected .friend-user-row {
  background: rgba(255, 249, 253, .94) !important;
  border: 2px solid #f3bad8 !important;
}

.lover-layout-choice .lover-mini-preview {
  min-height: 210px !important;
  padding: 10px !important;
}

.lover-preview-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 8px;
}

.lover-preview-images img {
  width: 100%;
  height: 78px;
  object-fit: cover;
  border: 2px solid #f4b7d7;
  border-radius: 12px;
  background: #fff9fd;
  box-shadow: 0 0 10px rgba(244, 169, 207, .35);
}

.lover-preview-title {
  font-weight: 800 !important;
  color: #7a4f8f !important;
}

/* ==========================================================
   v54 Lover layout picker preview restoration
   Lover's global blue-removal override was too broad and removed
   the mini preview artwork for the other layout cards. These rules
   restore the preview art while keeping the actual Lover pages pastel.
   ========================================================== */
body.lover-palace-selected .profile-layouts-card .layout-mini-preview {
  min-height: 170px !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
  border-width: 2px !important;
  background-image: initial;
}

body.lover-palace-selected .profile-layouts-card .default-mini-preview {
  background: #0b4fa6 !important;
  border-color: #9de0ff !important;
  color: #fff !important;
}
body.lover-palace-selected .profile-layouts-card .default-mini-preview .mini-title,
body.lover-palace-selected .profile-layouts-card .default-mini-preview .mini-box {
  background: #073b80 !important;
  border: 1px solid #8bd8ff !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.lover-palace-selected .profile-layouts-card .scene-mini-preview {
  background: transparent !important;
  background-image:
    radial-gradient(circle at 15% 20%, #ff00cc 0 3px, transparent 4px),
    radial-gradient(circle at 80% 30%, #39ff14 0 3px, transparent 4px),
    radial-gradient(circle at 45% 75%, #00eaff 0 3px, transparent 4px) !important;
  background-size: 42px 42px !important;
  color: white !important;
  border-color: #ff00cc !important;
  box-shadow: 0 0 12px #ff00cc !important;
}
body.lover-palace-selected .profile-layouts-card .scene-mini-preview .mini-title {
  color: #39ff14 !important;
  font-family: "Comic Sans MS", cursive !important;
  text-shadow: 2px 2px #ff00cc !important;
}
body.lover-palace-selected .profile-layouts-card .scene-mini-preview .mini-box {
  background: rgba(0,0,0,.8) !important;
  border: 2px dashed #ff00cc !important;
  color: #fff !important;
  box-shadow: 0 0 8px #00eaff !important;
}

body.lover-palace-selected .profile-layouts-card .emo-mini-preview {
  background-image: url('../assets/layouts/emo/background.gif') !important;
  background-size: 180px auto !important;
  background-repeat: repeat !important;
  border-color: #ff69b4 !important;
  color: #fff !important;
  box-shadow: 0 0 10px #ff1493 !important;
}
body.lover-palace-selected .profile-layouts-card .emo-mini-preview .mini-title,
body.lover-palace-selected .profile-layouts-card .emo-mini-preview .mini-box {
  background: rgba(0,0,0,.78) !important;
  border-color: #ff8bd1 !important;
  color: #ffd6f0 !important;
  text-shadow: 0 0 6px #ff1493 !important;
  box-shadow: none !important;
}

body.lover-palace-selected .profile-layouts-card .cyber-mini-preview {
  background-color: #050018 !important;
  background-image: url('../assets/layouts/cyber/background.gif') !important;
  background-size: cover !important;
  background-position: center !important;
  border-color: #00eaff !important;
  color: #fff !important;
  box-shadow: 0 0 12px #00eaff, 0 0 18px #8a2be2 !important;
}
body.lover-palace-selected .profile-layouts-card .cyber-mini-preview .mini-title,
body.lover-palace-selected .profile-layouts-card .cyber-mini-preview .mini-box {
  background: rgba(2,0,18,.82) !important;
  border: 2px solid #00eaff !important;
  color: #dffbff !important;
  text-shadow: 0 0 7px #00eaff, 0 0 12px #b66cff !important;
  box-shadow: inset 0 0 8px rgba(0,234,255,.25), 0 0 8px rgba(138,43,226,.8) !important;
}

body.lover-palace-selected .profile-layouts-card .lover-mini-preview {
  background:
    linear-gradient(rgba(255,255,255,.48), rgba(255,255,255,.60)),
    url('../assets/layouts/lover/2ndbackg.gif') center/cover !important;
  border-color: #f4b7d7 !important;
}
body.lover-palace-selected .profile-layouts-card .lover-mini-preview .mini-title,
body.lover-palace-selected .profile-layouts-card .lover-mini-preview .mini-box {
  background: rgba(255, 249, 253, .88) !important;
  color: #6f5077 !important;
  border-color: #f4b7d7 !important;
  box-shadow: 0 0 12px rgba(244,169,207,.45) !important;
}
body.lover-palace-selected .profile-layouts-card .lover-preview-images {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}
body.lover-palace-selected .profile-layouts-card .lover-preview-images img {
  display: block !important;
  width: 100% !important;
  height: 78px !important;
  object-fit: cover !important;
  border: 2px solid #f4b7d7 !important;
  border-radius: 12px !important;
  background: #fff9fd !important;
  box-shadow: 0 0 10px rgba(244, 169, 207, .35) !important;
}

/* Doll Palace Notifications */
.dp-notification-widget {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  font-family: inherit;
}

.dp-notification-button {
  min-width: 58px;
  min-height: 46px;
  border-radius: 999px;
  border: 2px solid #ff9dcc;
  background: linear-gradient(135deg, #ffe8f4, #d9f3ff, #eadcff);
  color: #5d3d70;
  font-weight: 800;
  box-shadow: 0 0 14px rgba(255, 157, 204, .55);
  cursor: pointer;
}

.dp-notification-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  margin-left: 4px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ff4f9a;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}

.dp-notification-panel {
  position: absolute;
  right: 0;
  bottom: 56px;
  width: 340px;
  max-width: calc(100vw - 24px);
  max-height: 430px;
  overflow: hidden;
  border: 2px solid #ffb8da;
  border-radius: 16px;
  background: rgba(255, 250, 253, .98);
  box-shadow: 0 0 22px rgba(106, 65, 135, .25);
  color: #4b3655;
}

.dp-notification-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  background: linear-gradient(90deg, #ffd7ea, #d8c5ff, #c7ecff);
  border-bottom: 2px solid #ffb8da;
}

.dp-notification-panel-header button {
  border: 1px solid #c9a8df;
  border-radius: 999px;
  background: rgba(255,255,255,.8);
  padding: 4px 10px;
  cursor: pointer;
}

.dp-notification-list {
  max-height: 360px;
  overflow-y: auto;
  padding: 8px;
}

.dp-notification-item {
  display: block;
  margin-bottom: 8px;
  padding: 10px;
  border: 1px solid #e7c7de;
  border-radius: 12px;
  background: rgba(255,255,255,.86);
  color: #4b3655;
  text-decoration: none;
}

.dp-notification-item.unread {
  border-color: #ff81be;
  background: #fff1f8;
  box-shadow: inset 4px 0 0 #ff81be;
}

.dp-notification-title,
.dp-notification-message,
.dp-notification-time {
  display: block;
}

.dp-notification-title {
  font-weight: 800;
  margin-bottom: 3px;
}

.dp-notification-message {
  font-size: 13px;
  opacity: .92;
}

.dp-notification-time {
  margin-top: 5px;
  font-size: 11px;
  opacity: .7;
}

.dp-notification-empty {
  padding: 18px;
  text-align: center;
  opacity: .8;
}

/* Notifications page and sidebar badge */
.nav-notification-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  margin-left: 6px;
  border-radius: 999px;
  background: #ff4f9a;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 0 8px rgba(255, 79, 154, .55);
}

.notifications-page-card {
  max-width: 760px;
}

.notifications-intro {
  margin: 0 0 12px;
  padding: 10px 12px;
  border: 2px dotted rgba(255,255,255,.45);
}

.notifications-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
}

.notifications-page-list {
  display: grid;
  gap: 10px;
}

.notification-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 2px solid #8bd3ff;
  background: rgba(9, 42, 84, .9);
  color: #fff;
}

.notification-row.unread {
  border-color: #ff9dcc;
  box-shadow: inset 5px 0 0 #ff9dcc, 0 0 12px rgba(255, 157, 204, .25);
}

.notification-row-main {
  display: grid;
  gap: 4px;
  color: inherit;
  text-decoration: none;
}

.notification-row-title {
  font-weight: 900;
}

.notification-row-message {
  opacity: .95;
}

.notification-row-time {
  font-size: 12px;
  opacity: .78;
}

.notification-read-button {
  border: 2px solid currentColor;
  border-radius: 999px;
  padding: 7px 12px;
  background: rgba(255,255,255,.9);
  color: #123d73;
  font-weight: 800;
  cursor: pointer;
}

.notification-read-button:disabled {
  opacity: .6;
  cursor: default;
}

.notifications-empty {
  padding: 18px;
  border: 2px dashed currentColor;
  text-align: center;
  opacity: .85;
}

body.scene-queen-palace-selected .notification-row {
  border-color: #ff9bde !important;
  background: rgba(16, 12, 18, .92) !important;
  color: #ffe9fb !important;
}

body.emo-palace-selected .notification-row {
  border-color: #ff7ab8 !important;
  background: rgba(8, 8, 12, .94) !important;
  color: #ffe9f7 !important;
}

body.cyber-palace-selected .notification-row {
  border-color: #00e5ff !important;
  background: rgba(2, 8, 28, .94) !important;
  color: #dffaff !important;
}

body.lover-palace-selected .notification-row,
body.lover-palace-selected .notifications-intro,
body.lover-palace-selected .notifications-empty {
  border-color: #f4b7d7 !important;
  background: rgba(255, 249, 253, .92) !important;
  color: #65476f !important;
}

body.lover-palace-selected .notification-row.unread {
  box-shadow: inset 5px 0 0 #f4a9cf, 0 0 12px rgba(244, 169, 207, .35) !important;
}

body.lover-palace-selected .notification-read-button {
  background: rgba(255, 255, 255, .95) !important;
  color: #65476f !important;
}

/* v57: Theme the full Notifications page wrappers (not just rows) */
body.scene-palace-selected .notifications-page-card,
body.scene-palace-selected .notifications-intro,
body.scene-palace-selected .notifications-actions,
body.scene-palace-selected .notifications-page-list,
body.scene-palace-selected .notifications-empty {
  background: rgba(10, 8, 12, .94) !important;
  border: 2px solid #ff9bde !important;
  color: #ffe9fb !important;
  box-shadow: 0 0 14px rgba(255, 155, 222, .35), inset 0 0 18px rgba(0, 240, 255, .08) !important;
}

body.scene-palace-selected .notifications-page-card .palace-title-bar,
body.scene-palace-selected .notifications-page-card > .palace-title-bar {
  background: linear-gradient(180deg, #ffc1ef, #d77bff) !important;
  border: 2px solid #ff9bde !important;
  color: #ffffff !important;
  text-shadow: 1px 1px 0 #6b285f, 0 0 8px rgba(255,255,255,.8) !important;
  box-shadow: 0 0 12px rgba(255, 155, 222, .45) !important;
}

body.scene-palace-selected .notification-row {
  border-color: #ff9bde !important;
  background: rgba(16, 12, 18, .95) !important;
  color: #ffe9fb !important;
  box-shadow: inset 5px 0 0 #a8ff3d, 0 0 12px rgba(255, 155, 222, .28) !important;
}

body.scene-palace-selected .notification-row.unread {
  border-color: #a8ff3d !important;
  box-shadow: inset 5px 0 0 #00eaff, 0 0 14px rgba(168, 255, 61, .35) !important;
}

body.scene-palace-selected .notification-read-button,
body.scene-palace-selected .notifications-actions .palace-button {
  background: linear-gradient(180deg, #ffc1ef, #ef8adb) !important;
  border: 2px solid #ff9bde !important;
  color: #371831 !important;
  text-shadow: none !important;
  box-shadow: 0 0 10px rgba(255, 155, 222, .4) !important;
}

body.emo-palace-selected .notifications-page-card,
body.emo-palace-selected .notifications-intro,
body.emo-palace-selected .notifications-actions,
body.emo-palace-selected .notifications-page-list,
body.emo-palace-selected .notifications-empty {
  background: rgba(8, 8, 12, .95) !important;
  border: 2px solid #ff7ab8 !important;
  color: #ffe9f7 !important;
  box-shadow: 0 0 12px rgba(255, 122, 184, .35) !important;
}

body.emo-palace-selected .notifications-page-card .palace-title-bar,
body.emo-palace-selected .notifications-page-card > .palace-title-bar {
  background: linear-gradient(180deg, #ff9dcb, #ff5ca8) !important;
  border: 2px solid #ff7ab8 !important;
  color: #fff !important;
}

body.emo-palace-selected .notification-read-button,
body.emo-palace-selected .notifications-actions .palace-button {
  background: #ff9dcb !important;
  border-color: #ff7ab8 !important;
  color: #27101f !important;
}

body.cyber-palace-selected .notifications-page-card,
body.cyber-palace-selected .notifications-intro,
body.cyber-palace-selected .notifications-actions,
body.cyber-palace-selected .notifications-page-list,
body.cyber-palace-selected .notifications-empty {
  background: rgba(2, 8, 28, .96) !important;
  border: 2px solid #00e5ff !important;
  color: #dffaff !important;
  box-shadow: 0 0 16px rgba(0, 229, 255, .35) !important;
}

body.cyber-palace-selected .notifications-page-card .palace-title-bar,
body.cyber-palace-selected .notifications-page-card > .palace-title-bar {
  background: linear-gradient(180deg, #081d5c, #00b7ff) !important;
  border: 2px solid #00e5ff !important;
  color: #e8fbff !important;
}

body.cyber-palace-selected .notification-read-button,
body.cyber-palace-selected .notifications-actions .palace-button {
  background: #071b58 !important;
  border-color: #00e5ff !important;
  color: #dffaff !important;
}

body.lover-palace-selected .notifications-page-card,
body.lover-palace-selected .notifications-intro,
body.lover-palace-selected .notifications-actions,
body.lover-palace-selected .notifications-page-list,
body.lover-palace-selected .notifications-empty {
  background: rgba(255, 249, 253, .94) !important;
  border: 2px solid #f4b7d7 !important;
  color: #65476f !important;
  box-shadow: 0 0 14px rgba(244, 169, 207, .32) !important;
}

body.lover-palace-selected .notifications-page-card .palace-title-bar,
body.lover-palace-selected .notifications-page-card > .palace-title-bar {
  background: linear-gradient(90deg, #ffd7ea, #e4d4ff, #bfe7ff) !important;
  border: 2px solid #f4b7d7 !important;
  color: #65476f !important;
  text-shadow: none !important;
}

body.lover-palace-selected .notifications-actions .palace-button,
body.lover-palace-selected .notification-read-button {
  background: rgba(255,255,255,.96) !important;
  border-color: #f4b7d7 !important;
  color: #65476f !important;
}

/* v58 polish: themed notification badges, member headers, and readable Lover guestbook names */

/* Make the unread badge match each selected layout instead of default pink. */
body.scene-palace-selected .nav-notification-count {
  background: #0b0b10 !important;
  color: #a8ff3d !important;
  border: 2px solid #ff8de1 !important;
  box-shadow: 0 0 8px #ff8de1, 0 0 12px rgba(168,255,61,.45) !important;
  text-shadow: 0 0 5px #a8ff3d !important;
}
body.emo-palace-selected .nav-notification-count {
  background: #050508 !important;
  color: #fff !important;
  border: 2px solid #ff7ab8 !important;
  box-shadow: 0 0 10px rgba(255,122,184,.75) !important;
}
body.cyber-palace-selected .nav-notification-count {
  background: #02081c !important;
  color: #dffaff !important;
  border: 2px solid #00e5ff !important;
  box-shadow: 0 0 10px #00e5ff, 0 0 16px rgba(0,229,255,.45) !important;
}
body.lover-palace-selected .nav-notification-count {
  background: linear-gradient(135deg, #ffd7ea, #e4d4ff, #bfe7ff) !important;
  color: #65476f !important;
  border: 2px solid #f4b7d7 !important;
  box-shadow: 0 0 10px rgba(244,169,207,.65) !important;
  text-shadow: 0 1px 0 #fff !important;
}

/* Make the main member header belong to the selected layout too. */
body.scene-palace-selected .header {
  background: rgba(7, 7, 10, .94) !important;
  border: 2px solid #ff8de1 !important;
  box-shadow: 0 0 18px rgba(255,141,225,.5), inset 0 0 18px rgba(0,234,255,.12) !important;
}
body.scene-palace-selected .tagline,
body.scene-palace-selected .main-menu a {
  color: #a8ff3d !important;
  text-shadow: 0 0 7px rgba(168,255,61,.75) !important;
}
body.emo-palace-selected .header {
  background: rgba(8, 8, 12, .95) !important;
  border: 2px solid #ff7ab8 !important;
  box-shadow: 0 0 16px rgba(255,122,184,.45) !important;
}
body.emo-palace-selected .tagline,
body.emo-palace-selected .main-menu a {
  color: #ffe9f7 !important;
  text-shadow: 0 0 7px rgba(255,122,184,.65) !important;
}
body.cyber-palace-selected .header {
  background: rgba(2, 8, 28, .96) !important;
  border: 2px solid #00e5ff !important;
  box-shadow: 0 0 18px rgba(0,229,255,.45) !important;
}
body.cyber-palace-selected .tagline,
body.cyber-palace-selected .main-menu a {
  color: #dffaff !important;
  text-shadow: 0 0 7px rgba(0,229,255,.75) !important;
}
body.lover-palace-selected .header {
  background: rgba(255, 249, 253, .92) !important;
  border: 2px solid #f4b7d7 !important;
  box-shadow: 0 0 16px rgba(244,169,207,.35), inset 0 0 16px rgba(255,255,255,.65) !important;
}
body.lover-palace-selected .tagline,
body.lover-palace-selected .main-menu a {
  color: #65476f !important;
  text-shadow: 0 1px 0 #fff !important;
}

/* Lover guestbook: make the username readable without making the whole comment harsh. */
body.lover-palace-selected #palace-view.profile-layout-lover .guestbook-comment strong,
body.lover-palace-selected .public-palace-card.profile-layout-lover .guestbook-comment strong,
body.lover-palace-selected .guestbook-comment strong {
  color: #4f315a !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 0 #fff, 0 0 5px rgba(244,183,215,.45) !important;
}
body.lover-palace-selected #palace-view.profile-layout-lover .guestbook-comment span,
body.lover-palace-selected .public-palace-card.profile-layout-lover .guestbook-comment span,
body.lover-palace-selected .guestbook-comment span {
  color: #6f5077 !important;
  font-weight: 600 !important;
}
/* Guestbook Avatars */

.guestbook-comment {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.guestbook-avatar {
  width: 55px;
  height: 55px;
  object-fit: cover;
  border: 2px solid #ff99cc;
  border-radius: 6px;
  flex-shrink: 0;
}

.guestbook-body {
  flex: 1;
}

.guestbook-name {
  font-weight: bold;
  text-decoration: underline;
}

.guestbook-time {
  font-size: 11px;
  opacity: 0.8;
}

.guestbook-message {
  margin-top: 4px;
}

.guestbook-reply-btn {
  margin-top: 6px;
}


/* Guestbook 2.0: avatars, readable names, and replies */
.guestbook-comment {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
}

.guestbook-avatar {
  width: 55px !important;
  height: 55px !important;
  max-width: 55px !important;
  max-height: 55px !important;
  object-fit: cover !important;
  border: 2px solid #ff99cc !important;
  border-radius: 6px !important;
  flex: 0 0 55px !important;
}

.guestbook-body {
  flex: 1 !important;
  min-width: 0 !important;
}

.guestbook-header {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  align-items: baseline !important;
}

.guestbook-name,
.guestbook-name:visited,
.guestbook-reply-name,
.guestbook-reply-name:visited {
  font-weight: 900 !important;
  text-decoration: underline !important;
}

.guestbook-time {
  font-size: 11px !important;
  opacity: 0.85 !important;
}

.guestbook-message,
.guestbook-reply-message {
  margin-top: 4px !important;
  word-break: break-word !important;
}

.guestbook-actions {
  margin-top: 6px !important;
}

.guestbook-reply-btn {
  margin-top: 3px !important;
  cursor: pointer !important;
}

.guestbook-replies {
  margin-top: 8px !important;
  padding-left: 12px !important;
  border-left: 2px dotted currentColor !important;
}

.guestbook-reply {
  margin-top: 6px !important;
  padding: 6px !important;
  border-radius: 6px !important;
}

body.lover-palace-selected .guestbook-name,
body.lover-palace-selected .guestbook-name:visited,
body.lover-palace-selected .guestbook-reply-name,
body.lover-palace-selected .guestbook-reply-name:visited {
  color: #7a0040 !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 0 #fff, 0 0 5px rgba(244,183,215,.55) !important;
}

body.lover-palace-selected .guestbook-time,
body.lover-palace-selected .guestbook-message,
body.lover-palace-selected .guestbook-reply-message {
  color: #4f315a !important;
}


/* Guestbook inline replies + delete buttons */
.guestbook-inline-reply {
  margin-top: 8px !important;
  display: grid !important;
  gap: 6px !important;
}
.guestbook-reply-input {
  width: 100% !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  resize: vertical !important;
  font: inherit !important;
}
.guestbook-inline-actions {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.guestbook-send-reply-btn,
.guestbook-cancel-reply-btn,
.guestbook-delete-btn {
  cursor: pointer !important;
}
.guestbook-delete-btn {
  margin-left: 6px !important;
}
.guestbook-replies {
  margin-top: 8px !important;
  padding-left: 12px !important;
  border-left: 2px dotted currentColor !important;
}
.guestbook-reply {
  margin-top: 6px !important;
  padding: 6px !important;
  border-radius: 6px !important;
}


.guestbook-reply-avatar{
  width:32px;
  height:32px;
  border-radius:6px;
  object-fit:cover;
  margin-right:8px;
  vertical-align:middle;
}


/* Guestbook owner badge + reply delete button */
.guestbook-owner-badge {
  display: inline-block !important;
  margin-left: 6px !important;
  padding: 1px 5px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  background: #ffb6d9 !important;
  color: #4b0030 !important;
  border: 1px solid #fff !important;
  text-shadow: none !important;
  vertical-align: middle !important;
}

.guestbook-delete-reply-btn {
  margin-left: 8px !important;
  cursor: pointer !important;
  font-size: 11px !important;
}

.guestbook-reply {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
}

.guestbook-reply-message {
  flex-basis: 100% !important;
  margin-left: 42px !important;
}


/* Doll Palace profile badges + cleaner guestbook replies */
.guestbook-owner-badge {
  display: none !important;
}

.profile-badges-view {
  margin: 8px 0 10px;
  padding: 8px;
  border: 1px dashed currentColor;
  border-radius: 8px;
  text-align: left;
}

.profile-badges-title {
  font-weight: 900;
  margin-bottom: 6px;
}

.profile-badge {
  display: inline-block;
  margin: 2px 5px 2px 0;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  text-shadow: none;
  border: 1px solid rgba(255,255,255,.75);
}

.profile-badge.badge-owner {
  background: #ffe0f0;
  color: #6b003d;
}

.profile-badge.badge-admin {
  background: #fff3b0;
  color: #5b4200;
}

.profile-badge.badge-vip {
  background: #dfccff;
  color: #35006b;
}

.guestbook-reply {
  display: grid !important;
  grid-template-columns: 32px 1fr auto !important;
  column-gap: 8px !important;
  row-gap: 2px !important;
  align-items: start !important;
  padding: 6px 0 6px 10px !important;
}

.guestbook-reply-avatar {
  grid-row: 1 / span 2;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
}

.guestbook-reply-name,
.guestbook-reply .guestbook-time {
  align-self: center;
}

.guestbook-reply-message {
  grid-column: 2 / span 2 !important;
  margin-left: 0 !important;
}

.guestbook-delete-reply-btn {
  grid-column: 3;
  grid-row: 1;
  margin-left: 6px !important;
  padding: 2px 8px !important;
}

body.lover-palace-selected .guestbook-name,
body.lover-palace-selected .guestbook-reply-name,
body.ts1989-palace-selected .guestbook-name,
body.ts1989-palace-selected .guestbook-reply-name,
.profile-layout-lover .guestbook-name,
.profile-layout-lover .guestbook-reply-name,
.profile-layout-1989 .guestbook-name,
.profile-layout-1989 .guestbook-reply-name {
  color: #7a0040 !important;
}


/* Guestbook edit controls */
.guestbook-inline-edit {
  margin-top: 8px;
  padding: 8px;
  border: 1px dashed currentColor;
  border-radius: 8px;
}

.guestbook-edit-input {
  width: 100%;
  box-sizing: border-box;
  min-height: 52px;
  resize: vertical;
}

.guestbook-save-edit-btn,
.guestbook-cancel-edit-btn,
.guestbook-edit-btn,
.guestbook-edit-reply-btn {
  margin-right: 6px;
}

.guestbook-reply {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.guestbook-reply-content {
  flex: 1;
  min-width: 0;
}

.guestbook-reply-actions {
  margin-top: 5px;
}

.public-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.public-action-row .palace-button {
  cursor: pointer;
}

.public-action-row .palace-button:disabled {
  cursor: default;
  opacity: 0.7;
}


/* Doll Palace Messages */
.messages-page-card {
  overflow: hidden;
}

.messages-intro {
  margin: 10px 0 16px;
  padding: 10px;
  border: 2px solid currentColor;
  background: rgba(255,255,255,0.08);
  font-weight: bold;
}

.messages-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 14px;
  align-items: stretch;
}

.messages-thread-panel,
.messages-conversation-panel {
  border: 2px solid currentColor;
  background: rgba(0,0,0,0.18);
  padding: 10px;
  min-height: 420px;
}

.messages-panel-title,
.messages-conversation-header {
  font-weight: bold;
  font-size: 18px;
  padding: 8px 10px;
  margin-bottom: 10px;
  border: 2px solid currentColor;
  background: rgba(255,255,255,0.12);
  text-align: center;
}

.messages-conversation-header a {
  color: inherit;
  text-decoration: underline;
}

.messages-thread-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.messages-thread-row {
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  text-align: left;
  cursor: pointer;
  border: 2px solid currentColor;
  background: rgba(255,255,255,0.08);
  color: inherit;
  padding: 8px;
  font-family: inherit;
}

.messages-thread-row.active,
.messages-thread-row:hover {
  background: rgba(255,255,255,0.18);
}

.messages-thread-row.unread .messages-thread-name::after {
  content: " ✉";
}

.messages-thread-avatar,
.message-bubble-avatar {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border: 2px solid currentColor;
  border-radius: 6px;
  flex-shrink: 0;
}

.messages-thread-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.messages-thread-name {
  font-weight: bold;
  text-decoration: underline;
}

.messages-thread-preview {
  font-size: 12px;
  opacity: 0.95;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

.messages-thread-meta {
  font-size: 11px;
  opacity: 0.75;
}

.messages-conversation-list {
  height: 310px;
  overflow-y: auto;
  border: 2px solid currentColor;
  padding: 10px;
  background: rgba(0,0,0,0.12);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.message-bubble-row {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.message-bubble-row.mine {
  flex-direction: row-reverse;
}

.message-bubble {
  max-width: 78%;
  border: 2px solid currentColor;
  padding: 8px 10px;
  background: rgba(255,255,255,0.1);
  border-radius: 8px;
}

.message-bubble-row.mine .message-bubble {
  background: rgba(255, 182, 213, 0.18);
}

.message-bubble-meta {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
  opacity: 0.85;
}

.message-bubble-body {
  white-space: pre-wrap;
  line-height: 1.35;
}

.message-bubble-actions {
  margin-top: 6px;
}

.message-mini-button {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid currentColor;
  background: rgba(255,255,255,0.88);
  cursor: pointer;
}

.messages-compose-form {
  margin-top: 12px;
  border: 2px solid currentColor;
  padding: 10px;
  background: rgba(255,255,255,0.08);
}

.messages-compose-form label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
}

.messages-compose-form textarea {
  width: 100%;
  min-height: 90px;
  resize: vertical;
  box-sizing: border-box;
  border: 2px solid currentColor;
  background: rgba(0,0,0,0.16);
  color: inherit;
  padding: 8px;
  font-family: inherit;
}

.messages-compose-actions {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.messages-empty {
  padding: 12px;
  border: 1px dashed currentColor;
  opacity: 0.85;
}

.lover-layout-active .messages-thread-panel,
.lover-layout-active .messages-conversation-panel,
.lover-layout-active .messages-conversation-list,
.lover-layout-active .messages-compose-form,
.lover-layout-active .messages-thread-row,
.lover-layout-active .message-bubble {
  background: rgba(255, 255, 255, 0.78);
}

.lover-layout-active .messages-compose-form textarea {
  background: #fff;
  color: #59405d;
}

@media (max-width: 900px) {
  .messages-layout {
    grid-template-columns: 1fr;
  }

  .messages-conversation-list {
    height: 280px;
  }
}
.messages-shell,
.messages-panel,
.message-thread-panel,
.inbox-panel,
.conversation-panel {
  background: var(--panel-bg, rgba(0, 0, 0, 0.65)) !important;
  color: var(--text-color, #fff) !important;
  border-color: var(--accent-color, #ff9bd5) !important;
}

.messages-title,
.messages-header,
.inbox-title,
.conversation-title {
  background: var(--header-bg, linear-gradient(#ffb6e6, #b86adf)) !important;
  color: var(--text-color, #fff) !important;
}

.message-thread,
.message-card,
.conversation-message,
.message-compose {
  background: var(--box-bg, rgba(0, 0, 0, 0.45)) !important;
  color: var(--text-color, #fff) !important;
  border-color: var(--accent-color, #ff9bd5) !important;
}

/* Doll Palace v64: Cleaner inbox-first messaging */
.messages-page-card .messages-intro,
.messages-inbox-top,
.messages-thread-list-full,
.messages-modal-card,
.messages-new-columns section,
.messages-pick-list,
.messages-conversation-list,
.messages-compose-form,
.message-bubble,
.messages-thread-row,
.messages-pick-row {
  background: rgba(0, 0, 0, 0.42) !important;
  color: inherit !important;
  border-color: currentColor !important;
}

.messages-inbox-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 2px solid currentColor;
  margin: 12px 0;
}

.messages-small-note {
  font-size: 12px;
  opacity: 0.85;
  margin-top: 3px;
}

.messages-thread-list-full {
  border: 2px solid currentColor;
  padding: 10px;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.messages-thread-row-full {
  align-items: center;
  min-height: 62px;
}

.messages-thread-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.messages-thread-row-full .messages-thread-preview {
  max-width: none;
}

.messages-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.62);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.messages-modal[hidden] {
  display: none !important;
}

.messages-modal-card {
  width: min(760px, 94vw);
  max-height: 88vh;
  overflow: auto;
  border: 3px solid currentColor;
  padding: 14px;
  box-shadow: 0 0 18px rgba(255, 155, 213, 0.55);
}

.messages-new-card {
  width: min(900px, 94vw);
}

.messages-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.message-icon-button {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 2px solid currentColor;
  background: rgba(255,255,255,0.88);
  color: #333;
  font-weight: bold;
  font-size: 22px;
  cursor: pointer;
}

.messages-modal .messages-conversation-header,
.messages-modal .messages-panel-title {
  flex: 1;
  margin-bottom: 0;
}

.messages-modal .messages-conversation-list {
  height: 330px;
}

.messages-new-search {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: end;
  margin: 10px 0 14px;
}

.messages-new-search label {
  grid-column: 1 / -1;
  font-weight: bold;
}

.messages-new-search input {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid currentColor;
  padding: 8px;
  background: rgba(0,0,0,0.25);
  color: inherit;
  font-family: inherit;
}

.messages-new-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.messages-new-columns section {
  border: 2px solid currentColor;
  padding: 10px;
}

.messages-pick-list {
  border: 2px solid currentColor;
  padding: 8px;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.messages-pick-row {
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
  border: 2px solid currentColor;
  padding: 8px;
  color: inherit;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.messages-pick-row:hover,
.messages-thread-row:hover {
  filter: brightness(1.12);
}

.lover-layout-active .messages-page-card .messages-intro,
.lover-layout-active .messages-inbox-top,
.lover-layout-active .messages-thread-list-full,
.lover-layout-active .messages-modal-card,
.lover-layout-active .messages-new-columns section,
.lover-layout-active .messages-pick-list,
.lover-layout-active .messages-conversation-list,
.lover-layout-active .messages-compose-form,
.lover-layout-active .message-bubble,
.lover-layout-active .messages-thread-row,
.lover-layout-active .messages-pick-row {
  background: rgba(255, 255, 255, 0.82) !important;
  color: #59405d !important;
}

@media (max-width: 900px) {
  .messages-new-columns {
    grid-template-columns: 1fr;
  }

  .messages-new-search {
    grid-template-columns: 1fr;
  }
}


/* Doll Palace v64 final message theme cleanup */
.member-content.scene-layout-active .messages-page-card,
.member-content.scene-layout-active .messages-inbox-top,
.member-content.scene-layout-active .messages-thread-list-full,
.member-content.scene-layout-active .messages-modal-card,
.member-content.scene-layout-active .messages-new-columns section,
.member-content.scene-layout-active .messages-pick-list,
.member-content.scene-layout-active .messages-conversation-list,
.member-content.scene-layout-active .messages-compose-form,
.member-content.scene-layout-active .messages-thread-row,
.member-content.scene-layout-active .messages-pick-row,
.member-content.scene-layout-active .message-bubble {
  background: rgba(0, 0, 0, 0.78) !important;
  color: #ffffff !important;
  border-color: #ffd6f1 !important;
  box-shadow: none !important;
}

.member-content.scene-layout-active .messages-intro {
  background: rgba(0, 0, 0, 0.62) !important;
  color: #ffffff !important;
  border-color: #ffd6f1 !important;
}

.member-content.scene-layout-active .messages-page-card .palace-title-bar,
.member-content.scene-layout-active .messages-panel-title,
.member-content.scene-layout-active .messages-conversation-header {
  background: linear-gradient(#f6a6d8, #8c4a78) !important;
  color: #ffffff !important;
  border-color: #ffd6f1 !important;
}

.member-content.scene-layout-active .messages-new-search input,
.member-content.scene-layout-active .messages-compose-form textarea {
  background: rgba(0, 0, 0, 0.55) !important;
  color: #ffffff !important;
  border-color: #ffd6f1 !important;
}

.member-content.scene-layout-active .messages-new-search input::placeholder,
.member-content.scene-layout-active .messages-compose-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
}

.member-content.scene-layout-active .messages-thread-row:hover,
.member-content.scene-layout-active .messages-pick-row:hover {
  background: rgba(255, 182, 213, 0.20) !important;
}


/* ==========================================================
   v65 Messages theme fix
   Keep messages from falling back to default blue palace colors.
   These rules intentionally come last so selected profile layouts win.
   ========================================================== */

/* Generic messaging page panels should inherit the active member layout */
.messages-page-card,
.messages-page-card .palace-title-bar,
.messages-intro,
.messages-inbox-top,
.messages-thread-list-full,
.messages-thread-panel,
.messages-conversation-panel,
.messages-conversation-list,
.messages-compose-form,
.messages-modal-card,
.messages-new-columns section,
.messages-pick-list,
.messages-thread-row,
.messages-thread-row-full,
.messages-pick-row,
.message-bubble,
.messages-modal .messages-conversation-header,
.messages-modal .messages-panel-title {
  color: inherit !important;
  border-color: currentColor !important;
}

/* Scene / Blingee / neon layout */
body.scene-palace-selected .messages-page-card,
body.scene-palace-selected .messages-intro,
body.scene-palace-selected .messages-inbox-top,
body.scene-palace-selected .messages-thread-list-full,
body.scene-palace-selected .messages-thread-panel,
body.scene-palace-selected .messages-conversation-panel,
body.scene-palace-selected .messages-conversation-list,
body.scene-palace-selected .messages-compose-form,
body.scene-palace-selected .messages-modal-card,
body.scene-palace-selected .messages-new-columns section,
body.scene-palace-selected .messages-pick-list,
body.scene-palace-selected .messages-thread-row,
body.scene-palace-selected .messages-thread-row-full,
body.scene-palace-selected .messages-pick-row,
body.scene-palace-selected .message-bubble {
  background: rgba(0, 0, 0, 0.78) !important;
  color: #ffffff !important;
  border-color: #ff9bd8 !important;
  box-shadow: 0 0 10px rgba(255, 0, 204, 0.35) !important;
}

body.scene-palace-selected .messages-page-card .palace-title-bar,
body.scene-palace-selected .messages-modal .messages-conversation-header,
body.scene-palace-selected .messages-modal .messages-panel-title {
  background: linear-gradient(180deg, #ffb6e6, #b86adf) !important;
  color: #ffffff !important;
  border-color: #ff9bd8 !important;
  text-shadow: 1px 1px #000000, 0 0 8px #ff00cc !important;
}

body.scene-palace-selected .messages-intro,
body.scene-palace-selected .messages-inbox-top {
  background: rgba(0, 0, 0, 0.72) !important;
  border-color: #00eaff !important;
}

body.scene-palace-selected .messages-compose-form textarea,
body.scene-palace-selected .messages-search-input,
body.scene-palace-selected .messages-modal input,
body.scene-palace-selected .messages-modal textarea {
  background: rgba(0, 0, 0, 0.82) !important;
  color: #ffffff !important;
  border: 2px solid #00eaff !important;
}

body.scene-palace-selected .messages-compose-form textarea::placeholder,
body.scene-palace-selected .messages-search-input::placeholder,
body.scene-palace-selected .messages-modal input::placeholder,
body.scene-palace-selected .messages-modal textarea::placeholder {
  color: rgba(255, 255, 255, 0.78) !important;
}

body.scene-palace-selected .messages-thread-row:hover,
body.scene-palace-selected .messages-thread-row.active,
body.scene-palace-selected .messages-pick-row:hover {
  background: rgba(255, 0, 204, 0.18) !important;
}

/* Lover/Taylor layout should stay soft and pastel instead of blue */
body.lover-palace-selected .messages-page-card,
body.lover-palace-selected .messages-intro,
body.lover-palace-selected .messages-inbox-top,
body.lover-palace-selected .messages-thread-list-full,
body.lover-palace-selected .messages-thread-panel,
body.lover-palace-selected .messages-conversation-panel,
body.lover-palace-selected .messages-conversation-list,
body.lover-palace-selected .messages-compose-form,
body.lover-palace-selected .messages-modal-card,
body.lover-palace-selected .messages-new-columns section,
body.lover-palace-selected .messages-pick-list,
body.lover-palace-selected .messages-thread-row,
body.lover-palace-selected .messages-thread-row-full,
body.lover-palace-selected .messages-pick-row,
body.lover-palace-selected .message-bubble {
  background: rgba(255, 255, 255, 0.82) !important;
  color: #59405d !important;
  border-color: #e6a7c8 !important;
}

body.lover-palace-selected .messages-page-card .palace-title-bar,
body.lover-palace-selected .messages-modal .messages-conversation-header,
body.lover-palace-selected .messages-modal .messages-panel-title {
  background: linear-gradient(135deg, #fff9fd, #ffd7ea, #dff4ff) !important;
  color: #59405d !important;
  border-color: #e6a7c8 !important;
  text-shadow: none !important;
}

/* ==========================================================
   v66 REAL FIX: Messages sizing + Emo message theme
   This block must stay at the very bottom of palace.css.
   ========================================================== */

/* Let the messages card use the full layout content width instead of the default 820px palace-card limit. */
.member-content .messages-page-card {
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Scene Queen: keep the messages box roomy and balanced. */
body.scene-palace-selected .member-content.scene-layout-active .messages-page-card {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

body.scene-palace-selected .member-content.scene-layout-active .messages-thread-list-full {
  min-height: 340px !important;
}

/* Emo layout: force messages to use black/pink emo styling instead of the fallback blue. */
body.emo-palace-selected .member-content.emo-layout-active .messages-page-card,
body.emo-palace-selected .member-content.emo-layout-active .messages-intro,
body.emo-palace-selected .member-content.emo-layout-active .messages-inbox-top,
body.emo-palace-selected .member-content.emo-layout-active .messages-thread-list-full,
body.emo-palace-selected .member-content.emo-layout-active .messages-thread-panel,
body.emo-palace-selected .member-content.emo-layout-active .messages-conversation-panel,
body.emo-palace-selected .member-content.emo-layout-active .messages-conversation-list,
body.emo-palace-selected .member-content.emo-layout-active .messages-compose-form,
body.emo-palace-selected .member-content.emo-layout-active .messages-modal-card,
body.emo-palace-selected .member-content.emo-layout-active .messages-new-columns section,
body.emo-palace-selected .member-content.emo-layout-active .messages-pick-list,
body.emo-palace-selected .member-content.emo-layout-active .messages-thread-row,
body.emo-palace-selected .member-content.emo-layout-active .messages-thread-row-full,
body.emo-palace-selected .member-content.emo-layout-active .messages-pick-row,
body.emo-palace-selected .member-content.emo-layout-active .message-bubble,
body.emo-palace-selected .messages-page-card,
body.emo-palace-selected .messages-intro,
body.emo-palace-selected .messages-inbox-top,
body.emo-palace-selected .messages-thread-list-full,
body.emo-palace-selected .messages-thread-panel,
body.emo-palace-selected .messages-conversation-panel,
body.emo-palace-selected .messages-conversation-list,
body.emo-palace-selected .messages-compose-form,
body.emo-palace-selected .messages-modal-card,
body.emo-palace-selected .messages-new-columns section,
body.emo-palace-selected .messages-pick-list,
body.emo-palace-selected .messages-thread-row,
body.emo-palace-selected .messages-thread-row-full,
body.emo-palace-selected .messages-pick-row,
body.emo-palace-selected .message-bubble {
  background: rgba(5, 5, 8, 0.92) !important;
  color: #ffffff !important;
  border-color: #ff9adf !important;
  box-shadow: 0 0 12px rgba(255, 20, 147, 0.35) !important;
}

body.emo-palace-selected .member-content.emo-layout-active .messages-page-card .palace-title-bar,
body.emo-palace-selected .member-content.emo-layout-active .messages-panel-title,
body.emo-palace-selected .member-content.emo-layout-active .messages-conversation-header,
body.emo-palace-selected .messages-page-card .palace-title-bar,
body.emo-palace-selected .messages-panel-title,
body.emo-palace-selected .messages-conversation-header,
body.emo-palace-selected .messages-modal .messages-conversation-header,
body.emo-palace-selected .messages-modal .messages-panel-title {
  background: linear-gradient(180deg, #ff9adf, #2b1024) !important;
  color: #ffffff !important;
  border-color: #ffd1ef !important;
  text-shadow: 1px 1px #000000, 0 0 8px #ff1493 !important;
  box-shadow: 0 0 10px rgba(255, 20, 147, 0.45) !important;
}

body.emo-palace-selected .member-content.emo-layout-active .messages-new-search input,
body.emo-palace-selected .member-content.emo-layout-active .messages-compose-form textarea,
body.emo-palace-selected .messages-new-search input,
body.emo-palace-selected .messages-compose-form textarea,
body.emo-palace-selected .messages-modal input,
body.emo-palace-selected .messages-modal textarea {
  background: rgba(0, 0, 0, 0.85) !important;
  color: #ffffff !important;
  border: 2px solid #ff9adf !important;
}

body.emo-palace-selected .member-content.emo-layout-active .messages-new-search input::placeholder,
body.emo-palace-selected .member-content.emo-layout-active .messages-compose-form textarea::placeholder,
body.emo-palace-selected .messages-new-search input::placeholder,
body.emo-palace-selected .messages-compose-form textarea::placeholder,
body.emo-palace-selected .messages-modal input::placeholder,
body.emo-palace-selected .messages-modal textarea::placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
}

body.emo-palace-selected .member-content.emo-layout-active .messages-thread-row:hover,
body.emo-palace-selected .member-content.emo-layout-active .messages-thread-row.active,
body.emo-palace-selected .member-content.emo-layout-active .messages-pick-row:hover,
body.emo-palace-selected .messages-thread-row:hover,
body.emo-palace-selected .messages-thread-row.active,
body.emo-palace-selected .messages-pick-row:hover {
  background: rgba(255, 20, 147, 0.22) !important;
}


/* ==========================================================
   v67 REAL FIX: messages page sizing per layout
   - Only applies on messages.html through body.messages-body.
   - Scene Queen gets the same roomy content width as the other layouts.
   ========================================================== */

body.messages-body.scene-palace-selected .site-shell {
  width: min(1180px, 96%) !important;
  max-width: 1180px !important;
}

body.messages-body.scene-palace-selected .main-panel.palace-main {
  width: 100% !important;
  max-width: none !important;
}

body.messages-body.scene-palace-selected .member-area-layout.scene-layout-active {
  width: 100% !important;
  max-width: 1120px !important;
  grid-template-columns: 210px minmax(0, 1fr) !important;
  gap: 18px !important;
  box-sizing: border-box !important;
}

body.messages-body.scene-palace-selected .member-content.scene-layout-active {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.messages-body.scene-palace-selected .messages-page-card {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.messages-body.scene-palace-selected .messages-thread-list-full {
  min-height: 340px !important;
}

/* Keep Emo message panels black/pink and not blue. */
body.messages-body.emo-palace-selected .messages-page-card,
body.messages-body.emo-palace-selected .messages-intro,
body.messages-body.emo-palace-selected .messages-inbox-top,
body.messages-body.emo-palace-selected .messages-thread-list-full,
body.messages-body.emo-palace-selected .messages-thread-row-full,
body.messages-body.emo-palace-selected .messages-modal-card,
body.messages-body.emo-palace-selected .messages-thread-panel,
body.messages-body.emo-palace-selected .messages-conversation-panel {
  background: rgba(0,0,0,0.82) !important;
  color: #fff !important;
  border-color: #ff7ac8 !important;
}

body.messages-body.emo-palace-selected .messages-page-card .palace-title-bar,
body.messages-body.emo-palace-selected .messages-modal .messages-conversation-header,
body.messages-body.emo-palace-selected .messages-modal .messages-panel-title {
  background: linear-gradient(#ff9bd8, #6f2f62) !important;
  color: #fff !important;
  border-color: #ffb6e6 !important;
}

/* Saved Dolls 2.0 gallery */
.my-dolls-grid{
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  align-items:start;
}
.doll-card.saved-doll-card{
  padding:16px;
  border-radius:16px;
}
.saved-doll-card .doll-image-frame{
  min-height:330px;
  background:rgba(255,255,255,0.12);
  border:2px dashed rgba(255,255,255,0.55);
  border-radius:14px;
  padding:14px;
}
.saved-doll-card .doll-image-frame img{
  max-width:100%;
  max-height:320px;
  width:auto;
  height:auto;
  image-rendering:auto;
}
.doll-select-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:12px auto 8px;
  padding:8px 10px;
  width:max-content;
  max-width:100%;
  border:1px solid #9adfff;
  border-radius:999px;
  background:#1579bd;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
}
.doll-select-row input{
  width:18px;
  height:18px;
  accent-color:#ff69b4;
}
.doll-saved-date{
  margin:8px 0;
  font-size:14px;
}
.my-dolls-actions{
  position:sticky;
  bottom:10px;
  z-index:5;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:18px;
  padding:14px;
  border:2px solid #8bd3ff;
  border-radius:14px;
  background:#06365f;
  box-shadow:0 8px 22px rgba(0,0,0,0.22);
}
.my-dolls-actions button{
  border:1px solid #9adfff;
  background:#1579bd;
  color:#fff;
  padding:10px 18px;
  border-radius:999px;
  cursor:pointer;
  font-weight:bold;
}
.my-dolls-actions button:hover:not(:disabled){
  background:#1f93df;
}
.my-dolls-actions button:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.doll-delete-actions{
  margin-top:10px;
}
@media (max-width: 760px){
  .my-dolls-grid{
    grid-template-columns:1fr;
  }
  .saved-doll-card .doll-image-frame{
    min-height:280px;
  }
  .saved-doll-card .doll-image-frame img{
    max-height:270px;
  }
}


/* Saved Dolls 3.0 compact gallery override */
.my-dolls-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap:18px !important;
  align-items:end !important;
  padding:12px 4px 4px !important;
}
.doll-card.saved-doll-card.doll-gallery-item{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:6px !important;
  text-align:center !important;
  color:inherit !important;
  min-width:0 !important;
}
.doll-gallery-item .doll-image-frame{
  min-height:170px !important;
  height:190px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  overflow:visible !important;
}
.doll-gallery-item .doll-image-frame img{
  max-width:140px !important;
  max-height:185px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  image-rendering:auto !important;
}
.doll-gallery-item .doll-select-row{
  margin:8px auto 4px !important;
  padding:5px 9px !important;
  font-size:13px !important;
  border-radius:999px !important;
  width:max-content !important;
}
.doll-gallery-item .doll-select-row input{
  width:16px !important;
  height:16px !important;
}
.doll-gallery-item .doll-saved-date{
  margin:4px 0 0 !important;
  font-size:12px !important;
  font-weight:bold !important;
}
.doll-gallery-item .doll-badges{
  margin:5px 0 0 !important;
  gap:4px !important;
}
.doll-gallery-item .doll-badges span{
  font-size:11px !important;
  padding:3px 6px !important;
}
.my-dolls-actions{
  position:sticky !important;
  bottom:10px !important;
  margin-top:18px !important;
}
@media (min-width: 1180px){
  .my-dolls-grid{
    grid-template-columns:repeat(auto-fill, minmax(135px, 1fr)) !important;
  }
}
@media (max-width: 760px){
  .my-dolls-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .doll-gallery-item .doll-image-frame{
    height:165px !important;
    min-height:150px !important;
  }
  .doll-gallery-item .doll-image-frame img{
    max-width:125px !important;
    max-height:160px !important;
  }
}


/* v76: My Dolls gallery follows the active profile theme */
.my-dolls-page-card {
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

body.scene-palace-selected .my-dolls-page-card,
body.scene-palace-selected .my-dolls-intro,
body.scene-palace-selected .my-dolls-empty,
body.scene-palace-selected .my-dolls-actions {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff00cc !important;
  box-shadow: 0 0 14px #00eaff !important;
  color: #fff !important;
}
body.scene-palace-selected .my-dolls-page-card .palace-title-bar {
  background: rgba(255,0,204,.18) !important;
  border: 3px dashed #39ff14 !important;
  color: #39ff14 !important;
  text-shadow: 2px 2px #ff00cc, 0 0 10px #00eaff !important;
}
body.scene-palace-selected .doll-select-row,
body.scene-palace-selected .my-dolls-actions button {
  background: linear-gradient(90deg, #ff00cc, #8a2be2) !important;
  border: 2px solid #00eaff !important;
  color: #fff !important;
  box-shadow: 0 0 10px #ff00cc !important;
}

body.emo-palace-selected .my-dolls-page-card,
body.emo-palace-selected .my-dolls-intro,
body.emo-palace-selected .my-dolls-empty,
body.emo-palace-selected .my-dolls-actions {
  background: rgba(0,0,0,.86) !important;
  border: 3px dashed #ff8bd1 !important;
  box-shadow: 0 0 12px #ff1493 !important;
  color: #fff !important;
}
body.emo-palace-selected .my-dolls-page-card .palace-title-bar {
  background: rgba(0,0,0,.88) !important;
  border: 3px dashed #ff8bd1 !important;
  color: #ffd6f0 !important;
  text-shadow: 0 0 8px #ff1493, 0 0 14px #fff !important;
}
body.emo-palace-selected .doll-select-row,
body.emo-palace-selected .my-dolls-actions button {
  background: #ff69b4 !important;
  color: #000 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 0 8px #ff1493 !important;
}

body.cyber-palace-selected .my-dolls-page-card,
body.cyber-palace-selected .my-dolls-intro,
body.cyber-palace-selected .my-dolls-empty,
body.cyber-palace-selected .my-dolls-actions {
  background: rgba(1,0,18,.88) !important;
  border: 3px solid #00eaff !important;
  box-shadow: 0 0 12px #00eaff, inset 0 0 16px rgba(138,43,226,.35) !important;
  color: #eafbff !important;
}
body.cyber-palace-selected .my-dolls-page-card .palace-title-bar {
  background: rgba(3,0,26,.9) !important;
  border: 2px solid #9a7cff !important;
  color: #c7f8ff !important;
  text-shadow: 0 0 8px #00eaff, 0 0 14px #8a2be2 !important;
  box-shadow: 0 0 10px #00eaff !important;
}
body.cyber-palace-selected .doll-select-row,
body.cyber-palace-selected .my-dolls-actions button {
  background: linear-gradient(135deg, #00eaff, #8a2be2) !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  box-shadow: 0 0 8px #00eaff, 0 0 14px #8a2be2 !important;
  text-shadow: 0 0 5px #000 !important;
}

body.lover-palace-selected .my-dolls-page-card,
body.lover-palace-selected .my-dolls-intro,
body.lover-palace-selected .my-dolls-empty,
body.lover-palace-selected .my-dolls-actions {
  background: rgba(255,244,250,.92) !important;
  border: 3px solid #ff8fc7 !important;
  box-shadow: 0 0 18px rgba(255,143,199,.55) !important;
  color: #7b2d55 !important;
}
body.lover-palace-selected .my-dolls-page-card .palace-title-bar {
  background: linear-gradient(90deg, #ffd6ec, #c8b7ff, #bce7ff) !important;
  border: 2px solid #ff8fc7 !important;
  color: #7b2d55 !important;
  text-shadow: 0 1px #fff !important;
}
body.lover-palace-selected .doll-select-row,
body.lover-palace-selected .my-dolls-actions button {
  background: linear-gradient(90deg, #ff9bd1, #c7b6ff) !important;
  border: 2px solid #fff !important;
  color: #5f2648 !important;
  box-shadow: 0 0 10px rgba(255,143,199,.65) !important;
}

body.ts1989-palace-selected .my-dolls-page-card,
body.ts1989-palace-selected .my-dolls-intro,
body.ts1989-palace-selected .my-dolls-empty,
body.ts1989-palace-selected .my-dolls-actions {
  background: rgba(235,250,255,.92) !important;
  border: 3px solid #7ac6e8 !important;
  box-shadow: 0 0 16px rgba(122,198,232,.55) !important;
  color: #16475d !important;
}
body.ts1989-palace-selected .my-dolls-page-card .palace-title-bar {
  background: linear-gradient(90deg, #dff7ff, #ffffff, #b7e7ff) !important;
  border: 2px solid #7ac6e8 !important;
  color: #16475d !important;
  text-shadow: 0 1px #fff !important;
}
body.ts1989-palace-selected .doll-select-row,
body.ts1989-palace-selected .my-dolls-actions button {
  background: linear-gradient(90deg, #8ed8f8, #ffffff) !important;
  border: 2px solid #7ac6e8 !important;
  color: #16475d !important;
  box-shadow: 0 0 10px rgba(122,198,232,.65) !important;
}

body.scene-palace-selected .doll-saved-date,
body.emo-palace-selected .doll-saved-date,
body.cyber-palace-selected .doll-saved-date {
  color: #fff !important;
}
body.lover-palace-selected .doll-saved-date,
body.ts1989-palace-selected .doll-saved-date {
  color: inherit !important;
}

/* Featured Doll + Top 8 Friends profile sections */
.featured-doll-section,
.top-friends-section {
  margin-top: 18px;
  padding: 14px;
  border: 2px dashed currentColor;
  border-radius: 10px;
  text-align: center;
}

.featured-doll-section h2,
.top-friends-section h2 {
  margin: 0 0 12px;
  text-align: center;
}

.featured-doll-view {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  min-height: 240px;
}

.featured-doll-item {
  height: 240px;
  min-height: 240px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
  line-height: 1;
}

.featured-doll-item > img,
.featured-doll-item > .dp-saved-animated-doll,
.featured-doll-item > .dp-premium-upload-featured-frame {
  align-self: flex-end;
  margin-bottom: 0;
}

.featured-doll-view img {
  max-height: 220px;
  max-width: 260px;
  object-fit: contain;
  object-position: bottom center;
  image-rendering: auto;
}

.top-friends-view {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
  gap: 12px;
  align-items: start;
}

.top-friend-card {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 8px;
  border: 1px solid currentColor;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
}

.top-friend-card img,
.top-friend-avatar-fallback {
  width: 62px;
  height: 62px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
  margin: 0 auto 6px;
  border: 1px solid currentColor;
}

.top-friend-avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background: rgba(255,255,255,.18);
}

.top-friend-name {
  font-weight: bold;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.top8-picker-box {
  margin-top: 18px;
  padding: 14px;
  border: 2px dashed currentColor;
  border-radius: 10px;
}

.top8-picker-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.top8-picker-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border: 1px solid currentColor;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
}

.top8-picker-row input { transform: scale(1.2); }

.top8-picker-avatar,
.top8-picker-avatar-fallback {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid currentColor;
}

.top8-picker-avatar-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.18);
  font-weight: bold;
}

.top8-picker-name { font-weight: bold; }
.top8-picker-help { font-size: 12px; opacity: .85; margin-top: 4px; }

.top8-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}


/* v78: Featured Doll + Top 8 consistent profile display */
.featured-doll-section,
.top-friends-section {
  width: 100%;
  box-sizing: border-box;
  clear: both;
}
.featured-doll-view img {
  display: block;
  margin: 0 auto;
}
.top-friends-view {
  justify-content: center;
}
.top-friend-card {
  text-align: center;
}

/* ==========================================================
   v79 Profile layout polish
   - Make owner Featured Doll / Top 8 match visitor-style boxes
   - Stretch My Collectibles sidebar panel down with profile content
   ========================================================== */

/* Let the left sidebar stretch alongside the full profile content. */
.member-area-layout,
body.scene-palace-selected .member-area-layout.scene-layout-active,
body.emo-palace-selected .member-area-layout.emo-layout-active,
body.cyber-palace-selected .member-area-layout.cyber-layout-active,
body.lover-palace-selected .member-area-layout.lover-layout-active,
body.ts1989-palace-selected .member-area-layout.ts1989-layout-active {
  align-items: stretch !important;
}

.member-sidebar {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}

/* The collectibles box grows downward, but collectible items stay their normal size. */
.blinkies-sidebar-box,
body.scene-palace-selected .blinkies-sidebar-box,
body.emo-palace-selected .blinkies-sidebar-box,
body.cyber-palace-selected .blinkies-sidebar-box,
body.lover-palace-selected .blinkies-sidebar-box,
body.ts1989-palace-selected .blinkies-sidebar-box,
body:not(.scene-palace-selected) .blinkies-sidebar-box {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 640px !important;
}

.blinkies-view,
body.scene-palace-selected .blinkies-view,
body.emo-palace-selected .blinkies-view,
body.cyber-palace-selected .blinkies-view,
body.lover-palace-selected .blinkies-view,
body.ts1989-palace-selected .blinkies-view {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  justify-content: center !important;
}

/* Owner and visitor profile sections should share the same strong framed look. */
#palace-view .featured-doll-section,
#palace-view .top-friends-section,
.featured-doll-section,
.top-friends-section {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
  padding: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
  border-radius: 10px !important;
  clear: both !important;
  background: rgba(0, 0, 0, .72) !important;
  border: 2px dashed rgba(255, 255, 255, .85) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16), 0 0 10px rgba(0,0,0,.35) !important;
}

#palace-view .featured-doll-section h2,
#palace-view .top-friends-section h2,
.featured-doll-section h2,
.top-friends-section h2 {
  margin: 0 0 12px !important;
  text-align: center !important;
  font-weight: bold !important;
}

.featured-doll-view {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 170px !important;
}

.featured-doll-view img {
  display: block !important;
  margin: 0 auto !important;
  max-height: 240px !important;
  max-width: 280px !important;
  object-fit: contain !important;
}

.top-friends-view {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 12px !important;
  align-items: center !important;
}

.top-friend-card {
  width: 105px !important;
  min-height: 94px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Theme accents while keeping the same layout structure. */
body.scene-palace-selected #palace-view .featured-doll-section,
body.scene-palace-selected #palace-view .top-friends-section,
body.scene-palace-selected .featured-doll-section,
body.scene-palace-selected .top-friends-section {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #ffd6f3 !important;
  box-shadow: 0 0 12px #ff00cc, inset 0 0 10px rgba(255,0,204,.18) !important;
}

body.cyber-palace-selected #palace-view .featured-doll-section,
body.cyber-palace-selected #palace-view .top-friends-section,
body.cyber-palace-selected .featured-doll-section,
body.cyber-palace-selected .top-friends-section {
  background: rgba(3, 3, 18, .84) !important;
  border: 3px dashed #73fff4 !important;
  box-shadow: 0 0 15px rgba(115,255,244,.75), inset 0 0 12px rgba(255,76,210,.22) !important;
}

body.emo-palace-selected #palace-view .featured-doll-section,
body.emo-palace-selected #palace-view .top-friends-section,
body.emo-palace-selected .featured-doll-section,
body.emo-palace-selected .top-friends-section {
  background: rgba(0,0,0,.82) !important;
  border: 3px dashed #b6b6ff !important;
  box-shadow: 0 0 12px rgba(120,90,255,.55), inset 0 0 10px rgba(255,255,255,.08) !important;
}

body.lover-palace-selected #palace-view .featured-doll-section,
body.lover-palace-selected #palace-view .top-friends-section,
body.lover-palace-selected .featured-doll-section,
body.lover-palace-selected .top-friends-section {
  background: rgba(255,244,252,.92) !important;
  border: 3px dashed #ff9ed6 !important;
  box-shadow: 0 0 14px rgba(255,158,214,.55) !important;
}

body.ts1989-palace-selected #palace-view .featured-doll-section,
body.ts1989-palace-selected #palace-view .top-friends-section,
body.ts1989-palace-selected .featured-doll-section,
body.ts1989-palace-selected .top-friends-section {
  background: rgba(235,250,255,.92) !important;
  border: 3px dashed #7ac6e8 !important;
  box-shadow: 0 0 14px rgba(122,198,232,.55) !important;
}

@media (max-width: 760px) {
  .blinkies-sidebar-box,
  body.scene-palace-selected .blinkies-sidebar-box,
  body.emo-palace-selected .blinkies-sidebar-box,
  body.cyber-palace-selected .blinkies-sidebar-box,
  body.lover-palace-selected .blinkies-sidebar-box,
  body.ts1989-palace-selected .blinkies-sidebar-box {
    min-height: 360px !important;
  }
}

/* v81: Multiple Featured Dolls + public sidebar stretch polish */
.featured-doll-view {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 170px !important;
}
.featured-doll-item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 90px !important;
  min-height: 130px !important;
}
.featured-doll-item img,
.featured-doll-view > img {
  display: block !important;
  margin: 0 auto !important;
  max-height: 240px !important;
  max-width: 180px !important;
  object-fit: contain !important;
}
.my-dolls-actions {
  gap: 10px !important;
  flex-wrap: wrap !important;
}
#remove-palace-doll {
  background: linear-gradient(#ffd2ea, #d46d9f) !important;
}
/* Stretch the public/profile-preview collectibles column without stretching the items. */
.profile-preview-layout,
.public-profile-layout,
.profile-shell,
.palace-profile-layout {
  align-items: stretch !important;
}
.profile-preview-layout .member-sidebar,
.public-profile-layout .member-sidebar,
.profile-shell .member-sidebar,
.palace-profile-layout .member-sidebar {
  align-self: stretch !important;
}
.profile-preview-layout .blinkies-sidebar-box,
.public-profile-layout .blinkies-sidebar-box,
.profile-shell .blinkies-sidebar-box,
.palace-profile-layout .blinkies-sidebar-box {
  flex: 1 1 auto !important;
  min-height: 760px !important;
}

.badge-premium,
.badge-vip {
  background: linear-gradient(135deg, #fff4a8, #ffd166, #ff9f1c);
  color: #5a3200;
  border: 1px solid rgba(120, 74, 0, 0.35);
}

.premium-doll-upload,
.premium-doll-locked {
  margin: 12px 0 18px;
  padding: 12px;
  border: 2px dashed rgba(255,255,255,0.45);
  border-radius: 12px;
  background: rgba(255,255,255,0.12);
}
.premium-upload-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.premium-upload-form input[type="text"],
.premium-upload-form input[type="file"] {
  max-width: 320px;
}

/* v112: keep rebuilt animated GIF dolls aligned inside My Dolls cards */
.doll-gallery-item .doll-image-frame .dp-saved-animated-doll-viewport{
  width:140px !important;
  height:185px !important;
  max-width:140px !important;
  flex:0 0 140px !important;
  align-self:flex-end !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.doll-gallery-item .doll-image-frame .dp-saved-animated-doll-stage,
.doll-gallery-item .doll-image-frame .dp-saved-animated-doll-stage img{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* v123: Featured animated dolls measure against their own saved PNG preview so they match normal Featured Doll sizing. */
.featured-doll-item .dp-featured-animated-doll-viewport{
  display:inline-block !important;
  position:relative !important;
  margin:0 auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  line-height:0 !important;
}
.featured-doll-item .dp-featured-animated-measure-img{
  display:block !important;
  max-width:180px !important;
  max-height:240px !important;
  object-fit:contain !important;
  opacity:0 !important;
  pointer-events:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.featured-doll-item .dp-featured-animated-layer-box,
.featured-doll-item .dp-featured-animated-doll-stage,
.featured-doll-item .dp-featured-animated-doll-stage img{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* v131: Premium uploaded dolls align to the same baseline as maker-created Featured Dolls. */
.featured-doll-view {
  align-items: flex-end !important;
}
.featured-doll-item {
  height: 230px !important;
  min-height: 230px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  overflow: visible !important;
}
.featured-doll-item > .dp-featured-static-doll-frame {
  width: 180px !important;
  height: 210px !important;
  max-width: 180px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.featured-doll-item > .dp-featured-static-doll-frame > img.dp-featured-static-doll-img {
  display: block !important;
  max-height: 185px !important;
  max-width: 170px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* v136: premium uploaded dolls only. Match maker-created doll display limits without changing maker dolls. */
.doll-gallery-item .doll-image-frame img.dp-premium-upload-my-dolls-img {
  max-width: 140px !important;
  max-height: 185px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: bottom center !important;
  align-self: flex-end !important;
}
.featured-doll-item > .dp-premium-upload-featured-frame {
  width: 180px !important;
  height: 240px !important;
  max-width: 180px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  margin: 0 auto !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.featured-doll-item > .dp-premium-upload-featured-frame > img.dp-premium-upload-featured-img {
  display: block !important;
  max-width: 180px !important;
  max-height: 240px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: bottom center !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* v145: keep v144 first-add bottom alignment, but restore larger Featured Doll display size.
   This only affects the Featured Dolls presentation frame; maker save data is untouched. */
.featured-doll-view {
  align-items: flex-end !important;
  min-height: 250px !important;
}
.featured-doll-item {
  height: 250px !important;
  min-height: 250px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  overflow: visible !important;
}
.featured-doll-item > img,
.featured-doll-view > img {
  max-height: 220px !important;
  max-width: 210px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: bottom center !important;
}
.featured-doll-item .dp-featured-animated-measure-img {
  max-width: 210px !important;
  max-height: 220px !important;
}
.featured-doll-item .dp-featured-animated-doll-viewport {
  align-self: flex-end !important;
}
.featured-doll-item > .dp-premium-upload-featured-frame {
  height: 250px !important;
  max-width: 210px !important;
  align-items: flex-end !important;
}
.featured-doll-item > .dp-premium-upload-featured-frame > img.dp-premium-upload-featured-img {
  max-width: 210px !important;
  max-height: 220px !important;
  object-position: bottom center !important;
}
