.traits.svelte-4gb4i5{display:flex;flex-direction:column;min-height:0;height:100%;overflow-y:auto;scrollbar-width:none;padding:.5rem .75rem .75rem;gap:var(--trait-section-gap, .85rem)}.traits.svelte-4gb4i5::-webkit-scrollbar{width:0;height:0}.state.svelte-4gb4i5{display:flex;flex-direction:column;gap:var(--trait-section-gap, .85rem)}.state-label.svelte-4gb4i5{font-family:var(--font-display);font-size:var(--trait-state-size, 1.18rem);letter-spacing:.18em;text-transform:uppercase;color:#fff;padding-bottom:3px;border-bottom:1px solid color-mix(in srgb,var(--brand-cyan, #5cdfff) 35%,transparent)}.state.unawakened.svelte-4gb4i5{margin-top:.35rem;padding-top:var(--trait-section-gap, .85rem);border-top:1px dashed rgba(255,255,255,.16);opacity:.74}.state.unawakened.svelte-4gb4i5 .state-label:where(.svelte-4gb4i5){color:var(--color-fog, #9a93b0);border-bottom-color:#ffffff24}.state.unawakened.svelte-4gb4i5 .emblem:where(.svelte-4gb4i5) img:where(.svelte-4gb4i5){filter:brightness(0) invert(1);opacity:.4}.group.svelte-4gb4i5,.list.svelte-4gb4i5{display:flex;flex-direction:column;gap:var(--trait-list-gap, 6px)}.empty.svelte-4gb4i5{color:var(--color-whisper, #6a6680);font-size:1.17rem;padding:.75rem}.trait.svelte-4gb4i5{display:flex;align-items:center;gap:var(--trait-gap, .82rem);padding:var(--trait-row-pad, 8px 9px);border-radius:6px;background:color-mix(in srgb,var(--c) 14%,transparent);border-left:4px solid var(--c);pointer-events:auto;cursor:default}.trait.svelte-4gb4i5:focus-visible{outline:2px solid var(--c);outline-offset:2px}.emblem.svelte-4gb4i5{position:relative;width:var(--trait-icon, 45px);height:var(--trait-icon, 45px);flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#00000059;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 50%,transparent)}.emblem.svelte-4gb4i5 img:where(.svelte-4gb4i5){width:calc(var(--trait-icon, 45px) * .73);height:calc(var(--trait-icon, 45px) * .73);object-fit:contain;filter:brightness(0) invert(1)}.emblem.svelte-4gb4i5 span:where(.svelte-4gb4i5):not(.count){font-family:var(--font-display);color:var(--c)}.count.svelte-4gb4i5{position:absolute;right:-6px;bottom:-6px;min-width:var(--trait-count-size, 22px);height:var(--trait-count-size, 22px);padding:0 4px;border-radius:12px;background:var(--c);color:var(--color-void, #0c0518);font-family:var(--font-display);font-size:var(--trait-count-font, .93rem);display:grid;place-items:center;font-variant-numeric:tabular-nums}.body.svelte-4gb4i5{min-width:0;display:flex;flex-direction:column;gap:2px}.name.svelte-4gb4i5{font-family:var(--font-display);font-size:var(--trait-name-size, 1.17rem);letter-spacing:.03em;text-transform:uppercase;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projected.svelte-4gb4i5{font-family:var(--font-display);font-size:.92rem;letter-spacing:.04em;color:var(--brand-cyan, #5cdfff);opacity:.9}.pips.svelte-4gb4i5{display:flex;gap:4px}.pip.svelte-4gb4i5{font-size:var(--trait-pip-font, .84rem);min-width:var(--trait-pip-size, 20px);height:var(--trait-pip-size, 20px);padding:0 3px;display:grid;place-items:center;border-radius:4px;background:#ffffff0f;color:var(--color-whisper, #6a6680);font-variant-numeric:tabular-nums}.pip.hit.svelte-4gb4i5{background:color-mix(in srgb,var(--c) 35%,transparent);color:#fff}.tip-backdrop.svelte-4gb4i5{position:fixed;inset:0;z-index:999;padding:0;border:0;background:transparent;touch-action:none;-webkit-tap-highlight-color:transparent}.tip.svelte-4gb4i5{position:fixed;z-index:1000;width:320px;max-height:82vh;overflow-y:auto;padding:14px;border-radius:10px;background:#0a0614f7;border:1px solid color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 12px 40px #0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity 90ms ease}.tip.touch.svelte-4gb4i5{width:min(420px,calc(100vw - 200px));max-height:calc(100dvh - 16px);pointer-events:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tip.placed.svelte-4gb4i5{opacity:1}.tip-head.svelte-4gb4i5{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tip-emblem.svelte-4gb4i5{position:relative;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:#0006;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}.tip-emblem.svelte-4gb4i5 img:where(.svelte-4gb4i5){width:34px;height:34px;object-fit:contain;filter:brightness(0) invert(1)}.tip-emblem.svelte-4gb4i5 span:where(.svelte-4gb4i5){font-family:var(--font-display);color:var(--c)}.tip-title.svelte-4gb4i5{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.tip-name.svelte-4gb4i5{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;color:#fff}.tip-kind.svelte-4gb4i5{font-family:var(--font-display);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c)}.tip-close.svelte-4gb4i5{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;margin-left:auto;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-radius:999px;background:#ffffff0f;color:#fff;font:inherit;font-family:var(--font-display);font-size:1.05rem;line-height:1;cursor:pointer;touch-action:manipulation}.tip-desc.svelte-4gb4i5{font-size:.9rem;line-height:1.5;color:var(--color-parchment, #d8d2e8);margin:0 0 12px}.bp-list.svelte-4gb4i5{display:flex;flex-direction:column;gap:9px;margin-bottom:10px}.bp-row.svelte-4gb4i5{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:flex-start}.bp-count.svelte-4gb4i5{display:grid;place-items:center;width:30px;height:30px;font-family:var(--font-display);font-size:.9rem;color:var(--color-void, #0c0518);font-variant-numeric:tabular-nums;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);flex:none}.bp-bronze.svelte-4gb4i5{background:linear-gradient(135deg,#c08560,#8b5a3c);color:#fff}.bp-silver.svelte-4gb4i5{background:linear-gradient(135deg,#e6e6f0,#9090a0);color:#1a0f2e}.bp-gold.svelte-4gb4i5{background:linear-gradient(135deg,#ffd56a,#c89028);color:#1a0f2e}.bp-prismatic.svelte-4gb4i5{background:linear-gradient(135deg,#ff7fd9,#5a2bff,#5cdfff);color:#fff}.bp-desc.svelte-4gb4i5{font-size:.84rem;line-height:1.5;color:var(--color-bone, #efeaf7);padding-top:4px}.tip-footer.svelte-4gb4i5{font-style:italic;font-size:.8rem;line-height:1.45;color:var(--color-fog, #9a93b0);margin:0}.trait.svelte-4gb4i5{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media(pointer:coarse){.trait.svelte-4gb4i5:active{background:color-mix(in srgb,var(--c) 22%,transparent)}.trait.svelte-4gb4i5{min-height:44px;cursor:pointer}}.chev.svelte-4gb4i5{margin-left:auto;flex-shrink:0;align-self:center;color:var(--c);font-size:.9rem;opacity:.65;transition:transform .16s ease,opacity .16s ease}.trait.expanded.svelte-4gb4i5 .chev:where(.svelte-4gb4i5){transform:rotate(90deg);opacity:1}.trait.expanded.svelte-4gb4i5{background:color-mix(in srgb,var(--c) 22%,transparent)}@media(max-width:600px){.state-label.svelte-4gb4i5{font-size:clamp(.9rem,3.5vw,1.18rem)}.name.svelte-4gb4i5{font-size:clamp(.85rem,3.2vw,1.17rem)}.projected.svelte-4gb4i5{font-size:clamp(.8rem,2.8vw,.92rem)}.tip.touch.svelte-4gb4i5{width:min(420px,calc(100vw - 190px))}}@media(pointer:coarse)and (orientation:portrait){.tip.touch.svelte-4gb4i5{left:8px!important;top:auto!important;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;max-height:min(58vh,420px)}}