#collection .toggle-label { display: none; }

.pal-profile-dialog, .add-pal-dialog {
  width: min(1320px, calc(100vw - 60px));
  max-width: calc(100vw - 60px);
  max-height: min(840px, calc(100vh - 34px));
  overflow: auto;
  padding: 0;
  color: #e8fbff;
  background: #071f2c;
  border: 1px solid #55c5d3;
  border-top: 4px solid #67e4e5;
  box-shadow: 0 0 0 3px rgba(46, 152, 172, .2), 0 25px 65px rgba(0, 0, 0, .56);
}
.pal-profile-dialog::backdrop, .add-pal-dialog::backdrop { background: rgba(1, 11, 18, .74); backdrop-filter: blur(6px); }
.pal-profile-dialog { height: min(840px, calc(100vh - 34px)); }
.profile-close { position: sticky; z-index: 8; float: right; top: 12px; right: 12px; margin: 12px 12px 0 0; background: #0c3546; }
.profile-hero { min-height: 230px; display: grid; grid-template-columns: 235px 1fr auto; align-items: center; gap: 23px; padding: 28px 42px 28px 29px; background: linear-gradient(100deg, rgba(12, 64, 81, .96), rgba(11, 37, 51, .9)); border-bottom: 1px solid #3a8da1; }
.profile-image { height: 180px; display: grid; place-items: center; background: radial-gradient(circle, rgba(103, 228, 229, .25), transparent 62%); }.profile-image img { width: 180px; height: 180px; object-fit: contain; filter: drop-shadow(0 16px 13px rgba(0,0,0,.45)); }
.profile-title > p { margin: 0 0 8px; color: #7fe5ea; font: 800 11px Arial,sans-serif; letter-spacing: .15em; }.profile-title h2 { margin: 0 0 14px; font-size: clamp(35px, 5vw, 55px); color: #f4ffff; }.profile-elements { display: flex; gap: 8px; }.element-token, .work-token { display: inline-flex; align-items: center; border: 1px solid #48afbd; background: rgba(23, 124, 145, .32); padding: 5px 9px; color: #c9ffff; font-size: 12px; }.profile-rarity { display: block; margin-top: 14px; color: #ffcf71; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }.profile-own { display: grid; gap: 9px; min-width: 160px; color: #a6d7df; font-size: 12px; text-align: right; }.profile-own b { color: #70ebd8; font-size: 11px; letter-spacing: .1em; }
.profile-layout { display: grid; grid-template-columns: 1.05fr .95fr; gap: 14px; padding: 18px; background: linear-gradient(125deg, rgba(7, 35, 49, .96), rgba(4, 24, 34, .98)); }.profile-column { display: grid; align-content: start; gap: 14px; }.profile-panel { padding: 17px; background: rgba(9, 47, 62, .78); border: 1px solid #286f82; border-top: 3px solid #4cbecd; }.profile-panel h3 { margin: 0 0 12px; color: #7cebf0; font: 800 12px Arial,sans-serif; letter-spacing: .13em; text-transform: uppercase; }.profile-panel h4 { margin: 0 0 8px; color: #f0ffff; font-size: 17px; }.profile-panel p { margin: 0; white-space: pre-line; color: #c3dfe5; line-height: 1.55; }.partner-panel { background: linear-gradient(105deg, rgba(25, 105, 122, .45), rgba(8, 48, 62, .78)); }.profile-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }.profile-stat { display: flex; justify-content: space-between; gap: 10px; padding: 9px 10px; border-left: 3px solid #47bbca; background: rgba(2, 20, 30, .45); font-size: 12px; color: #b5d4da; }.profile-stat b { color: #f1ffff; }.work-tokens { display: flex; flex-wrap: wrap; gap: 7px; }.work-token { border-color: #489f86; background: rgba(40, 130, 112, .23); }.work-token b { color: #a9ffdf; margin-left: 5px; }.skill-line { display: grid; gap: 5px; padding: 10px 0; border-top: 1px solid rgba(106, 202, 212, .18); }.skill-line b { color: #f0ffff; }.skill-line span { color: #aacbd3; font-size: 12px; white-space: pre-line; }.active-panel { max-height: 410px; overflow: auto; }.active-skill { display: grid; grid-template-columns: 1fr auto; gap: 3px 14px; padding: 9px 0; border-top: 1px solid rgba(106, 202, 212, .18); }.active-skill b { color: #ecffff; }.active-skill span, .active-skill em { color: #82c8d2; font-size: 11px; font-style: normal; }.active-skill em { grid-column: 1 / -1; color: #ffc86c; }.profile-muted { color: #86aeb8; font-size: 12px; }

.add-pal-dialog {
  width: min(720px, calc(100vw - 34px));
  height: min(720px, calc(100dvh - 34px));
  max-height: calc(100dvh - 34px);
  padding: 22px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.add-pal-dialog:not([open]) { display: none; }
.add-pal-dialog .dialog-head { margin-bottom: 15px; flex: 0 0 auto; }
.add-pal-dialog .search { width: 100%; flex: 0 0 auto; }
.add-pal-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 15px;
  min-height: 0;
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.add-pal-row { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 6px 9px; color: #ddfaff; text-align: left; background: #0b3548; border: 1px solid #34798b; cursor: pointer; }.add-pal-row:hover { border-color: #77f1ef; background: #115268; }.add-pal-row img { width: 44px; height: 44px; object-fit: contain; }.add-pal-row span { flex: 1; font-weight: 700; }.add-pal-row b { color: #70ebd8; font-size: 22px; }.owned-grid .ownership { display: block; }

@media (max-width: 760px) { .pal-profile-dialog, .add-pal-dialog { width: calc(100vw - 16px); max-width: calc(100vw - 16px); }.pal-profile-dialog { height: calc(100vh - 16px); }.add-pal-dialog { height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); }.profile-hero { grid-template-columns: 105px 1fr; gap: 10px; padding: 20px 17px; }.profile-image, .profile-image img { height: 96px; width: 96px; }.profile-own { grid-column: 1 / -1; text-align: left; grid-template-columns: 1fr 1fr; }.profile-layout { grid-template-columns: 1fr; padding: 10px; }.profile-stats { grid-template-columns: 1fr; }.add-pal-list { grid-template-columns: 1fr; }.profile-title h2 { font-size: 31px; } }