.kp-root{--bone:oklch(0.94 0.01 80);--bone-2:oklch(0.78 0.01 80);--bone-3:oklch(0.55 0.008 80);--rule:oklch(0.30 0.01 250);--rule-soft:oklch(0.24 0.008 250);--panel-top:oklch(0.16 0.008 250);--panel-bot:oklch(0.13 0.008 250);--page-bg:oklch(0.115 0.004 265);--ease-expo:cubic-bezier(0.16,1,0.3,1);position:relative;color:var(--bone);overflow:hidden}.kp-atm{position:absolute;inset:0 0 auto;height:640px;z-index:0;pointer-events:none;overflow:hidden}.kp-atm__hex{position:absolute;inset:0;background:color-mix(in srgb,var(--tier) 55%,transparent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'%3E%3Cpath d='M30 2L56 17v18L30 50 4 35V17z' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E"),radial-gradient(ellipse 80% 70% at 50% 42%,black 8%,transparent 70%);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'%3E%3Cpath d='M30 2L56 17v18L30 50 4 35V17z' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E"),radial-gradient(ellipse 80% 70% at 50% 42%,black 8%,transparent 70%);-webkit-mask-size:60px 52px,cover;mask-size:60px 52px,cover;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-position:center,center;mask-position:center,center;-webkit-mask-composite:source-in;mask-composite:intersect;opacity:.4}.kp-atm__scan{position:absolute;inset:0;opacity:.03;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,1) 0,rgba(255,255,255,1) 3px)}.kp-atm__fog{position:absolute;left:-50%;width:200%;bottom:0;height:42%;background:linear-gradient(0deg,var(--page-bg) 0,transparent 100%)}.kp-shell{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:calc(var(--nav-h) + 2.5rem) var(--page-pad) 5rem}.kp-back{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bone-3);text-decoration:none;padding:13px 22px;border:1px solid var(--rule);background:transparent;transition:border-color .2s ease,color .2s ease;margin-bottom:3rem}.kp-back:hover{border-color:color-mix(in srgb,var(--tier) 55%,transparent);color:var(--bone)}.kp-back__arrow{transition:transform .2s ease}.kp-back:hover .kp-back__arrow{transform:translateX(-3px)}.kp-hero{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2.75rem;align-items:center;padding-bottom:2.75rem;margin-bottom:3rem;animation:kpRise .8s var(--ease-expo) both}.kp-hero__wm{position:absolute;left:50%;top:50%;z-index:-1;font-family:var(--font-display);font-size:clamp(110px,20vw,260px);line-height:.8;letter-spacing:-.02em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--tier) 22%,transparent);text-shadow:0 0 55px color-mix(in srgb,var(--tier) 30%,transparent),0 0 110px color-mix(in srgb,var(--tier) 16%,transparent);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;animation:kpWmDrift 24s ease-in-out infinite}@keyframes kpWmDrift{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(calc(-50% - 10px),calc(-50% - 6px)) scale(1.01)}}.kp-portrait-frame{position:relative;width:196px;height:196px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--tier) 42%,transparent);background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));box-shadow:inset 0 0 44px color-mix(in srgb,var(--tier) 12%,transparent),0 0 30px rgba(0,0,0,.55)}.kp-portrait-frame:after,.kp-portrait-frame:before{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--tier)}.kp-portrait-frame:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.kp-portrait-frame:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.kp-portrait{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;filter:drop-shadow(0 8px 22px rgba(0,0,0,.6))}.kp-identity{min-width:0}.kp-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--tier);margin-bottom:18px}.kp-eyebrow:before{content:"";width:32px;height:1px;background:var(--tier);flex-shrink:0}.kp-name{font-family:var(--font-display);font-size:clamp(46px,7.5vw,88px);line-height:.9;letter-spacing:.01em;color:var(--bone);margin:0}.kp-name,.kp-subtitle{text-transform:uppercase}.kp-subtitle{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--bone-2);margin:16px 0 0}.kp-badge{display:inline-block;margin-top:20px;font-family:var(--font-display);font-size:15px;letter-spacing:.12em;text-transform:uppercase;padding:8px 16px;color:var(--tier);border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);background:color-mix(in srgb,var(--tier) 12%,transparent);box-shadow:inset 0 0 16px color-mix(in srgb,var(--tier) 10%,transparent),0 0 14px color-mix(in srgb,var(--tier) 20%,transparent);text-shadow:0 0 12px currentColor}.kp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--rule-soft);border:1px solid var(--rule-soft);animation:kpRise .7s var(--ease-expo) .08s both}.kp-stat{background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));padding:1.1rem 1.25rem}.kp-stat__label{font-family:var(--font-mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--bone-3)}.kp-stat__value{font-family:var(--font-mono);font-size:14px;color:var(--bone);margin-top:8px}.kp-stat__value--tone{display:flex;align-items:center;gap:8px;color:var(--tone);text-shadow:0 0 10px color-mix(in srgb,var(--tone,transparent) 55%,transparent)}.kp-stat__icon{width:16px;height:16px;flex-shrink:0;filter:drop-shadow(0 0 6px color-mix(in srgb,currentColor 60%,transparent))}@keyframes kpBarPulse{0%,to{opacity:.35}50%{opacity:1}}.kp-diff-bar{opacity:.35}.kp-diff-bar--1{animation:kpBarPulse 1.6s ease-in-out 0s infinite}.kp-diff-bar--2{animation:kpBarPulse 1.6s ease-in-out .22s infinite}.kp-diff-bar--3{animation:kpBarPulse 1.6s ease-in-out .44s infinite}.kp-section{margin-top:3.5rem;animation:kpRise .7s var(--ease-expo) both}.kp-section__title{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone-3);margin:0 0 1.5rem}.kp-section__title:before{content:"";width:6px;height:6px;background:var(--tier);transform:rotate(45deg);flex-shrink:0}.kp-section__title:after{content:"";flex:1;height:1px;background:var(--rule-soft)}.kp-power{position:relative;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border:1px solid var(--rule);padding:1.75rem}.kp-power:after,.kp-power:before{content:"";position:absolute;width:14px;height:14px;border:1px solid var(--bone-3);opacity:.55}.kp-power:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.kp-power:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.kp-power__name{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.03em;text-transform:uppercase;color:var(--bone);margin:0 0 .75rem}.kp-power__desc{font-family:var(--font-body);font-size:.95rem;line-height:1.7;color:var(--bone-2);margin:0}.kp-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--rule-soft);border:1px solid var(--rule-soft)}.kp-perk{background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));padding:1.25rem;display:flex;gap:1rem;cursor:pointer;transition:background .18s ease;border-left:3px solid color-mix(in srgb,var(--pt,var(--rule)) 80%,transparent);text-decoration:none;color:inherit}.kp-perk:hover{background:linear-gradient(180deg,oklch(.185 .008 250),oklch(.15 .008 250))}.kp-perk__icon-wrap{position:relative;width:54px;height:54px;flex-shrink:0;isolation:isolate;overflow:hidden}.kp-perk__icon{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 8px rgba(0,0,0,.5))}.kp-perk__icon--tbd{filter:grayscale(1) drop-shadow(0 0 8px rgba(0,0,0,.5));opacity:.55}.kp-perk__icon-tint{position:absolute;inset:0;background:var(--pt);mix-blend-mode:color;opacity:.55;pointer-events:none;-webkit-mask-image:var(--icon);mask-image:var(--icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.kp-perk__icon--empty{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--page-bg);color:var(--bone-3);font-size:1.2rem}.kp-perk__body{min-width:0}.kp-perk__head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}.kp-perk__name{font-family:var(--font-display);font-size:1rem;letter-spacing:.03em;text-transform:uppercase;color:var(--bone);margin:0}.kp-perk__tier{font-family:var(--font-mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;padding:3px 7px;color:var(--pt);flex-shrink:0;border:1px solid color-mix(in srgb,var(--pt) 45%,transparent);background:color-mix(in srgb,var(--pt) 14%,transparent);text-shadow:0 0 8px color-mix(in srgb,var(--pt) 70%,transparent)}.kp-perk__desc{font-family:var(--font-mono);font-size:.72rem;line-height:1.55;color:var(--bone-2);margin:0;max-height:5rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--pt) 50%,transparent) transparent}.kp-perk__desc::-webkit-scrollbar{width:3px}.kp-perk__desc::-webkit-scrollbar-track{background:transparent}.kp-perk__desc::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--pt) 50%,transparent);border-radius:2px}.kp-perk__desc::-webkit-scrollbar-thumb:hover{background:var(--pt)}.kp-section__note{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--bone-3);margin:-.75rem 0 1.25rem}.kp-addon-sort{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:1.5rem}.kp-addon-sort__label{font-size:9px;letter-spacing:.22em;margin-right:4px}.kp-addon-sort__btn,.kp-addon-sort__label{font-family:var(--font-mono);text-transform:uppercase;color:var(--bone-3)}.kp-addon-sort__btn{font-size:10px;letter-spacing:.16em;padding:8px 16px;background:transparent;border:1px solid var(--rule);cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.kp-addon-sort__btn:hover{border-color:color-mix(in srgb,var(--tier) 45%,transparent);color:var(--bone-2)}.kp-addon-sort__btn.is-active{color:var(--tier);border-color:color-mix(in srgb,var(--tier) 55%,transparent);background:color-mix(in srgb,var(--tier) 12%,transparent)}.kp-rarity{margin-bottom:1.75rem}.kp-rarity__label{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--rarity);margin-bottom:.9rem}.kp-rarity__label:before{content:"";width:5px;height:5px;background:var(--rarity);transform:rotate(45deg)}.kp-addons{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1px;background:var(--rule-soft);border:1px solid var(--rule-soft)}.kp-addon{display:flex;align-items:center;gap:.7rem;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));border-left:2px solid var(--rarity);padding:.7rem .85rem}.kp-addon__name{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.03em;line-height:1.35;color:var(--bone-2)}@keyframes kpRise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:720px){.kp-hero{grid-template-columns:1fr;gap:1.5rem}.kp-portrait-frame{width:148px;height:148px}.kp-name{font-size:clamp(38px,12vw,56px)}.kp-back{margin-bottom:2rem}.kp-hero__wm{bottom:auto;top:-8%;opacity:.7}}