.pk-collection {
  --pk-ink: #304c5d;
  --pk-muted: #77909d;
  --pk-line: #d8e4e8;
  --pk-accent: #327b79;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.pk-heading { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin: 8px 0 23px; }
.pk-heading h1 { font-size: clamp(29px, 3.6vw, 39px); margin: 6px 0 0; color: #284c5b; letter-spacing: -1px; }
.pk-heading .j-eyebrow { color: #7696a1; font-size: 9px; letter-spacing: 2px; }
.pk-overview { display: flex; align-items: center; gap: 24px; }
.pk-overview > span { display: grid; gap: 5px; color: var(--pk-muted); font-size: 10px; }
.pk-overview > span > strong { color: var(--pk-ink); font-size: 24px; font-weight: 800; }
.pk-overview .j-potion-count { display: inline-flex; gap: 7px; align-items: center; border: 1px solid #d7e3e8; background: #fff; border-radius: 10px; padding: 13px 16px; color: #557e8f; font-size: 11px; }
.pk-overview .icon { width: 18px; height: 18px; }
.pk-jumps { display: inline-flex !important; gap: 3px !important; padding: 4px; margin: 0 0 24px !important; border: 1px solid var(--pk-line); border-radius: 10px; background: #e8f0f1; }
.pk-jumps button { border: 0 !important; padding: 9px 15px !important; border-radius: 7px !important; box-shadow: none !important; font-size: 11px; color: #4c7380; background: #fff !important; }
.pk-jumps button b { color: #7c9a9f; margin-left: 8px; }
.pk-section-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 13px; }
.pk-section-title h2 { color: var(--pk-ink); font-size: 15px; font-weight: 800; margin: 0; scroll-margin-top: 150px; }
.pk-section-title h2 > span { display: inline-block; color: #7a949f; margin-left: 9px; font-size: 11px; font-weight: 650; }
.pk-order-caption { color: #8ba1aa; font-size: 10px; }
.pk-team-section { margin-bottom: 30px; }
.pk-party-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 11px; }
.pk-party-card.j-roster-card {
  position: relative;
  min-width: 0;
  padding: 0;
  border: 1px solid #d4e1e5;
  border-top: 3px solid var(--pk-color);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 8px #2d4c5c05;
  overflow: hidden;
}
.pk-party-card.j-roster-card.is-leader { border-color: #b8cfc9; border-top-color: #398f7e; box-shadow: 0 3px 10px #327c7110; }
.pk-party-card .team-order-tools { display: flex; align-items: center; justify-content: space-between; padding: 6px 9px 3px; gap: 3px; background: transparent; border: 0; min-height: 23px; }
.pk-party-card .team-order-tools > span { color: #94a8b0; font-size: 9px; display: flex; gap: 6px; align-items: center; }
.pk-party-card .team-order-tools > span > b { font-size: 9px; }
.pk-party-card .team-order-tools .pk-leader { color: #3d8974; font-size: 8px; font-weight: 750; text-transform: uppercase; letter-spacing: .3px; }
.pk-drag { font-size: 15px; color: #abb9bf; }
.pk-box-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:180px;padding:28px;border:1px dashed #becdd9;border-radius:12px;background:#f4f8fb;text-align:center;color:#6b8296}
.pk-box-locked>span{font-size:28px;color:#90a5b7}.pk-box-locked>strong{font-size:16px;color:#496880}.pk-box-locked>p{font-size:12px;margin:0}
.pk-jumps button:disabled{opacity:.45;cursor:default}.center-box-button{margin-top:18px;background:#e8f2f7;border:1px solid #b9cfdd;color:#315c77}
.pk-party-card .team-order-tools > div { display: flex; gap: 1px; }
.pk-party-card .team-order-tools button { width: 20px; height: 19px; min-height: 0; padding: 0; border: 0; border-radius: 4px; background: #eff4f5; color: #6b8995; font-size: 11px; }
.pk-party-card .team-order-tools button:disabled { opacity: .3; }
.pk-party-face { display: grid; grid-template-columns: 55px minmax(0, 1fr); align-items: center; gap: 4px; width: 100%; padding: 1px 8px 2px; text-align: left; border: 0; background: transparent; }
.pk-party-face > .sprite { display: block; width: 55px; height: 55px; object-fit: contain; }
.pk-party-face > span { min-width: 0; }
.pk-party-face strong { display: block; font-size: 12px; color: #3b5866; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-party-face small { display: block; font-size: 9px; color: #8aa0a8; margin-top: 4px; }
.pk-condition { display: inline-block; font-size: 8px; padding: 3px 5px; color: #986c42; background: #fbecd8; border-radius: 4px; line-height: 1.25; }
.pk-condition.low { color: #b95662; background: #fce6e9; }
.pk-party-types { padding: 1px 10px; display: flex; flex-wrap: wrap; gap: 3px; min-height: 20px; }
.pk-party-types .type { font-size: 7px; padding: 3px 5px; }
.pk-party-health { padding: 5px 11px 7px; }
.pk-party-health .hp-track { height: 5px; border: 0; background: #e8eff0; box-shadow: none; }
.pk-party-health > span { display: block; text-align: right; font-size: 8px; color: #79939b; margin-top: 4px; }
.pk-party-actions { display: flex; gap: 4px; align-items: stretch; padding: 7px; border-top: 1px solid #edf2f3; background: #fafcfc; }
.pk-action { display: inline-flex; justify-content: center; align-items: center; gap: 5px; border: 1px solid #d6e3e6; background: #fff; color: #567785; font-size: 11px; font-weight: 650; border-radius: 7px; min-height: 34px; padding: 7px 10px; }
.pk-action:hover:not(:disabled) { border-color: #82b7b1; color: #2f7e73; background: #f1f8f5; }
.pk-action:disabled { opacity: .45; cursor: not-allowed; }
.pk-action .icon { width: 13px; height: 13px; flex-shrink: 0; }
.pk-party-actions .pk-action { flex: 1; padding: 4px; min-height: 27px; font-size: 8px; gap: 2px; white-space: nowrap; }
.pk-party-actions .pk-deposit { color: #47796f; background: #edf6f2; border-color: #d5e8dd; }
.pk-party-empty { position: relative; display: grid; place-items: center; min-height: 180px; border: 1px dashed #d2e0e3; border-radius: 10px; background: #edf3f466; }
.pk-party-empty > span:first-child { position: absolute; left: 12px; top: 11px; color: #b0c0c4; font-size: 10px; font-weight: 700; }
.pk-party-empty .pokeball { width: 26px; height: 26px; opacity: .1; filter: grayscale(1); }
.pk-lock { font-size: 10px; color: #a17849; background: #fff2df; padding: 6px 9px; border-radius: 6px; }
.pk-box-tools.j-box-tools { display: flex; gap: 10px; align-items: end; margin: 0 0 16px; padding: 15px 17px; border: 1px solid #dce6e9; background: #fff; border-radius: 11px; }
.pk-box-tools > label { min-width: 100px; font-size: 9px; text-transform: uppercase; letter-spacing: .7px; color: #8299a3; font-weight: 700; display: flex; flex-direction: column; gap: 7px; }
.pk-box-tools .j-box-search { flex: 1; min-width: 170px; }
.pk-box-tools input, .pk-box-tools select { min-height: 37px; width: 100%; padding: 8px 10px; border: 1px solid #d7e3e8; border-radius: 7px; background: #f7fafb; font-size: 11px; font-weight: 550; color: #4c707f; text-transform: none; letter-spacing: 0; }
.pk-box-tools input::placeholder { color: #9aafb6; }
.pk-clear { min-height: 37px; padding: 8px 7px; border: 0; background: none; color: #8b9da7; font-size: 10px; }
.pk-clear:hover { color: #387e78; }
.pk-storage { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
.pk-storage.has-selection { grid-template-columns: minmax(0, 1fr) 300px; }
.pk-box-board { min-width: 0; scroll-margin-top: 85px; border: 1px solid #c6d9dc; border-radius: 13px; overflow: hidden; background: #e1eeeb; box-shadow: 0 4px 15px #2e5e6208; }
.pk-box-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 61px; padding: 13px 19px; background: #284e5b; border-bottom: 4px solid #1e404d; color: #eef9f5; }
.pk-box-bar > div { display: flex; align-items: center; gap: 10px; }
.pk-box-bar h3 { font-size: 15px; line-height: 1.3; margin: 0; color: #f0fcf8; letter-spacing: .3px; }
.pk-box-bar small { font-size: 10px; color: #a4c8c6; background: #365e69; padding: 4px 7px; border-radius: 5px; }
.pk-pc-light { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #8dd9bb; box-shadow: 0 0 7px #a2edc55c; }
.pk-box-bar nav { display: flex; align-items: center; gap: 9px; }
.pk-box-bar nav > span { font-size: 10px; color: #a8c7cb; min-width: 28px; text-align: center; }
.pk-box-bar nav > button { border: 1px solid #5a7d86; border-radius: 5px; background: #375e6a; color: #eef9fa; width: 29px; height: 28px; padding: 0; font-size: 15px; }
.pk-box-bar nav > button:disabled { opacity: .3; cursor: default; }
.pk-box-slots { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; padding: 17px; min-height: 300px; background: radial-gradient(circle, #9cc0b125 1px, transparent 1.2px) 0 0 / 7px 7px, linear-gradient(140deg, #e5f1e9, #d6e9e6); }
.pk-slot { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; gap: 3px; min-width: 0; min-height: 103px; padding: 8px 4px 7px; border: 1px solid #c3d9d344; border-radius: 9px; background: #f9fffc9e; color: #4e7774; text-align: center; }
button.pk-slot:hover { border-color: #82b5a5; background: #f5fffb; transform: translateY(-2px); box-shadow: 0 3px 0 #aac9bd55; }
button.pk-slot.selected { border: 2px solid #458c7b; padding: 7px 3px 6px; background: #fffdf0; box-shadow: 0 0 0 3px #88bfa733; }
.pk-slot:focus-visible { outline: 3px solid #277d86; outline-offset: 2px; z-index: 2; }
.pk-slot-index { position: absolute; left: 6px; top: 5px; color: #9db8af; font-size: 7px; font-variant-numeric: tabular-nums; }
.pk-slot > .sprite { width: 57px; height: 57px; object-fit: contain; image-rendering: pixelated; }
.pk-slot-name { display: block; max-width: 100%; font-size: 9px; font-weight: 750; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-slot-level { font-size: 7px; color: #8ba69b; }
.pk-slot-health { width: 58%; margin-top: 2px; }
.pk-slot-health .hp-track { height: 3px; background: #dce9e0; border: 0; border-radius: 3px; box-shadow: none; }
.pk-slot-list-types { display: none; }
.pk-status-dot { position: absolute; right: 7px; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: #bb8d46; }
.pk-slot.low-health .pk-slot-name { color: #b06769; }
.pk-slot[draggable="true"] { cursor: grab; }
.pk-slot.is-dragging { opacity: .4; }
.pk-party-card.pk-drop-target, .pk-party-empty.pk-drop-target { outline: 3px solid #43987b; outline-offset: 3px; background: #e8f8ec; }
.pk-box-board.pk-drop-target { outline: 4px solid #43987b; outline-offset: 3px; }
.pk-slot-empty { min-height: 103px; border-style: dashed; border-color: #afcfc065; background: #ecf6ee20; }
.pk-slot-empty > span:last-child { color: #b4cfc0; opacity: .45; font-size: 16px; font-weight: 300; }
.pk-empty-overlay { position: absolute; left: 50%; top: 50%; translate: -50% -50%; display: grid; place-items: center; gap: 13px; padding: 22px 34px; border: 1px solid #bfd8ca; border-radius: 14px; background: #eff8f1ed; box-shadow: 0 7px 20px #4b7b5d13; pointer-events: none; }
.pk-empty-overlay > .pokeball { width: 31px; height: 31px; opacity: .4; filter: grayscale(1); }
.pk-empty-overlay strong { font-size: 13px; color: #71927f; white-space: nowrap; }
.pk-no-matches { min-height: 390px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; color: #7e9c91; }
.pk-no-matches > span { font-size: 45px; font-weight: 300; color: #a1beb2; }
.pk-no-matches h3 { font-size: 15px; font-weight: 650; margin: 0; }
.pk-box-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 17px; min-height: 50px; background: #f2f8f4; border-top: 1px solid #c8dcd2; }
.pk-box-footer > span { color: #779487; font-size: 10px; }
.pk-box-views { display: flex; gap: 3px; padding: 3px; border: 1px solid #cbddd4; border-radius: 6px; background: #e5eee8; }
.pk-box-views > button { border: 0; border-radius: 4px; color: #7b9d8a; background: transparent; width: 29px; height: 25px; padding: 0; font-size: 17px; }
.pk-box-views > button[aria-pressed="true"] { background: #fff; color: #3f8270; box-shadow: 0 1px 3px #496d5220; }
.pk-box-slots.list-mode { display: flex; flex-direction: column; gap: 5px; min-height: 390px; }
.list-mode .pk-slot { display: grid; grid-template-columns: 25px 51px minmax(80px, 1fr) auto 85px; justify-content: initial; align-items: center; gap: 10px; min-height: 65px; padding: 6px 13px; text-align: left; }
.list-mode .pk-slot.selected { padding: 5px 12px; }
.list-mode .pk-slot-index { position: static; font-size: 9px; }
.list-mode .pk-slot > .sprite { width: 46px; height: 46px; grid-row: span 2; }
.list-mode .pk-slot-name { font-size: 12px; grid-column: 3; }
.list-mode .pk-slot-level { grid-column: 4; grid-row: 1; font-size: 10px; }
.list-mode .pk-slot-health { grid-column: 5; grid-row: 1; width: 100%; margin: 0; }
.list-mode .pk-slot-list-types { display: flex; gap: 3px; grid-row: 2; grid-column: 3 / -1; }
.list-mode .pk-slot-list-types .type { font-size: 7px; padding: 3px 5px; }
.pk-inspector { min-width: 0; position: sticky; top: 137px; scroll-margin-top: 85px; max-height: calc(100dvh - 157px); overflow-y: auto; border: 1px solid #d1e0e6; border-radius: 12px; background: #fff; scrollbar-width: thin; box-shadow: 0 4px 15px #2e5e6208; }
.pk-inspector-art { display: grid; place-items: center; position: relative; min-height: 158px; background: radial-gradient(circle at 50% 54%, #ffffffc9 0 31%, transparent 31.5%), var(--pk-tint); border-bottom: 1px solid #e4ecee; }
.pk-inspector-art > .sprite { width: 136px; height: 136px; object-fit: contain; filter: drop-shadow(0 7px 0 #254d4620); }
.pk-inspector-number, .pk-inspector-level { position: absolute; top: 15px; font-size: 10px; font-weight: 750; color: var(--pk-color); opacity: .8; }
.pk-inspector-number { left: 17px; }.pk-inspector-level { right: 17px; }
.pk-inspector-art > .pk-condition { position: absolute; bottom: 9px; right: 12px; }
.pk-inspector-body { padding: 18px; }
.pk-box-back { display: none; border: 0; background: transparent; padding: 0 0 14px; color: #5b8d88; font-size: 11px; }
.pk-selected-name { display: flex; justify-content: space-between; align-items: start; gap: 8px; }
.pk-selected-name h3 { color: #344f60; font-size: 22px; line-height: 1.2; margin: 0; letter-spacing: -.4px; overflow-wrap: anywhere; }
.pk-selected-name p { color: #8ca1ad; font-size: 10px; line-height: 1.6; margin: 5px 0 0; }
.pk-profile-link { flex-shrink: 0; width: 29px; height: 29px; background: #f1f6f7; color: #6d909e; border: 1px solid #dce8eb; border-radius: 7px; font-size: 16px; }
.pk-inspector-types { display: flex; gap: 5px; margin-top: 10px; }
.pk-inspector-types .type { font-size: 8px; padding: 4px 6px; }
.pk-inspector-health { margin-top: 18px; }
.pk-inspector-health > span { display: flex; justify-content: space-between; align-items: center; font-size: 9px; color: #8aa1a8; margin-bottom: 6px; }
.pk-inspector-health strong { font-size: 11px; color: #65808a; }
.pk-inspector-health .hp-track { height: 6px; border: 0; background: #e7eff0; box-shadow: none; }
.pk-transfer { margin-top: 17px; }
.pk-primary { width: 100%; min-height: 39px; display: flex; justify-content: center; align-items: center; padding: 10px 12px; background: #347e73; border: 1px solid #276b60; border-radius: 7px; color: #fff; font-size: 11px; font-weight: 750; box-shadow: 0 2px 0 #256255; }
.pk-primary:hover:not(:disabled) { background: #2c7167; }.pk-primary:disabled { opacity: .45; box-shadow: none; }
.pk-inspector-secondary { display: flex; gap: 7px; margin-top: 9px; }
.pk-inspector-secondary > * { flex: 1; font-size: 9px; padding: 7px 6px; }
.pk-exchange { display: block; font-size: 10px; color: #658792; }
.pk-exchange select { width: 100%; min-height: 39px; font-size: 11px; color: #496e7c; border: 1px solid #cedfe3; border-radius: 7px; padding: 9px; background: #f3f9f8; margin-top: 6px; }
.pk-identity { display: grid; gap: 7px; padding: 15px 0; margin: 15px 0 0; border-top: 1px solid #edf2f4; }
.pk-identity > div { display: flex; justify-content: space-between; gap: 15px; }
.pk-identity dt { font-size: 10px; color: #94a7b1; }.pk-identity dd { font-size: 10px; color: #5e7c8a; font-weight: 650; text-align: right; margin: 0; }
.pk-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 0 17px; }
.pk-stats > div { min-width: 0; padding: 9px 7px; border: 1px solid #e5edef; background: #f7fafb; border-radius: 6px; display: flex; flex-direction: column; gap: 5px; }
.pk-stats span { font-size: 8px; color: #8ba0ac; }.pk-stats strong { font-size: 16px; color: #4f7182; }
.pk-stats i { display: block; height: 3px; border-radius: 3px; background: linear-gradient(to right, var(--pk-color) var(--stat-width), #e1e9ed var(--stat-width)); opacity: .6; }
.pk-moves { padding-top: 14px; border-top: 1px solid #edf2f4; }
.pk-moves h4 { color: #587a89; font-size: 10px; margin: 0 0 11px; }
.pk-moves > div { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 8px; }
.pk-moves > div > span { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.pk-moves strong { font-size: 10px; color: #668493; font-weight: 650; }.pk-moves .type { font-size: 6px; padding: 2px 4px; }
.pk-moves small { font-size: 9px; color: #8ca0ad; white-space: nowrap; }
@media (min-width: 1600px) { .pk-storage.has-selection { grid-template-columns: minmax(0, 1fr) 340px; }.pk-slot { min-height: 117px; }.pk-slot > .sprite { width: 69px; height: 69px; } }
@media (max-width: 1100px) {
  .pk-party-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pk-party-card.j-roster-card { display: grid; grid-template-columns: minmax(0, 1fr) 88px; }
  .pk-party-card .team-order-tools { grid-column: 1 / -1; }
  .pk-party-face { grid-column: 1; }.pk-party-types { grid-column: 2; grid-row: 2; align-content: center; }
  .pk-party-health { grid-column: 1; }.pk-party-actions { grid-column: 2; grid-row: 3; padding: 4px; border: 0; }
  .pk-party-actions .pk-action { font-size: 8px; }.pk-party-actions .pk-heal { display: none; }
  .pk-party-empty { min-height: 117px; }
  .pk-storage.has-selection { grid-template-columns: minmax(0, 1fr) 270px; gap: 14px; }
  .pk-box-slots { grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 12px; gap: 6px; }
  .pk-slot { min-height: 96px; }.pk-slot > .sprite { width: 49px; height: 49px; }.pk-slot-name { font-size: 8px; }
  .pk-box-tools.j-box-tools { flex-wrap: wrap; }.pk-box-tools .j-box-search { flex-basis: 100%; }.pk-box-tools > label:not(.j-box-search) { flex: 1; }
}
@media (max-width: 820px) {
  .pk-heading { align-items: flex-start; }.pk-overview { gap: 14px; }.pk-overview > span { display: none; }
  .pk-storage.has-selection { grid-template-columns: minmax(0, 1fr); }
  .pk-box-slots { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; padding: 14px; }
  .pk-slot { min-height: 106px; }.pk-slot > .sprite { width: 59px; height: 59px; }.pk-slot-name { font-size: 9px; }
  .pk-inspector { position: static; max-height: none; display: grid; grid-template-columns: 230px minmax(0, 1fr); }
  .pk-box-back { display: inline-block; }
  .pk-inspector-art { min-height: 250px; border-bottom: 0; border-right: 1px solid #e4ecee; align-self: stretch; }.pk-inspector-art > .sprite { width: 200px; height: 200px; }
}
@media (max-width: 560px) {
  .pk-heading { gap: 10px; margin-top: 3px; }.pk-heading h1 { font-size: 29px; }.pk-heading .j-eyebrow { font-size: 8px; }
  .pk-overview .j-potion-count { font-size: 9px; padding: 10px; gap: 4px; }.pk-overview .icon { width: 14px; height: 14px; }
  .pk-jumps { margin-bottom: 19px !important; }.pk-jumps button { font-size: 10px; }
  .pk-party-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .pk-party-card.j-roster-card { display: block; }
  .pk-party-face { grid-template-columns: 49px minmax(0, 1fr); gap: 4px; padding-left: 6px; padding-right: 6px; }
  .pk-party-face > .sprite { width: 49px; height: 49px; }.pk-party-face strong { font-size: 11px; }
  .pk-party-card .team-order-tools button { width: 25px; height: 25px; }.pk-party-actions .pk-action { min-height: 33px; }
  .pk-party-types { padding-left: 10px; }.pk-party-health { padding-bottom: 5px; }.pk-party-actions { display: flex; padding: 6px; border-top: 1px solid #edf2f3; }.pk-party-actions .pk-heal { display: inline-flex; }
  .pk-party-empty { min-height: 173px; }.pk-section-title h2 { font-size: 14px; }.pk-order-caption { font-size: 8px; }
  .pk-box-tools.j-box-tools { padding: 12px; gap: 9px; }.pk-box-tools > label { min-width: 80px; }.pk-box-tools > label:not(.j-box-search) { flex-basis: calc(50% - 9px); }.pk-box-tools > label:last-of-type { flex: 1; }.pk-clear { padding: 8px 14px; }
  .pk-box-tools input, .pk-box-tools select { font-size: 10px; }
  .pk-box-bar { padding: 12px; gap: 7px; }.pk-box-bar h3 { font-size: 13px; }.pk-box-bar > div { gap: 6px; }.pk-box-bar small { font-size: 8px; }.pk-box-bar nav { gap: 5px; }
  .pk-box-slots { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 10px; gap: 7px; }
  .pk-slot { min-height: 108px; }.pk-slot > .sprite { width: 58px; height: 58px; }.pk-slot-name { font-size: 9px; }
  .pk-inspector { display: block; }.pk-inspector-art { min-height: 190px; border-right: 0; border-bottom: 1px solid #e4ecee; }.pk-inspector-art > .sprite { width: 170px; height: 170px; }
  .list-mode .pk-slot { grid-template-columns: 17px 44px minmax(65px, 1fr) auto; gap: 6px; padding: 6px; }.list-mode .pk-slot.selected { padding: 5px; }.list-mode .pk-slot-name { font-size: 11px; }.list-mode .pk-slot-health { display: none; }
  .pk-lock { max-width: 135px; font-size: 8px; text-align: right; line-height: 1.5; }
}
@media (prefers-reduced-motion: reduce) { button.pk-slot:hover { transform: none; } }
