.trait-tooltip{z-index:99999;color:#e2e8f0;background-color:#1a1f2e;border:1px solid #ffffff1a;border-radius:1rem;width:300px;font-size:.875rem;overflow:hidden;box-shadow:0 25px 50px -12px #000000e6,0 0 0 1px #ffffff0d}.trait-tooltip__header{background-color:#232936;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:1rem;display:flex}.trait-tooltip__icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.trait-tooltip__icon-img{object-fit:contain;filter:brightness(1.2);width:100%;height:100%}.trait-tooltip__icon-fallback{color:#6b7280;background-color:#ffffff0d;border-radius:.375rem;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;display:flex}.trait-tooltip__info{flex-direction:column;display:flex}.trait-tooltip__name{color:#fff;font-size:1rem;font-weight:700}.trait-tooltip__count{color:#22d3ee;font-size:.75rem}.trait-tooltip__description{border-bottom:1px solid #ffffff0d;padding:1rem}.trait-tooltip__description-content{color:#d1d5db;font-size:.8rem;line-height:1.6}.trait-tooltip__description-content b,.trait-tooltip__description-content strong{color:#22d3ee;font-weight:600}.trait-tooltip__description-content img{vertical-align:middle;object-fit:contain;filter:brightness(1.1);display:inline-block;width:14px!important;height:14px!important}.trait-tooltip__bonuses{background-color:#1a1f2e;padding:.75rem 1rem}.trait-tooltip__bonuses-label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.5rem;font-size:.625rem;font-weight:700}.trait-tooltip__bonuses-list{flex-direction:column;gap:.375rem;display:flex}.trait-tooltip__bonus{background-color:#ffffff05;border-left:3px solid #ffffff1a;border-radius:.5rem;align-items:flex-start;gap:.75rem;padding:.5rem .625rem;transition:all .15s;display:flex}.trait-tooltip__bonus--active{background-color:#d946ef14;border-left-color:#d946ef}.trait-tooltip__bonus--active .trait-tooltip__bonus-count{color:#d946ef;background-color:#d946ef26}.trait-tooltip__bonus-count{color:#6b7280;background-color:#ffffff0d;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.trait-tooltip__bonus-stats{color:#9ca3af;font-size:.75rem;line-height:1.5}.trait-tooltip__bonus--active .trait-tooltip__bonus-stats{color:#e2e8f0}.trait-tooltip__bonus-stats img{vertical-align:middle;object-fit:contain;display:inline-block;width:12px!important;height:12px!important}
.trait{color:#9ca3af;cursor:default;background-color:#1e2330;border:1px solid #ffffff0d;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;display:inline-flex;position:relative}.trait--gold{color:#fbbf24;background-color:#fbbf2426;border-color:#fbbf2466}.trait--silver{color:silver;background-color:#c0c0c01a;border-color:#c0c0c04d}.trait--bronze{color:#cd7f32;background-color:#cd7f321a;border-color:#cd7f3240}.trait__icon{object-fit:contain;flex-shrink:0;width:16px;height:16px}.trait__name{white-space:nowrap}.trait__count{text-align:center;background-color:#ffffff1a;border-radius:.125rem;min-width:1rem;padding:.125rem .25rem;font-size:.5rem;font-weight:800}