/* Approved Character v2: painted pieces, independent functional side scrollers. */
body[data-preview="phone"] .painted-interior .interior-window {
  background:#cfc0a4 none center / cover no-repeat!important;
}
body[data-preview="phone"] .painted-interior .scene::before,
body[data-preview="phone"] .painted-interior .scene::after {
  content:'';display:block;position:absolute;top:0;bottom:0;
  width:calc(7.8 * var(--ui-unit));height:auto;z-index:1;
  pointer-events:none;mask:none;transform:none;filter:none;
  background-size:100% auto;background-repeat:repeat-y;background-color:transparent;
}
body[data-preview="phone"] .painted-interior .scene::before {
  left:0;right:auto;background-image:none;
  mask-image:none;-webkit-mask-image:none;
}
body[data-preview="phone"] .painted-interior .scene::after {
  right:0;left:auto;background-image:none;
  mask-image:none;-webkit-mask-image:none;
}
body[data-preview="phone"] .painted-interior .phone-stone-decoration {
  display:block;position:absolute;top:0;bottom:0;width:calc(.9 * var(--ui-unit));
  z-index:1;pointer-events:none;
  mask-image:linear-gradient(to bottom,transparent,#000 8px,#000 calc(100% - 8px),transparent);
}
body[data-preview="phone"] .painted-interior .phone-stone-decoration.left {
  left:calc(7.6 * var(--ui-unit));right:auto;
  background:linear-gradient(to right,#4b392729,transparent);
}
body[data-preview="phone"] .painted-interior .phone-stone-decoration.right {
  right:calc(7.6 * var(--ui-unit));left:auto;
  background:linear-gradient(to left,#4b392729,transparent);
}
body[data-preview="phone"] .painted-interior .phone-stone-decoration .edge {display:none;}
body[data-preview="phone"] .painted-interior #activities,
body[data-preview="phone"] .painted-interior #submenus {
  width:calc(7.8 * var(--ui-unit));padding:0;z-index:3;
  background:none;isolation:isolate;
}
body[data-preview="phone"] .painted-interior #activities .panel-scroll,
body[data-preview="phone"] .painted-interior #submenus .panel-scroll {
  max-height:calc(27.6 * var(--ui-unit));scroll-snap-type:y mandatory;
  mask-image:none;-webkit-mask-image:none;
}
body[data-preview="phone"] .painted-interior #activities .activity:nth-child(n),
body[data-preview="phone"] .painted-interior #submenus .submenu-button:nth-child(n) {
  height:calc(6.9 * var(--ui-unit));min-height:calc(6.9 * var(--ui-unit));
  padding:0 calc(1.6 * var(--ui-unit));display:flex;align-items:center;
  justify-content:center;background:none;box-shadow:none;isolation:isolate;
  scroll-snap-align:start;
}
body[data-preview="phone"] .painted-interior #activities .activity::after,
body[data-preview="phone"] .painted-interior #submenus .submenu-button::after {
  content:'';display:block;position:absolute;
  inset:calc(.35 * var(--ui-unit)) calc(1.1 * var(--ui-unit));
  border:0;border-image:none;border-radius:0;box-shadow:none;
  background:none center / 100% 100% no-repeat;
  z-index:-1;pointer-events:none;opacity:1;transform:none;clip-path:none;
}
body[data-preview="phone"] .painted-interior #activities .activity.active::after,
body[data-preview="phone"] .painted-interior #submenus .submenu-button.active::after {filter:brightness(.88);opacity:1;}
body[data-preview="phone"] .painted-interior #activities .activity.active::before,
body[data-preview="phone"] .painted-interior #submenus .submenu-button.active::before {
  content:none;display:none;
}
body[data-preview="phone"] .painted-interior #activities .activity:not(.active):hover::after,
body[data-preview="phone"] .painted-interior #submenus .submenu-button:not(.active):hover::after {filter:brightness(1.025);}
body[data-preview="phone"] .painted-interior #activities .icon,
body[data-preview="phone"] .painted-interior #submenus .icon {
  width:calc(4.6 * var(--ui-unit));height:calc(4.6 * var(--ui-unit));flex-shrink:0;
}
/* Center on the flat face: the inner 50/585 of the native rail is its bevel.
   Keep frame/icon sizes; shift both outward by half that bevel width. */
body[data-preview="phone"] .painted-interior #activities .activity::after {
  left:calc(.566667 * var(--ui-unit));right:calc(1.233333 * var(--ui-unit));
}
body[data-preview="phone"] .painted-interior #submenus .submenu-button::after {
  left:calc(1.233333 * var(--ui-unit));right:calc(.566667 * var(--ui-unit));
}
body[data-preview="phone"] .painted-interior #activities .activity:nth-child(n) {
  padding-left:calc(1.266667 * var(--ui-unit));padding-right:calc(1.933333 * var(--ui-unit));
}
body[data-preview="phone"] .painted-interior #submenus .submenu-button:nth-child(n) {
  padding-left:calc(1.933333 * var(--ui-unit));padding-right:calc(1.266667 * var(--ui-unit));
}
body[data-preview="phone"] .painted-interior .side-selection-marker,
body[data-preview="phone"] .painted-interior .activity.active > .side-selection-marker {display:none;}
body[data-preview="phone"] .painted-interior .activity.active > .icon {
  transform:scale(1.05);transform-origin:center;
}
body[data-preview="phone"] .painted-interior .activity.active > .side-selection-marker::before,
body[data-preview="phone"] .painted-interior .activity.active > .side-selection-marker::after {
  content:none;display:none;
}
body[data-preview="phone"] .painted-interior .phone-equipment-hero {
  animation:none;transform:translateX(-50%);will-change:auto;filter:none;
}
body[data-preview="phone"] .painted-interior .phone-equipment-dust {display:none;}
body[data-preview="phone"] .painted-interior .phone-equipment-art > image {
  filter:drop-shadow(1px 3px 3px #4b3c2640);
}
body[data-preview="phone"] .painted-interior .equipment-panel-base {
  filter:drop-shadow(0 2px 2px #4b3c2640);
}
body[data-preview="phone"] .painted-interior .equipment-item-art {filter:none;}
.equipment-set-picker {display:none;}
body[data-preview="phone"] .phone-equipment:not([hidden]) > .equipment-set-picker {
  position:absolute;left:50%;bottom:6px;transform:translateX(-50%);z-index:5;
  display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:auto;
  max-width:29%;box-sizing:border-box;
  padding:4px;border:1px solid #a88a50;border-radius:7px;
  background:linear-gradient(#282621ed,#111819ed);box-shadow:0 2px 6px #0005;
  color:#f2dfb2;font-family:inherit;
}
.equipment-set-options {display:flex;gap:2px;}
.equipment-set-options button {
  width:clamp(16px,2.4 * var(--ui-unit),32px);height:clamp(18px,2.4 * var(--ui-unit),32px);padding:0;border:1px solid #8c774d;border-radius:4px;
  background:linear-gradient(#494238,#252721);color:#f4e4bf;
  font:600 clamp(10px,1.4 * var(--ui-unit),15px)/1 Georgia,serif;cursor:pointer;touch-action:manipulation;
}
.equipment-set-options button[aria-pressed="true"] {
  border-color:#f1ce73;background:linear-gradient(#a73424,#581b14);color:#fff0bb;
  box-shadow:inset 0 0 0 1px #d6ad5c;
}
.equipment-set-options button:focus-visible {outline:2px solid #ffe2a0;outline-offset:2px;}
.equipment-set-name {font-size:clamp(8px,1 * var(--ui-unit),12px);line-height:1.15;white-space:nowrap;}