.ingredient-table{background:#faf8f4;display:flex;flex-direction:column;gap:32px;padding:32px 16px;--tile-size:130px}.ingredient-table__featured{align-items:center;border:1px solid #f5d600;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:24px 16px;text-align:center}.ingredient-table__badge{background:#fff;border-radius:999px;color:#100e1e;font-weight:700;letter-spacing:.03em;padding:8px 20px;text-transform:uppercase}.ingredient-table__featured-items{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ingredient-table__featured-description{max-width:480px}.ingredient-table__grid{display:flex;flex-direction:column;gap:32px}.ingredient-category{display:flex;flex-direction:column;width:100%}.ingredient-category__header{align-items:flex-start;display:flex;margin-bottom:16px;text-align:left;width:100%}.ingredient-category__heading{flex:1}.ingredient-category__tag{display:block;font-size:.7em;font-weight:400;margin-top:2px}.ingredient-category__items{display:grid;gap:8px;grid-template-columns:repeat(2,var(--tile-size));justify-content:center}.ingredient-tile{align-items:center;border-radius:8px;color:#0f0e1e;cursor:pointer;display:flex;flex-direction:column;gap:2px;height:var(--tile-size);justify-content:center;padding:12px;position:relative;text-align:center;transition:transform .15s ease;width:var(--tile-size)}.ingredient-tile:hover{transform:scale(1.05);z-index:10}.ingredient-category--story .ingredient-tile{background-color:#d9bdff;border:1px solid #302859}.ingredient-category--strategy .ingredient-tile{background-color:#f7ae00;border:1px solid #302859}.ingredient-category--system .ingredient-tile{background-color:#f5d600;border:1px solid #302859}.ingredient-category .ingredient-tile .ingredient-tile__symbol{color:#302859}.ingredient-tile--featured{background-color:#302859;border:1px solid #f5d600;color:#faf8f4}.ingredient-tile--featured .ingredient-tile__symbol{color:#f5d600}.ingredient-tile--featured:active,.ingredient-tile--featured:focus,.ingredient-tile--featured:hover{background-color:#302859;color:#faf8f4;transform:scale(1.05);z-index:10}.ingredient-tile__symbol{font-size:calc(1em + 6pt);font-weight:700;line-height:1.1}.ingredient-tile__label{font-size:.85em;line-height:1.2}.ingredient-tile__tooltip{background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.35);color:#100e1e;font-size:1em;font-weight:400;left:50%;max-width:60vw;opacity:0;padding:10px 12px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px);transition:opacity .15s ease,transform .15s ease;visibility:hidden;width:220px;z-index:20}.ingredient-tile.is-open .ingredient-tile__tooltip,.ingredient-tile:focus-visible .ingredient-tile__tooltip,.ingredient-tile:hover .ingredient-tile__tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.ingredient-tile:focus-visible{outline:2px solid #302859;outline-offset:2px}.ingredient-tile--featured:focus-visible{outline-color:#f5d600}.ingredient-tile__link{align-items:center;color:inherit;display:flex;font-size:.9em;justify-content:center;margin-top:8px;min-height:44px;text-decoration:underline}.ingredient-tile__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (min-width:768px){.ingredient-table{padding:48px 32px;--tile-size:150px}}@media (min-width:1024px){.ingredient-table{--tile-size:170px}.ingredient-table__grid{align-items:flex-start;flex-direction:row}.ingredient-category__items{justify-content:flex-start}.ingredient-category{flex:1}}