.doc-item-cell{display:inline-flex;align-items:center;gap:.65rem;min-width:0;position:relative;font-weight:700;outline:none}.doc-item-icon{width:24px;height:24px;object-fit:contain;image-rendering:pixelated;flex:0 0 24px}.doc-item-name{min-width:0}.doc-item-cell:focus-visible{border-radius:5px;box-shadow:0 0 0 2px var(--accent,#45c8c1),0 0 0 4px rgba(69,200,193,.18)}.doc-item-cell.texture-unavailable:before{content:"";width:24px;height:24px;display:block;border:1px dashed rgba(139,180,204,.45);border-radius:3px}.trait-equation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.35fr) auto minmax(0,1fr);gap:.7rem;align-items:stretch;margin:1.8rem 0 2.2rem}.trait-equation section{display:flex;flex-direction:column;gap:.45rem;padding:1rem;border:1px solid var(--line,#26455f);background:rgba(18,39,59,.68);border-radius:5px}.trait-equation section small{font-family:var(--mono,monospace);font-size:.67rem;letter-spacing:.12em;color:var(--accent,#45c8c1)}.trait-equation section strong{font-size:.95rem;line-height:1.45}.trait-equation section span{font-size:.8rem;color:var(--muted,#9bb2c4)}.trait-equation>b{align-self:center;font-size:1.6rem;color:var(--accent,#45c8c1)}.trait-combine{margin-top:1rem;border-left-color:var(--accent,#45c8c1)}.recipe-output-link{display:inline-flex;border-radius:4px;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}.recipe-output-link:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(69,200,193,.6),0 7px 20px rgba(0,0,0,.22)}.recipe-output-link:focus-visible{outline:2px solid var(--accent,#45c8c1);outline-offset:4px}@media(max-width:800px){.trait-equation{grid-template-columns:1fr}.trait-equation>b{text-align:center;transform:rotate(90deg)}.doc-item-icon{width:22px;height:22px;flex-basis:22px}}@media(prefers-reduced-motion:reduce){.recipe-output-link{transition:none}.recipe-output-link:hover{transform:none}}