.relationships.svelte-n234r6{min-height:100vh;padding:6rem 0;background:linear-gradient(135deg,#0f0f0f,#1a1a2e)}.container.svelte-n234r6{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header.svelte-n234r6{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(30px);transition:all .8s ease}.section-header.fade-in.svelte-n234r6{opacity:1;transform:translateY(0)}.section-title.svelte-n234r6{font-size:3rem;font-weight:900;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:-1px}.title-underline.svelte-n234r6{width:100px;height:4px;background:linear-gradient(90deg,#ff6b9d,#00d4ff);margin:0 auto;border-radius:2px}.relationships-grid.svelte-n234r6{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;opacity:0;transform:translateY(50px);transition:all 1s ease .3s}.relationships-grid.slide-in.svelte-n234r6{opacity:1;transform:translateY(0)}.relationship-card.svelte-n234r6{background:#ffffff0d;border:1px solid rgba(255,107,157,.2);border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden;animation:svelte-n234r6-fadeInUp .8s ease var(--delay) both}@keyframes svelte-n234r6-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.relationship-card.svelte-n234r6:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b9d,#9b59b6,#00d4ff)}.relationship-card.partner.svelte-n234r6:before{background:linear-gradient(90deg,#00ff87,#00d4ff)}.relationship-card.contact.svelte-n234r6:before{background:linear-gradient(90deg,gold,#ff8c42)}.relationship-card.enemy.svelte-n234r6:before{background:linear-gradient(90deg,#ff4757,#ff6b9d)}.relationship-card.boss.svelte-n234r6:before{background:linear-gradient(90deg,#9b59b6,#ff6b9d)}.relationship-card.family.svelte-n234r6:before{background:linear-gradient(90deg,#00d4ff,#00ff87)}.relationship-card.ally.svelte-n234r6:before{background:linear-gradient(90deg,#00ff87,gold)}.relationship-card.svelte-n234r6:hover{transform:translateY(-5px);border-color:#ff6b9d66;box-shadow:0 15px 40px #ff6b9d1a}.card-header.svelte-n234r6{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.person-info.svelte-n234r6 h3:where(.svelte-n234r6){font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.person-type.svelte-n234r6{color:#ff6b9d;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.status-badge.svelte-n234r6{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.actif.svelte-n234r6{background:#00ff8733;color:#00ff87;border:1px solid rgba(0,255,135,.3)}.status-badge.hostile.svelte-n234r6{background:#ff475733;color:#ff4757;border:1px solid rgba(255,71,87,.3)}.status-badge.neutre.svelte-n234r6{background:#ffd70033;color:gold;border:1px solid rgba(255,215,0,.3)}.status-badge.compliqué.svelte-n234r6{background:#9b59b633;color:#9b59b6;border:1px solid rgba(155,89,182,.3)}.description.svelte-n234r6{color:#ccc;line-height:1.6;margin-bottom:2rem}.trust-meter.svelte-n234r6{border-top:1px solid rgba(255,107,157,.2);padding-top:1.5rem}.trust-label.svelte-n234r6{font-size:.9rem;color:#fff;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.trust-bar.svelte-n234r6{height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:.5rem}.trust-fill.svelte-n234r6{height:100%;background:linear-gradient(90deg,var(--color),rgba(255,255,255,.8));border-radius:10px;width:0;transition:width 2s ease 1s}.relationships-grid.slide-in.svelte-n234r6 .trust-fill:where(.svelte-n234r6){width:var(--width)}.trust-value.svelte-n234r6{font-size:.9rem;color:#888;text-align:right;font-weight:600}@media (max-width: 768px){.relationships.svelte-n234r6{padding:6rem 0}.section-title.svelte-n234r6{font-size:2rem}.relationships-grid.svelte-n234r6{grid-template-columns:1fr}.relationship-card.svelte-n234r6{padding:1.5rem}.card-header.svelte-n234r6{flex-direction:column;gap:1rem}}