.ct-psp-catalog{--ct-psp-tone: #c98a49;margin:1rem 0 1.8rem;overflow:hidden;border:1px solid var(--ct-edge);border-radius:11px 3px;background:var(--ct-pane);box-shadow:0 14px 32px -28px #000;container-type:inline-size}.ct-psp-catalog__empty,.ct-psp__empty{margin:0;color:var(--sl-color-gray-3);font-size:.72rem;line-height:1.45;font-style:italic}.ct-psp-catalog__empty:not(.ct-psp-catalog__empty--filter){padding:1rem;border:1px solid var(--ct-edge);border-radius:9px 3px;background:var(--ct-pane)}.ct-psp-catalog__empty--filter{padding:.7rem .55rem}.ct-psp-catalog__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem .85rem;border-bottom:1px solid var(--ct-edge);background:linear-gradient(100deg,rgba(217,123,43,.08),transparent 72%)}.ct-psp-catalog__title{color:#efc477;font:700 .78rem / 1 var(--ct-display-font);letter-spacing:.06em;text-transform:uppercase}.ct-psp-catalog__search{display:inline-flex;align-items:center;gap:.4rem;min-width:min(240px,100%);padding:.32rem .55rem;border:1px solid rgba(255,255,255,.07);border-radius:6px 2px;background:#00000038;color:var(--sl-color-gray-3);transition:border-color .15s ease,box-shadow .15s ease}.ct-psp-catalog__search:focus-within{border-color:#d97b2b59;box-shadow:0 0 0 2px #d97b2b1f}.ct-psp-catalog__search input{width:100%;border:0;outline:0;background:transparent;color:#ddd5cb;font:500 .76rem / 1.2 var(--sl-font)}.ct-psp-catalog__body{display:grid;grid-template-columns:minmax(210px,.78fr) minmax(0,1.55fr);min-height:420px}.ct-psp-catalog__list{display:flex;flex-direction:column;gap:.22rem;padding:.55rem;border-right:1px solid var(--ct-edge);background:#0000001f}.ct-psp-row{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:.55rem;width:100%;padding:.42rem .48rem;border:1px solid transparent;border-radius:7px 2px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.ct-psp-row:hover{background:#ffffff08;border-color:#ffffff0d}.ct-psp-row.is-selected{--ct-psp-tone: #c98a49;border-color:color-mix(in srgb,var(--ct-psp-tone) 28%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--ct-psp-tone) 12%,transparent),transparent 78%),#ffffff05;box-shadow:inset 2px 0 0 var(--ct-psp-tone)}.ct-psp-row--element-1.is-selected{--ct-psp-tone: #d9744f}.ct-psp-row--element-2.is-selected{--ct-psp-tone: #5d9ed2}.ct-psp-row--element-3.is-selected{--ct-psp-tone: #d6bd61}.ct-psp-row--element-4.is-selected{--ct-psp-tone: #a77ac7}.ct-psp-row__icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;border:1px solid rgba(255,255,255,.06);border-radius:6px 2px;background:#00000047}.ct-psp-row__text{min-width:0;display:grid;gap:.12rem}.ct-psp-row__name{overflow:hidden;color:#ebe1d2;font:650 .78rem / 1.25 var(--ct-display-font);text-overflow:ellipsis;white-space:nowrap}.ct-psp-row__text small{overflow:hidden;color:var(--sl-color-gray-3);font-size:.58rem;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.ct-psp-catalog__detail{min-width:0}.ct-psp-detail{--ct-psp-tone: #c98a49;padding:.8rem;animation:ct-psp-detail-in .22s ease both}.ct-psp-detail--element-1{--ct-psp-tone: #d9744f}.ct-psp-detail--element-2{--ct-psp-tone: #5d9ed2}.ct-psp-detail--element-3{--ct-psp-tone: #d6bd61}.ct-psp-detail--element-4{--ct-psp-tone: #a77ac7}.ct-psp-detail__head{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:.7rem;margin-bottom:.65rem}.ct-psp-detail__portrait{display:grid;place-items:center;width:56px;height:56px;border:1px solid color-mix(in srgb,var(--ct-psp-tone) 28%,transparent);border-radius:10px 3px;background:radial-gradient(circle,color-mix(in srgb,var(--ct-psp-tone) 14%,transparent),#00000057 72%)}.ct-psp-detail__portrait .ct-item{display:grid;place-items:center;width:100%;height:100%}.ct-psp-detail__portrait .ct-item__icon{width:42px;height:42px}.ct-psp-detail__identity{min-width:0}.ct-psp-detail__eyebrow{display:block;margin-bottom:.12rem;color:var(--sl-color-gray-3);font-size:.54rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.ct-psp-detail__identity h2{margin:0;color:#efc477;font:700 1.05rem / 1.2 var(--ct-display-font)}.ct-psp-detail__identity p{margin:.18rem 0 0;color:color-mix(in srgb,var(--ct-psp-tone) 72%,#d8d0c8);font-size:.7rem;font-weight:650}.ct-psp-detail__vnum{align-self:start;padding:.2rem .38rem;border:1px solid rgba(217,123,43,.13);border-radius:4px;color:#776d63;background:#0000002e;font:600 .56rem / 1 var(--sl-font)}.ct-psp-detail__desc{margin:0 0 .7rem;color:#7f7870;font-size:.68rem;line-height:1.45;white-space:pre-line}.ct-psp-catalog [hidden]{display:none!important}.ct-psp-ranks{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin:0 0 .7rem;padding:.3rem .36rem .3rem .5rem;border:1px solid color-mix(in srgb,var(--ct-psp-tone) 16%,transparent);border-radius:6px 2px;background:linear-gradient(90deg,color-mix(in srgb,var(--ct-psp-tone) 6%,transparent),#00000024)}.ct-psp-ranks__label{flex:0 0 auto;color:#93877b;font-size:.54rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.ct-psp-ranks__tabs{display:grid;grid-template-columns:repeat(7,24px);gap:.18rem}.ct-psp-rank{display:grid;place-items:center;width:24px;height:23px;padding:0;border:1px solid rgba(255,255,255,.06);border-radius:4px 1px;background:#00000040;color:#766f68;font:750 .61rem / 1 var(--ct-display-font);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.ct-psp-rank:hover{border-color:color-mix(in srgb,var(--ct-psp-tone) 28%,transparent);color:#c8bbaa;transform:translateY(-1px)}.ct-psp-rank.is-selected{border-color:color-mix(in srgb,var(--ct-psp-tone) 54%,transparent);background:color-mix(in srgb,var(--ct-psp-tone) 16%,rgba(0,0,0,.3));box-shadow:inset 0 -2px 0 var(--ct-psp-tone);color:#f2d59e}.ct-psp-rank:focus-visible{outline:2px solid color-mix(in srgb,var(--ct-psp-tone) 55%,white);outline-offset:2px}.ct-psp-detail__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-bottom:.7rem}.ct-psp-detail__facts>div{padding:.42rem .48rem;border-left:2px solid rgba(217,123,43,.35);border-radius:2px 5px 5px 2px;background:#ffffff06}.ct-psp-detail__facts span{display:block;color:var(--sl-color-gray-3);font-size:.52rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.ct-psp-detail__facts strong{display:block;margin-top:.12rem;color:#ddd5cb;font:650 .72rem / 1.2 var(--sl-font)}.ct-psp-detail__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:.55rem;margin-bottom:.7rem}.ct-psp-detail__block,.ct-psp-detail__skills{padding:.58rem;border:1px solid rgba(255,255,255,.055);border-radius:8px 3px;background:#0204053d}.ct-psp-detail__block>h3,.ct-psp-detail__skills-head h3{margin:0 0 .45rem;color:#a98561;font:700 .58rem / 1 var(--ct-display-font);letter-spacing:.1em;text-transform:uppercase}.ct-psp-buff{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.45rem;align-items:start}.ct-psp-buff__icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(217,123,43,.18);border-radius:7px 2px;background:#00000047}.ct-psp-buff__icon .ct-bcard__icon{width:28px;height:28px}.ct-psp-buff__body strong{display:block;color:#e5dbce;font:650 .72rem / 1.25 var(--ct-display-font)}.ct-psp-buff__effects{display:grid;gap:.12rem;margin-top:.22rem;color:#d9ad67;font-size:.6rem;line-height:1.35}.ct-psp__resistances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.ct-psp__resistance{--ct-resist: #aaa;display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.3rem .36rem;border:1px solid color-mix(in srgb,var(--ct-resist) 22%,transparent);border-radius:5px 2px;background:color-mix(in srgb,var(--ct-resist) 6%,transparent)}.ct-psp__resistance small{color:color-mix(in srgb,var(--ct-resist) 70%,#aaa);font-size:.54rem;font-weight:650}.ct-psp__resistance strong{color:var(--ct-resist);font-size:.64rem}.ct-psp__resistance--fire{--ct-resist: #e8794f}.ct-psp__resistance--water{--ct-resist: #5ca8e8}.ct-psp__resistance--light{--ct-resist: #e8cf6c}.ct-psp__resistance--shadow{--ct-resist: #b783d4}.ct-psp-detail__skills{border-color:#d97b2b24;background:radial-gradient(circle at 0 0,rgba(217,123,43,.05),transparent 34%),#01030447}.ct-psp-detail__skills-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.1rem}.ct-psp-detail__skills-head h3{margin:0}.ct-psp-detail__skills-head span{padding:.14rem .34rem;border-radius:4px;color:#d8a858;background:#d8a85814;font-size:.58rem;font-weight:750}.ct-psp__skill-list{display:grid;gap:.35rem;margin-top:.4rem}.ct-psp-skill{overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:6px 2px;background:#ffffff05}.ct-psp-skill__head{display:grid;grid-template-columns:22px 36px minmax(0,1fr);align-items:center;gap:.45rem;padding:.42rem .5rem}.ct-psp-skill__slot{display:grid;place-items:center;align-self:stretch;border-right:1px solid rgba(217,123,43,.18);color:#efc477;font:700 .7rem / 1 var(--ct-display-font)}.ct-psp-skill__head>img{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;border:1px solid rgba(255,255,255,.07);border-radius:6px 2px;background:#00000047}.ct-psp-skill__identity small{display:block;margin-bottom:.08rem;color:#6e6862;font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ct-psp-skill__identity strong{display:block;color:#e6ddd2;font:650 .76rem / 1.25 var(--ct-display-font)}.ct-psp-skill__detail{display:grid;gap:.28rem;padding:0 .5rem .48rem}.ct-psp-skill__stats,.ct-psp-skill__effects,.ct-psp-skill__description{display:grid;gap:.1rem;font-size:.6rem;line-height:1.38}.ct-psp-skill__stats{color:#8d867e}.ct-psp-skill__effects{color:#d9ad67}.ct-psp-skill__description{color:#7c756e;white-space:pre-line}@keyframes ct-psp-detail-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@container (max-width: 720px){.ct-psp-catalog__body{grid-template-columns:1fr}.ct-psp-catalog__list{border-right:0;border-bottom:1px solid var(--ct-edge);display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:760px){.ct-psp-catalog__body{grid-template-columns:1fr}.ct-psp-catalog__toolbar{flex-direction:column;align-items:stretch}.ct-psp-catalog__search{min-width:0}.ct-psp-catalog__list{border-right:0;border-bottom:1px solid var(--ct-edge);display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.ct-psp-detail__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-psp-ranks{align-items:flex-start;flex-direction:column}.ct-psp-ranks__tabs{grid-template-columns:repeat(7,minmax(24px,1fr));width:100%}.ct-psp-rank{width:100%}.ct-psp-detail__grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ct-psp-detail,.ct-psp-row{animation:none;transition:none}}