@charset "UTF-8";.pal-detail{padding:40px 0 80px;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);min-height:100vh}.breadcrumb{margin-bottom:32px}.breadcrumb__list{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.breadcrumb__item{display:flex;align-items:center;gap:8px}.breadcrumb__item:not(:last-child)::after{content:'';display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;opacity:.6}.breadcrumb__link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.breadcrumb__link:hover{color:#6366f1;border-color:#6366f1;background:#eef2ff}.breadcrumb__item--current .breadcrumb__text{padding:8px 14px;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;border-radius:8px;font-size:14px;font-weight:600}.pal-detail__header{display:grid;grid-template-columns:320px 1fr;gap:48px;margin-bottom:48px;padding:32px;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,6%);border:1px solid #e2e8f0}.pal-detail__media{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.pal-detail__image{width:100%;max-width:280px;height:auto;border-radius:16px;object-fit:contain;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);padding:20px;box-shadow:0 8px 30px rgba(0,0,0,8%)}.pal-detail__quality{position:absolute;top:12px;right:12px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 2px 8px rgba(0,0,0,.15)}.quality--0{background:#6b7280;color:#fff}.quality--1{background:#22c55e;color:#fff}.quality--2{background:#3b82f6;color:#fff}.quality--3{background:#a855f7;color:#fff}.quality--4{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#fff}.pal-detail__info{display:flex;flex-direction:column;gap:20px}.pal-detail__meta{display:flex;gap:12px;flex-wrap:wrap}.pal-detail__element,.pal-detail__class{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:14px;font-weight:600;color:#475569}.pal-detail__element{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#93c5fd;color:#1e40af}.pal-detail__name{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.quick-info{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.quick-info__item{display:flex;flex-direction:column;gap:4px;text-align:center}.quick-info__label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em}.quick-info__value{font-size:16px;font-weight:700;color:#0f172a}.pal-detail__stats{display:flex;flex-direction:column;gap:12px}.stat-item{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:12px}.stat-item__label{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.stat-item__bar{height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.stat-item__fill{height:100%;background:linear-gradient(90deg,#6366f1 0%,#4f46e5 100%);border-radius:5px;transition:width .6s ease}.stat-item__value{font-size:14px;font-weight:700;color:#0f172a;text-align:right}.pal-detail__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn--primary{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;box-shadow:0 4px 14px rgba(99,102,241,.3)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}.btn--secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn--secondary:hover{border-color:#6366f1;color:#6366f1;background:#eef2ff}.btn__icon{font-size:16px}.pal-detail__section{margin-bottom:48px;padding:32px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,4%);border:1px solid #e2e8f0}.section-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 24px;display:flex;align-items:center;gap:10px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.skill-card{display:flex;flex-direction:column;gap:16px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s}.skill-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,6%)}.skill-card__header{display:flex;align-items:center;gap:16px}.skill-card__icon{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#fff;border:1px solid #e2e8f0}.skill-card__info{display:flex;flex-direction:column;gap:4px}.skill-card__name{font-size:16px;font-weight:700;color:#0f172a;margin:0}.skill-card__type{display:inline-block;padding:4px 10px;background:#eef2ff;color:#4338ca;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;width:fit-content}.skill-card__description{font-size:14px;color:#475569;line-height:1.7;margin:0}.skill-card__description .main-desc{display:block;margin-bottom:16px;color:#334155;font-weight:500}.level-details{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.level-info{display:flex;align-items:center;gap:12px;font-size:13px;color:#64748b;padding:6px 0;border-bottom:1px dashed #e2e8f0}.level-info:last-child{border-bottom:none}.level-info strong{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:4px 10px;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#fff;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.skill-card__stats{display:flex;gap:16px;flex-wrap:wrap}.skill-card__stat{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-weight:600;color:#64748b}.traits-list{display:flex;flex-direction:column;gap:12px}.trait-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px 20px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s}.trait-item:hover{background:#f1f5f9;border-color:#cbd5e1}.trait-item__name{font-size:15px;font-weight:600;color:#0f172a}.trait-item__quality{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase}.trait-item__quality.quality--0{background:#f3f4f6;color:#6b7280}.trait-item__quality.quality--1{background:#dcfce7;color:#166534}.trait-item__quality.quality--2{background:#dbeafe;color:#1e40af}.trait-item__quality.quality--3{background:#f3e8ff;color:#7c3aed}.trait-item__quality.quality--4{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e}.vote-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:700;color:#64748b}.vote-badge::before{content:'👍';font-size:12px}.evolution-chain{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.evolution-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.evolution-item__image{width:80px;height:80px;border-radius:12px;object-fit:cover;background:#fff;border:2px solid #e2e8f0;padding:8px}.evolution-item__name{font-size:14px;font-weight:600;color:#0f172a}.evolution-item__level{padding:4px 10px;background:#6366f1;color:#fff;border-radius:6px;font-size:11px;font-weight:700}.evolution-arrow{font-size:24px;color:#94a3b8}.related-pals{display:flex;flex-direction:column;gap:24px}.related-pals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.pal-detail__loading{grid-column:1/-1;text-align:center;padding:40px;color:#94a3b8;font-size:14px}.related-pal-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,4%)}.related-pal-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,.12);border-color:#cbd5e1}.related-pal-card__image-wrapper{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.related-pal-card__image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.related-pal-card:hover .related-pal-card__image{transform:scale(1.08)}.related-pal-card__quality{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 2px 6px rgba(0,0,0,.15)}.quality--Red{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.quality--Orange{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff}.quality--Blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.quality--Purple{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);color:#fff}.quality--Green{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:#fff}.related-pal-card__info{padding:14px;display:flex;flex-direction:column;gap:8px}.related-pal-card__name{font-size:14px;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-pal-card__meta{display:flex;flex-direction:column;gap:4px}.related-pal-card__element,.related-pal-card__class{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px}.btn--refresh{align-self:center;padding:12px 28px;background:#fff;border:1px solid #e2e8f0;color:#475569;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn--refresh:hover{border-color:#6366f1;color:#6366f1;background:#eef2ff;transform:translateY(-2px)}.btn--refresh:active{transform:translateY(0)}.pal-detail__nav{display:flex;justify-content:center;margin-top:48px}@media(max-width:1024px){.pal-detail__header{grid-template-columns:1fr;gap:32px}.pal-detail__media{order:-1}.pal-detail__image{max-width:240px}.quick-info{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:1fr}.related-pals-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}@media(max-width:640px){.pal-detail{padding:24px 0 60px}.pal-detail__header,.pal-detail__section{padding:20px}.quick-info{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.stat-item{grid-template-columns:60px 1fr 40px;gap:8px}.stat-item__label{font-size:11px}.pal-detail__actions{flex-direction:column}.btn{width:100%;justify-content:center}.trait-item{grid-template-columns:1fr;gap:8px;text-align:center}.trait-item__quality,.vote-badge{width:fit-content;margin:0 auto}.evolution-chain{flex-direction:column;gap:16px}.evolution-arrow{transform:rotate(90deg)}.related-pals-grid{grid-template-columns:repeat(2,1fr);gap:12px}.related-pal-card__info{padding:12px}.related-pal-card__name{font-size:13px}.related-pal-card__element,.related-pal-card__class{font-size:11px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pal-detail__header,.pal-detail__section{animation:fadeInUp .5s ease forwards}.pal-detail__section:nth-child(2){animation-delay:.1s}.pal-detail__section:nth-child(3){animation-delay:.2s}.pal-detail__section:nth-child(4){animation-delay:.3s}