.traits-page__intro{max-width:820px;color:var(--muted);margin:-10px 0 14px;font-size:14px}.traits{--trait-scale:1;--trait-node:calc(38px * var(--trait-scale));--trait-line:calc(60px * var(--trait-scale))}.traits,.traits-branch,.traits__tab{--branch-accent:var(--amber);--accent-soft:color-mix(in srgb, var(--branch-accent) 22%, transparent);--accent-background:color-mix(in srgb, var(--branch-accent) 7%, var(--surface));--accent-fill:color-mix(in srgb, var(--branch-accent) 14%, #0b0e0a)}.traits__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.traits__tabs{gap:6px;display:none}.traits__tab{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--muted);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:0 14px;font-size:12px}.traits__tab[aria-selected=true]{border-color:var(--branch-accent);color:var(--branch-accent);background:var(--accent-background)}.traits__controls{align-items:center;gap:6px;margin-left:auto;display:flex}.traits__icon-button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;place-items:center;display:grid}.traits__icon-button:hover:not(:disabled){border-color:var(--amber);color:var(--amber-bright)}.traits__icon-button:disabled{opacity:.4;cursor:default}.traits__reset{white-space:nowrap;min-height:36px}.traits__error{color:#ffb3a4;border:1px solid #bf5e4680;margin:0 0 12px;padding:8px 12px;font-size:13px}.traits__branches{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.traits-branch{border:1px solid var(--line);border-top:2px solid var(--branch-accent);background:linear-gradient(180deg, var(--accent-background), var(--surface) 70%);min-width:0}.traits-branch__header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:10px 14px;display:flex}.traits-branch__header h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:21px;font-weight:700}.traits-branch__spent{color:var(--branch-accent);font-family:var(--font-tech);font-size:12px}.traits-branch__reset{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;padding:0;font-size:12px;display:inline-flex}.traits-branch__reset:hover:not(:disabled){color:var(--branch-accent)}.traits-branch__scroll{padding:10px 12px 14px}.traits-branch__canvas{height:calc(var(--lines,9) * var(--trait-line));position:relative}.traits-branch__edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.traits-branch__edges polyline{fill:none;stroke:#d5e0c32e;stroke-width:2px;stroke-linejoin:miter;stroke-linecap:square}.traits-branch__edges polyline.is-lit{stroke:var(--branch-accent)}.traits-branch__edges polyline.is-passed{stroke:#d5e0c312;stroke-dasharray:3 4}.trait-node{width:var(--trait-node);height:var(--trait-node);margin:calc(var(--trait-node) / -2) 0 0 calc(var(--trait-node) / -2);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.trait-shape{--shape-stroke:var(--line-bright,#dde8ca42);--shape-fill:var(--surface-3,#161b13);width:100%;height:100%;color:var(--muted);font-family:var(--font-display);font-size:calc(15px * var(--trait-scale));place-items:center;font-weight:700;transition:filter .15s;display:grid;position:relative}.trait-shape--hexagon{width:90%}.trait-shape--circle .trait-shape__content{padding:20%}.trait-shape--square .trait-shape__content{padding:15%}.trait-node--small{--trait-node-size:.8}.trait-node--large-key{--trait-node-size:1.3}.trait-node{width:calc(var(--trait-node) * var(--trait-node-size,1));height:calc(var(--trait-node) * var(--trait-node-size,1));margin:calc(var(--trait-node) * var(--trait-node-size,1) / -2) 0 0 calc(var(--trait-node) * var(--trait-node-size,1) / -2)}.trait-node--large-key .trait-shape{font-size:calc(19px * var(--trait-scale))}.trait-node--small .trait-shape{font-size:calc(12px * var(--trait-scale))}.trait-node--passed .trait-shape{opacity:.45}.trait-shape__outline{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trait-shape__outline polygon,.trait-shape__outline circle{fill:var(--shape-fill);stroke:var(--shape-stroke);stroke-width:1.5px;stroke-linejoin:round;transition:fill .15s,stroke .15s}.trait-shape__content{place-items:center;width:100%;height:100%;padding:17% 15%;display:grid;position:relative}.trait-shape__content img{object-fit:contain;width:100%;height:100%}.trait-node--locked .trait-shape{--shape-stroke:#dde8ca29}.trait-node--locked .trait-shape__outline polygon,.trait-node--locked .trait-shape__outline circle{stroke-dasharray:3 3}.trait-node--locked .trait-shape__content{opacity:.55}.trait-node--available .trait-shape{--shape-stroke:var(--branch-accent);color:var(--text)}.trait-node--available .trait-shape__outline polygon,.trait-node--available .trait-shape__outline circle{stroke-dasharray:4 3}.trait-node--owned .trait-shape,.trait-node--maxed .trait-shape{--shape-stroke:var(--branch-accent);--shape-fill:var(--accent-fill);color:var(--branch-accent)}.trait-node--owned .trait-shape__outline polygon,.trait-node--owned .trait-shape__outline circle,.trait-node--maxed .trait-shape__outline polygon,.trait-node--maxed .trait-shape__outline circle{stroke-width:2px}.trait-node--maxed .trait-shape{filter:drop-shadow(0 0 4px var(--accent-soft)) drop-shadow(0 0 2px var(--branch-accent))}.trait-node:hover .trait-shape,.trait-node.is-open .trait-shape{filter:drop-shadow(0 0 3px var(--accent-soft))}.trait-node--maxed:hover .trait-shape,.trait-node--maxed.is-open .trait-shape{filter:drop-shadow(0 0 5px var(--accent-soft)) drop-shadow(0 0 2px var(--branch-accent))}.trait-node:hover .trait-shape__content,.trait-node:focus-visible .trait-shape__content,.trait-node.is-open .trait-shape__content{opacity:1}.trait-node:focus-visible{outline:none}.trait-node:focus-visible .trait-shape{filter:drop-shadow(0 0 2px var(--branch-accent)) drop-shadow(0 0 2px var(--branch-accent))}.trait-node__rank{border:1px solid var(--line);background:var(--ink,#070906);color:var(--branch-accent);font-family:var(--font-tech);padding:0 4px;font-size:10px;line-height:15px;position:absolute;bottom:-6px;right:-12px}.trait-detail{z-index:1100;box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--line-bright,#dde8ca42);background:var(--surface-2,#11150f);width:290px;max-width:calc(100vw - 16px);color:var(--text);pointer-events:none;padding:12px 14px;font-size:13px;position:fixed;overflow:auto;box-shadow:0 16px 40px #0000008c}.trait-detail.is-pinned{pointer-events:auto}@media (min-width:901px) and (hover:hover){.trait-detail{visibility:hidden}}.trait-detail__head{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.trait-detail__head strong{font-size:15px;line-height:1.2;display:block}.trait-detail__icon{--trait-scale:.9;place-items:center;width:34px;height:34px;display:grid}.trait-detail__meta{color:var(--muted);margin-top:2px;font-size:12px;display:block}.trait-detail__close{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;place-items:center;display:grid}.trait-detail__description{color:var(--muted);margin:10px 0 0;line-height:1.45}.trait-detail__requirements{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.trait-detail__requirements p{color:var(--muted);margin:0}.trait-detail__label{font-family:var(--font-tech);letter-spacing:.06em;text-transform:uppercase;font-size:11px;margin-bottom:4px!important}.trait-detail__requirements ul{gap:3px;margin:0 0 6px;padding:0;list-style:none;display:grid}.trait-detail__requirements li{color:var(--muted);align-items:center;gap:6px;display:flex}.trait-detail__requirements li.is-met{color:var(--text)}.trait-detail__requirements li.is-met svg{color:var(--green,#7ead56)}.trait-detail__group{text-transform:uppercase;font-size:11px;color:var(--muted-quiet,#71786c)!important}.trait-detail__actions{gap:8px;margin-top:12px;display:flex}.trait-detail__actions .button{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex:1;width:100%;min-height:36px;padding:0 8px;font-size:11px}.trait-detail__actions .button--primary{border-color:var(--branch-accent);background:var(--branch-accent);color:#0b0e0a}.trait-detail__actions .button--primary:hover:not(:disabled){filter:brightness(1.1)}.trait-detail__hint{color:var(--muted);margin:10px 0 0;font-size:12px}@media (max-width:1280px){.traits{--trait-node:calc(34px * var(--trait-scale));--trait-line:calc(54px * var(--trait-scale))}.traits-branch__header h2{font-size:18px}}@media (max-width:900px){.traits{--trait-node:calc(40px * var(--trait-scale));--trait-line:calc(64px * var(--trait-scale))}.traits__tabs{flex:100%;display:flex}.traits__tab{flex:1;min-height:44px}.traits__controls{flex:100%;grid-template-columns:repeat(3,minmax(44px,1fr));gap:6px;margin-left:0;display:grid}.traits__controls--with-reset{grid-template-columns:repeat(3,minmax(44px,1fr)) minmax(0,1.6fr)}.traits__icon-button{width:auto;height:44px}.traits__reset{text-overflow:ellipsis;min-width:0;min-height:44px;padding:0 10px;font-size:12px;overflow:hidden}.traits__branches{grid-template-columns:minmax(0,1fr)}.traits-branch{display:none}.traits-branch.is-active{display:block}.traits-branch__canvas{max-width:420px;margin:0 auto}}@media (max-width:900px),(hover:none){.trait-detail{right:0;bottom:var(--sheet-bottom,0px);width:auto;max-width:none;max-height:70vh;max-height:min(70dvh, var(--sheet-max,70dvh));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-width:1px 0 0;position:fixed;overflow:auto;top:auto!important;left:0!important}.trait-detail:has(.trait-picker){max-height:min(85dvh, var(--sheet-max,85dvh))}.trait-picker__list{max-height:max(132px, min(260px, calc(var(--sheet-max,70dvh) - 210px)))}.trait-detail:not(.is-pinned){display:none}}.traits__total{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--text);font-family:var(--font-tech);white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.traits__total>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.traits__total.is-full{border-color:var(--amber);color:var(--amber-bright)}.traits-branch__header{flex-wrap:nowrap;align-items:center}.traits-branch__header h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.traits-branch__spent{font-variant-numeric:tabular-nums;opacity:.85;flex:none}.traits-branch__spent.is-full{opacity:1;font-weight:700}.traits-branch__reset{white-space:nowrap;flex:none}.trait-node--random:not(.is-revealed) .trait-shape{color:var(--branch-accent)}.trait-node--random.is-legacy:after{content:"";border:1px solid var(--ink,#070906);background:var(--amber-bright,#f3bd3c);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.trait-detail__legacy{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.4}.trait-detail__badge{border:1px solid var(--amber,#d9a52e);color:var(--amber-bright,#f3bd3c);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;margin-right:4px;padding:1px 6px;font-size:10px;display:inline-block}.trait-detail__reveal{gap:8px;margin-top:10px;display:flex}.trait-detail__reveal .button{white-space:nowrap;flex:1;min-height:32px;padding:0 8px;font-size:11px}.trait-detail__select{border:1px dashed var(--branch-accent);background:var(--accent-background);width:100%;min-height:34px;color:var(--branch-accent);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;margin-top:10px;font-size:11px}.trait-detail__select:hover:not(:disabled){background:var(--accent-fill)}.trait-picker{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}.trait-picker__title{color:var(--branch-accent);font-family:var(--font-tech);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px}.trait-picker__search{border:1px solid var(--line);background:var(--ink,#070906);color:var(--muted);align-items:center;gap:6px;padding:0 8px;display:flex}.trait-picker__search input{min-width:0;min-height:32px;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:max(16px,1em)}.trait-picker__search:focus-within{border-color:var(--branch-accent)}.trait-picker__list{overscroll-behavior:contain;max-height:220px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.trait-picker__option{width:100%;min-height:36px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.trait-picker__option:hover:not(:disabled),.trait-picker__option:focus-visible{border-color:var(--line-bright,#dde8ca42);background:var(--accent-background);outline:none}.trait-picker__option[aria-pressed=true]{border-color:var(--branch-accent);color:var(--branch-accent)}.trait-picker__icon{border:1px solid var(--line);width:26px;height:26px;color:var(--muted);font-family:var(--font-display);place-items:center;font-size:12px;font-weight:700;display:grid}.trait-picker__icon img{object-fit:contain;width:100%;height:100%}.trait-picker__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trait-picker__empty{color:var(--muted);padding:8px 6px;font-size:12px}.trait-picker__cancel{width:100%;min-height:32px;margin-top:6px;font-size:11px}@media (max-width:900px){.traits__controls{grid-template-columns:auto repeat(3,minmax(44px,1fr))}.traits__controls--with-reset{grid-template-columns:auto repeat(3,minmax(44px,1fr)) minmax(0,1.6fr)}.traits__total{min-height:44px;padding:0 8px}.trait-picker__option{min-height:44px}}.trait-node--locked{cursor:default}.trait-node--locked:hover .trait-shape,.trait-node--locked.is-open .trait-shape{filter:none;--shape-stroke:#dde8ca52}.trait-node--empty{cursor:default;pointer-events:none}.trait-node--empty .trait-shape{--shape-stroke:#dde8ca1a;--shape-fill:transparent;color:#dde8ca47}.trait-node--empty .trait-shape__outline polygon,.trait-node--empty .trait-shape__outline circle{stroke-dasharray:2 4}.trait-detail__title-link{color:inherit;text-decoration:none}.trait-detail__title-link strong{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--branch-accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--branch-accent) 55%, transparent);text-underline-offset:3px}.trait-detail__title-link:hover strong,.trait-detail__title-link:focus-visible strong{color:var(--branch-accent)}.trait-node.is-target{z-index:3;animation:2.4s ease-out trait-node-target}@keyframes trait-node-target{0%,60%{filter:drop-shadow(0 0 0 var(--branch-accent,var(--amber))) drop-shadow(0 0 10px var(--branch-accent,var(--amber)));transform:scale(1.12)}to{filter:none;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.trait-node.is-target{outline:2px solid var(--branch-accent,var(--amber));outline-offset:4px;animation:none}}