[data-npc-color=emerald]{--npc-color: #10b981}[data-npc-color=rose]{--npc-color: #f43f5e}[data-npc-color=indigo]{--npc-color: #6366f1}[data-npc-color=violet]{--npc-color: #8b5cf6}[data-npc-color=amber]{--npc-color: #f59e0b}[data-npc-color=stone]{--npc-color: #78716c}[data-npc-color=sky]{--npc-color: #0ea5e9}[data-npc-color=teal]{--npc-color: #14b8a6}[data-npc-color=pink]{--npc-color: #ec4899}[data-npc-color=""],[data-npc-color]:not([data-npc-color*=emerald]):not([data-npc-color*=rose]):not([data-npc-color*=indigo]):not([data-npc-color*=violet]):not([data-npc-color*=amber]):not([data-npc-color*=stone]):not([data-npc-color*=sky]):not([data-npc-color*=teal]):not([data-npc-color*=pink]){--npc-color: var(--color-primary)}.npcs-page{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.npcs-hero{padding:1.5rem 0 1rem;text-align:center;border-bottom:1px solid var(--color-base-300);margin-bottom:2rem}.npcs-hero h1{font-size:2rem;font-weight:700;color:var(--color-base-content);margin:0 0 .25rem}.npcs-tally{color:var(--color-base-content);opacity:.7;font-size:.95rem;margin:0}.npc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.npc-card{display:flex;flex-direction:column;background:var(--card-gradient, var(--color-base-100));border:1px solid var(--color-base-300);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.npc-card:hover{transform:translateY(-2px);border-color:var(--npc-color);box-shadow:0 4px 16px -4px color-mix(in srgb,var(--npc-color) 40%,transparent)}.npc-card-portrait{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--color-base-200);display:block}.npc-card-portrait--placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--npc-color) 25%,transparent),color-mix(in srgb,var(--npc-color) 10%,transparent))}.npc-card-body{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.npc-card-name{font-size:1rem;font-weight:600;color:var(--color-base-content);margin:0}.npc-card-location{font-size:.8rem;color:var(--color-base-content);opacity:.7}.npcs-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:var(--color-base-100);border:1px solid var(--color-base-300);border-radius:12px}.npcs-search{flex:1 1 220px;min-width:0;padding:.5rem .75rem;background:var(--color-base-200);border:1px solid var(--color-base-300);border-radius:8px;color:var(--color-base-content);font-size:.95rem}.npcs-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 30%,transparent)}.npcs-chip-group{display:flex;flex-wrap:wrap;gap:.25rem}.npcs-chip{padding:.35rem .75rem;background:var(--color-base-200);color:var(--color-base-content);border:1px solid var(--color-base-300);border-radius:999px;font-size:.85rem;cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.npcs-chip:hover{border-color:var(--color-primary)}.npcs-chip.is-active{background:var(--color-primary);color:var(--color-primary-content);border-color:var(--color-primary)}.npcs-sort{padding:.4rem .75rem;background:var(--color-base-200);color:var(--color-base-content);border:1px solid var(--color-base-300);border-radius:8px;font-size:.85rem;cursor:pointer}.npcs-clear{padding:.35rem .75rem;background:transparent;color:var(--color-base-content);opacity:.7;border:1px dashed var(--color-base-300);border-radius:8px;font-size:.85rem;cursor:pointer}.npcs-clear:hover{opacity:1}.npcs-empty{text-align:center;padding:3rem 1rem;color:var(--color-base-content);opacity:.7}.npcs-clear-inline{margin-left:.5rem;background:transparent;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font:inherit}[x-cloak]{display:none!important}.npcs-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-base-300);text-align:center;font-size:.85rem;color:var(--color-base-content);opacity:.7}.npcs-footer a{color:var(--color-primary);text-decoration:underline}.npcs-rail{margin-bottom:1.5rem}.npcs-rail-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-base-content);opacity:.7;margin:0 0 .5rem}.npcs-rail-track{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.npc-card--rail{flex:0 0 200px;scroll-snap-align:start}.npc-card--rail .npc-card-portrait{aspect-ratio:4 / 3}.npc-detail{max-width:1100px;margin:0 auto;padding:1rem}.npc-detail-hero{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:center;padding:2rem 1.5rem;margin-bottom:2rem;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--npc-color) 22%,var(--color-base-100)),color-mix(in srgb,var(--npc-color) 6%,var(--color-base-100)));border:1px solid color-mix(in srgb,var(--npc-color) 40%,var(--color-base-300))}@media(max-width:640px){.npc-detail-hero{grid-template-columns:1fr;text-align:center}}.npc-detail-portrait img,.npc-detail-portrait--placeholder{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;background:var(--color-base-200)}.npc-detail-portrait--placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--npc-color) 35%,transparent),color-mix(in srgb,var(--npc-color) 15%,transparent))}.npc-detail-name{font-size:2.25rem;font-weight:700;color:var(--color-base-content);margin:0 0 .25rem}.npc-detail-slug{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--color-base-content);opacity:.6;background:color-mix(in srgb,var(--color-base-300) 60%,transparent);padding:.1rem .4rem;border-radius:4px}.npc-detail-chips{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap;justify-content:flex-start}.npc-detail-chip{padding:.3rem .7rem;background:var(--color-base-100);border:1px solid var(--color-base-300);border-radius:999px;font-size:.8rem;color:var(--color-base-content)}.npc-detail-chip[data-alignment=good]{border-color:#10b981}.npc-detail-chip[data-alignment=neutral]{border-color:#78716c}.npc-detail-chip[data-alignment=evil]{border-color:#f43f5e}@media(max-width:640px){.npc-detail-chips{justify-content:center}}.npc-detail-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:start}@media(max-width:900px){.npc-detail-content{grid-template-columns:1fr}}.npc-detail-body{color:var(--color-base-content);line-height:1.6;font-size:1rem;max-width:60ch}.npc-detail-body :is(h1,h2,h3,h4,h5,h6){margin-top:1.5em;margin-bottom:.5em;color:var(--color-base-content);border-bottom:1px solid color-mix(in srgb,var(--npc-color) 30%,transparent);padding-bottom:.25em;font-weight:600}.npc-detail-body h1{font-size:1.6rem}.npc-detail-body h2{font-size:1.35rem}.npc-detail-body h3{font-size:1.15rem}.npc-detail-body p{margin:0 0 1em}.npc-detail-body strong{color:var(--color-base-content);font-weight:600}.npc-detail-body em{font-style:italic;opacity:.95}.npc-detail-body a{color:var(--npc-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.npc-detail-body hr{border:0;border-top:1px dashed color-mix(in srgb,var(--color-base-300) 80%,transparent);margin:1.5em 0}.npc-detail-empty-bio{padding:1rem;background:var(--color-base-100);border:1px dashed var(--color-base-300);border-radius:8px;color:var(--color-base-content);opacity:.8}.npc-detail-sidebar{position:sticky;top:1rem;padding:1rem;background:var(--color-base-100);border:1px solid var(--color-base-300);border-radius:12px}@media(max-width:900px){.npc-detail-sidebar{position:static}}.npc-side-section{padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--color-base-300)}.npc-side-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.npc-side-section h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-base-content);opacity:.65;margin:0 0 .5rem}.npc-side-section p{margin:0 0 .25rem}.npc-side-section a{color:var(--npc-color);text-decoration:underline}.npc-side-facts{margin:0;display:grid;grid-template-columns:max-content 1fr;column-gap:.75rem;row-gap:.35rem;font-size:.85rem}.npc-side-facts dt{color:var(--color-base-content);opacity:.7}.npc-side-facts dd{color:var(--color-base-content);margin:0}.npc-side-traits{display:flex;flex-wrap:wrap;gap:.25rem}.npc-side-trait{padding:.15rem .5rem;border:1px solid color-mix(in srgb,var(--npc-color) 50%,var(--color-base-300));border-radius:999px;font-size:.75rem;color:var(--color-base-content);background:color-mix(in srgb,var(--npc-color) 8%,transparent)}.npc-side-list{margin:0;padding-left:1.25rem;font-size:.85rem}