.trait-web.svelte-1sqmf8a{position:relative;width:100%;height:420px;background:radial-gradient(ellipse at center,#1a1025,#0d0912);border-radius:1.5rem;overflow:hidden}.web-lines.svelte-1sqmf8a{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.trait-node.svelte-1sqmf8a{position:absolute;transform:translate(-50%,-50%);padding:.3rem .75rem;border-radius:999px;border:1px solid var(--base);background:transparent;color:var(--base);font-size:.78rem;font-family:inherit;cursor:pointer;transition:all .18s ease;white-space:nowrap;opacity:.55;letter-spacing:.03em}.trait-node.svelte-1sqmf8a:hover{opacity:1;border-color:var(--glow);color:var(--glow);text-shadow:0 0 8px var(--glow)}.trait-node.active.svelte-1sqmf8a{background:var(--base);color:var(--txt);opacity:1;box-shadow:0 0 12px var(--glow),0 0 24px var(--base) 44;border-color:var(--glow);font-weight:600}.hint.svelte-1sqmf8a{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fff3;font-size:.75rem;pointer-events:none;letter-spacing:.05em}.companion-select.svelte-1fdma41{min-height:100vh;background:radial-gradient(ellipse at 30% 20%,#1a0e2e,#0a0710);color:#e8e0f0;padding:2rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2.5rem;max-width:680px;margin:0 auto}header.svelte-1fdma41{text-align:center;padding-top:1rem}.logo.svelte-1fdma41{font-size:2rem;color:#f4a825;margin-bottom:.5rem}h1.svelte-1fdma41{font-size:2rem;font-weight:200;letter-spacing:.15em;color:#f0eaff;margin:0}.sub.svelte-1fdma41{color:#7a6e8a;font-size:.85rem;margin-top:.4rem;letter-spacing:.05em}.characters.svelte-1fdma41{display:flex;flex-direction:column;gap:.75rem}.char-card.svelte-1fdma41{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:1rem;border:1px solid #ffffff15;background:#ffffff08;cursor:pointer;text-align:left;transition:all .2s ease;position:relative;color:inherit;font-family:inherit}.char-card.svelte-1fdma41:hover{border-color:var(--accent);background:#ffffff12}.char-card.selected.svelte-1fdma41{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--glow) 20%,transparent)}.avatar.svelte-1fdma41{font-size:2.5rem;flex-shrink:0}.char-info.svelte-1fdma41 h2:where(.svelte-1fdma41){font-size:1.1rem;font-weight:400;margin:0 0 .3rem;color:#f0eaff}.char-info.svelte-1fdma41 p:where(.svelte-1fdma41){font-size:.8rem;color:#8a7e9a;margin:0;line-height:1.4}.selected-dot.svelte-1fdma41{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--glow)}.trait-section.svelte-1fdma41 h3:where(.svelte-1fdma41){font-size:.9rem;font-weight:300;letter-spacing:.1em;color:#7a6e8a;margin:0 0 .4rem;text-transform:uppercase}.trait-hint.svelte-1fdma41{font-size:.78rem;color:#5a4e6a;margin:0 0 1rem}.active-traits.svelte-1fdma41{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.trait-pill.svelte-1fdma41{padding:.2rem .6rem;border-radius:999px;background:#ffffff15;color:#c0b0d0;font-size:.72rem;letter-spacing:.04em}.start-section.svelte-1fdma41{padding-top:.5rem}.start-btn.svelte-1fdma41{width:100%;padding:1rem;border-radius:999px;border:none;background:linear-gradient(135deg,#e85d7a,#b044d0);color:#fff;font-size:1rem;font-weight:300;letter-spacing:.08em;cursor:pointer;transition:all .2s ease;font-family:inherit}.start-btn.svelte-1fdma41:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #e85d7a44}.start-btn.svelte-1fdma41:disabled{opacity:.35;cursor:not-allowed}