:root{--char-hue:210;--char-accent:hsl(var(--char-hue) 85% 58%);--char-accent-2:hsl(calc(var(--char-hue) + 30) 90% 55%);--char-accent-3:hsl(calc(var(--char-hue) - 30) 85% 62%)}@layer components{.char-hero{position:relative;isolation:isolate;margin-top:12px;padding:clamp(16px,2vw,20px);border-radius:var(--radius,20px);border:1px solid var(--border,hsla(0,0%,100%,.08));background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01));overflow:clip}.char-hero__bg{position:absolute;inset:-8px;background:linear-gradient(180deg,hsla(0,0%,100%,.03),transparent 60%);background:radial-gradient(60% 60% at 20% 0,color-mix(in oklab,var(--char-accent) 20%,transparent),transparent 65%),radial-gradient(60% 60% at 80% 0,color-mix(in oklab,var(--char-accent-2) 18%,transparent),transparent 65%),linear-gradient(180deg,hsla(0,0%,100%,.03),transparent 60%);filter:blur(18px) saturate(110%);opacity:.85;z-index:-1;pointer-events:none}.char-hero__content{position:relative;z-index:1}.char-hero__main{display:grid;grid-template-columns:minmax(140px,180px) 1fr;grid-gap:clamp(12px,2vw,18px);gap:clamp(12px,2vw,18px);align-items:center}@media (max-width:820px){.char-hero__main{grid-template-columns:1fr}}.char-hero__avatar{position:relative;padding:2px;border-radius:var(--radius-sm,16px);background:linear-gradient(140deg,var(--char-accent),var(--char-accent-2),var(--char-accent-3))}.char-hero__img{display:block;inline-size:100%;aspect-ratio:4/5;block-size:auto;object-fit:cover;border-radius:calc(var(--radius-sm, 16px) - 2px);border:1px solid var(--border,hsla(0,0%,100%,.08));filter:saturate(108%) contrast(103%)}.char-hero__placeholder{inline-size:100%;aspect-ratio:4/5;border-radius:calc(var(--radius-sm, 16px) - 2px);background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.06) 0 10px,hsla(0,0%,100%,.02) 10px 20px);border:1px dashed var(--border,hsla(0,0%,100%,.12))}.char-hero__title{margin:0 0 6px;font-size:clamp(26px,2.4vw + 14px,42px);line-height:1.15;font-weight:900;letter-spacing:.2px;text-wrap:balance}.char-hero__excerpt{margin:0;color:var(--muted);opacity:.9}.char-hero__worlds{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.char-hero .chip{--_bg:color-mix(in oklab,var(--char-accent) 8%,hsla(0,0%,100%,.02));display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700;color:#e8ebf2;background:var(--_bg);border:1px solid var(--border,hsla(0,0%,100%,.08));transition:transform .15s ease,background .2s ease,filter .2s ease;outline-offset:2px}.char-hero .chip .chip-dot{inline-size:8px;block-size:8px;border-radius:999px;background:var(--char-accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--char-accent) 30%,transparent)}.char-hero .chip--primary{background:color-mix(in oklab,var(--char-accent) 14%,hsla(0,0%,100%,.02))}.char-hero .chip:focus-visible{outline:2px solid var(--focus)}@media (hover:hover) and (pointer:fine){.char-hero .chip:hover{transform:translateY(-1px);filter:brightness(1.04)}}.char-hero__keywords{margin-top:10px}.char-quick{margin-top:14px;padding:10px 12px;border-radius:var(--radius-sm,14px);border:1px solid var(--border,hsla(0,0%,100%,.08));background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01))}.char-quick__list{margin:0;padding:0;list-style:none;display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:#dce1ee;opacity:.92}.char-body{margin-top:clamp(14px,2vw,18px)}.char-body__content{max-inline-size:78ch}.char-hero .ribbon{position:absolute;inset-block-start:10px;inset-inline-start:10px;padding:3px 10px;font-size:12px;font-weight:800;border-radius:999px;color:#eef2ff;background:color-mix(in oklab,var(--char-accent) 22%,rgba(0,0,0,.5));border:1px solid var(--border,hsla(0,0%,100%,.12));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.charsGrid{display:grid;grid-gap:clamp(12px,2vw,18px);gap:clamp(12px,2vw,18px);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}}@layer effects{@media (prefers-reduced-motion:reduce){.char-hero,.char-hero .chip,.char-hero__bg{transition:none!important;filter:none!important}}}@layer utilities{.char-hero :is(a,button,[role=button]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:8px}}
/*# sourceMappingURL=80c1cc49a08f2cf2.css.map*/